/* az.ai model picker (package azai-v36). Page chrome comes from /dp/az/brains/azb-page.css, cards from /dp/az/cards.css. */
h2.left { text-align:left; margin-top:0 }
.lead { max-width:860px }
.small { font-size:13px }
.azm-check { display:inline-flex; align-items:center; gap:8px; margin:0; color:var(--fg); font-size:14px; min-height:44px }
.azm-check input { width:auto; min-height:0 }
.azm-controls { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:12px; align-items:end }
.azm-actions { margin-top:12px }
.azm-tags { margin-top:12px; gap:8px }
.azm-tag { min-height:40px; padding:0 14px; border-radius:999px; border:1px solid var(--line); background:transparent; color:var(--mut); font:600 14px system-ui, sans-serif; cursor:pointer }
.azm-tag[aria-pressed="true"] { color:#041022; background:var(--cy); border-color:var(--cy) }
.azm-log { display:flex; flex-direction:column; gap:12px; margin:4px 0 12px; max-height:560px; overflow:auto }
.azm-log:empty { display:none }
.azm-msg { border:1px solid var(--line); border-radius:14px; padding:12px 14px; background:var(--card2) }
.azm-msg.me { background:#0a1a3a; border-color:#24407a; align-self:flex-end; max-width:90% }
.azm-msg .who { font-size:12px; font-weight:700; color:var(--mut); margin:0 0 6px; display:flex; flex-wrap:wrap; gap:8px; align-items:center }
.azm-msg .txt { white-space:pre-wrap; margin:0 }
.azm-msg img { display:block; max-width:min(100%, 512px); height:auto; border-radius:12px; margin-top:8px }
.azm-msg .src { font-size:13px; margin:8px 0 0; padding-left:18px }
.azm-msg .meta { font-size:12px; color:var(--mut); margin:8px 0 0 }
.azm-cols { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:12px }
.azm-confirm { margin-top:12px; padding:12px 14px; border:1px solid #24407a; border-radius:14px; background:#08142f; display:flex; flex-wrap:wrap; gap:10px; align-items:center }
.azm-confirm p { margin:0; flex:1 1 260px }
.azm-card .azm-top { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-bottom:8px }
.azm-card .azm-top .chip { flex:none }
.azm-card .chip.ok { background:rgba(82,242,212,.14); color:#7ff5de; border-color:transparent }
.azm-card .chip.soon { background:rgba(255,255,255,.06); color:#b9c7e2; border-color:transparent }
.azm-card .tags { display:flex; flex-wrap:wrap; gap:6px; margin:8px 0 0 }
.azm-card .tags span { font-size:12px; color:#b9c7e2; border:1px solid var(--line); border-radius:999px; padding:2px 8px }
.azm-card .azm-price { font-size:13px; color:#cfe0ff; margin:8px 0 0 }
.azm-card .azm-why { font-size:12px; color:var(--warn); margin:6px 0 0 }
.azm-card .azm-btns { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px }
.azm-card .azm-btns .btn { min-height:40px; padding:0 12px; font-size:14px }
.azm-card .azm-btns label { display:inline-flex; align-items:center; gap:6px; margin:0; color:var(--fg); font-size:14px; min-height:40px }
.azm-card .azm-btns input { width:auto; min-height:0 }
.azm-notes { margin:10px 0 0; padding-left:18px } .azm-notes li { margin:6px 0 } .azm-notes button { margin-left:8px; min-height:36px }
.azm-prov { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:10px }
.azm-prov div { border:1px solid var(--line); border-radius:12px; padding:10px 12px; font-size:14px }
.azm-prov b { display:block } .azm-prov .chip { margin-top:6px }
@media (max-width:600px) { .azm-actions .btn { flex:1 1 100% } .azm-msg.me { max-width:100% } }

/* azweb 10-13 tap targets on phones */
@media (max-width:480px){.azm-tag,body .btn,.azm-card .azm-btns .btn,.azm-card .azm-btns label,.azm-notes button{min-height:44px}}