/* az.ai app shell colours (same as the dashboard): deep navy + cyan */
@font-face{font-family:Inter;font-style:normal;font-weight:400 900;font-display:swap;src:url(/dp/az/fonts/inter-latin.woff2) format("woff2")}
:root{color-scheme:dark;--bg:#050b19;--card:#0f2340;--ink:#f5faff;--muted:rgba(220,232,247,.66);--line:rgba(220,232,247,.14);--brand:#23d8ff;--ok:#4fd1a1;--warn:#f2b84b;--bad:#ff8a7a;--chip:rgba(220,232,247,.07)}
*{box-sizing:border-box}
body{margin:0;font:15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(1200px 600px at 80% -10%,rgba(35,216,255,.08),transparent),var(--bg);color:var(--ink);min-height:100vh}
a{color:var(--brand)}
.top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 24px;border-bottom:1px solid var(--line);background:rgba(5,11,25,.85);position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}.crumb{color:var(--muted)}
.brand{font-weight:800;font-size:22px;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}.brand span{color:var(--brand)}
.product{font-size:16px}
.toplinks{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap;font-size:14px;align-items:center}.toplinks a{color:var(--muted);text-decoration:none;font-weight:500}.toplinks a:hover{color:var(--ink)}#loginLink{color:#04121f;background:linear-gradient(135deg,#61f2dd,#23d8ff 50%,#3678ff);padding:8px 14px;border-radius:999px;font-weight:700}
.banner{margin:12px 20px;padding:12px 14px;border-radius:10px;background:var(--chip);border:1px solid var(--line)}
.status{display:flex;gap:8px;flex-wrap:wrap;padding:12px 20px 0}
.pill{padding:4px 10px;border-radius:999px;font-size:13px;background:var(--chip);border:1px solid var(--line)}
.pill.ok{color:var(--ok)}.pill.warn{color:var(--warn)}.pill.bad{color:var(--bad)}
.msg{margin:12px 20px;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card)}
.msg.err{border-color:var(--bad);color:var(--bad)}
.tabs{display:flex;gap:4px;overflow-x:auto;padding:12px 20px 0;border-bottom:1px solid var(--line)}
.tabs button{border:0;background:none;color:var(--muted);padding:10px 12px;font:inherit;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.tabs button.active{color:var(--ink);border-bottom-color:var(--brand);font-weight:600}
.n:not(:empty){display:inline-block;min-width:20px;padding:0 6px;margin-left:4px;border-radius:999px;background:var(--brand);color:#04121f;font-size:12px;text-align:center}
main{padding:16px 24px;max-width:1100px;margin:0 auto}.status,.tabs,.banner,.msg{max-width:1100px;margin-left:auto;margin-right:auto}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:12px}
.row{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.from{font-weight:600}.when{color:var(--muted);font-size:13px;margin-left:auto}
.subj{margin:4px 0}.snip{color:var(--muted);margin:4px 0 8px;white-space:pre-wrap;word-break:break-word}
.tag{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--chip);color:var(--muted)}
.tag.owner{color:var(--bad)}.tag.sent{color:var(--ok)}.tag.awaiting_approval{color:var(--warn)}
textarea,input[type=text],input[type=url],input[type=number],input[type=password],select{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px}
textarea{min-height:140px}
.problems{color:var(--bad);margin:6px 0;padding-left:18px}
.btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
button.b{font:inherit;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:8px 14px;cursor:pointer}
button.b.primary{background:linear-gradient(135deg,#61f2dd,#23d8ff 50%,#3678ff);border-color:transparent;color:#04121f;font-weight:700}
button.b:disabled{opacity:.5;cursor:not-allowed}
table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:14px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-weight:600}
.muted{color:var(--muted)}.hidden{display:none!important}
label{display:block;margin:10px 0 4px;font-weight:600}
.hint{font-size:13px;color:var(--muted);margin:2px 0 0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:700px){.grid2{grid-template-columns:1fr}.toplinks{margin-left:0}table{font-size:13px}th:nth-child(4),td:nth-child(4){display:none}}
.foot{padding:20px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);margin-top:24px}

@media (max-width:480px){button.b,.tabs button{min-height:44px}.btns{gap:10px}}