/* Support app additions on top of the Mail look (workspace.css, mail-layout.css, theme.css, support.css). */
:root{--brand-carbrowse-bg:#e7f5ec;--brand-carbrowse:#16663a;--brand-henley-bg:#f1eafb;--brand-henley:#5b2e9a;--brand-bivetica-bg:#e8efff;--brand-bivetica:#1f47b8}
html[data-theme=dark]{--brand-carbrowse-bg:#173a25;--brand-carbrowse:#9fe0b5;--brand-henley-bg:#2f2245;--brand-henley:#d2b8f5;--brand-bivetica-bg:#1c2a4f;--brand-bivetica:#b7caff}
.staging-banner{flex-shrink:0;background:#7a4b00;color:#fff;text-align:center;font-size:13px;font-weight:600;padding:6px 16px;letter-spacing:.01em}
.app-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.app-brand img{border-radius:8px}
.app-brand strong{font-size:21px}
#app{flex:1;min-height:0;display:flex;flex-direction:column}
.login-mark{border-radius:12px}
.login-card .eyebrow{display:block;margin:18px 0 0;text-transform:uppercase;font-size:11px;letter-spacing:1.4px;font-weight:700;color:var(--muted)}
.button-link{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;border-radius:8px;background:var(--blue);color:var(--on-accent);font-weight:600;text-decoration:none}
#dev-login{margin-top:22px;padding-top:6px;border-top:1px solid var(--border)}
#dev-login button{width:100%;margin-top:16px}
.support-pill.brand{font-weight:700;letter-spacing:.01em}
.support-pill.brand-carbrowse{background:var(--brand-carbrowse-bg);color:var(--brand-carbrowse)}
.support-pill.brand-henley{background:var(--brand-henley-bg);color:var(--brand-henley)}
.support-pill.brand-bivetica{background:var(--brand-bivetica-bg);color:var(--brand-bivetica)}
.support-row-ref{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.support-channel{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.support-filters{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.support-filters select{width:auto;flex:0 0 auto;max-width:100%}
.support-filters .record-search{flex:1 1 150px;padding:0;border:0;margin:0}
.support-filters select{min-width:0;width:132px}
.support-filters .record-search input{min-width:0}
.support-reader:focus{outline:none}
.support-list-note{padding:10px 14px;margin:0;border-bottom:1px solid var(--border);background:var(--surface-2)}
.support-pill.jev-none{background:transparent;border:1px dashed var(--border-strong);color:var(--muted);font-weight:500}
.support-pill.jev-spam{background:#fff1d6;color:#7a4b00}
.support-pill.jev-scam{background:#fde8e6;color:#9b2c22;outline:1px solid #e5a29b}
.support-pill.jev-urgency.u2{background:#fde8e6;color:#9b2c22}
.support-pill.jev-urgency.u1{background:#fff1d6;color:#7a4b00}
.support-pill.jev-urgency.u0,.support-pill.jev-product{background:var(--surface-3);color:var(--text-2);font-weight:500}
html[data-theme=dark] .support-pill.jev-spam,html[data-theme=dark] .support-pill.jev-urgency.u1{background:#3d2d0c;color:#f3d9a4}
html[data-theme=dark] .support-pill.jev-scam,html[data-theme=dark] .support-pill.jev-urgency.u2{background:#4a1f1b;color:#f5b5ae;outline-color:#7d3a33}
.support-pill.failed{background:#d1453b;color:#fff}
.support-pill.sending{background:#fff1d6;color:#7a4b00}
.support-send-error{margin:8px 0 0;padding:8px 10px;border-radius:8px;background:#fde8e6;color:#9b2c22;font-size:13px}
html[data-theme=dark] .support-send-error{background:#4a1f1b;color:#f5b5ae}
.support-event-bad{color:#9b2c22;font-weight:600}
.support-crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.support-jev{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.support-jev-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-right:2px}
.support-full{margin-top:6px;padding-left:0}
.support-full-body{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;color:var(--muted);background:var(--surface-2);border-radius:8px;padding:10px 12px;max-height:360px;overflow:auto}
.support-queue-spam[aria-selected=true]{background:#fff1d6;color:#7a4b00;border-color:#f0d39a}
@media(max-width:600px){.app-brand strong{font-size:18px}header{padding:12px 16px;min-height:60px}#identity span{display:none}.staging-banner{font-size:12px}}
#app>.support-panel{min-width:0;width:100%;max-width:1500px;align-self:center}
@media(max-width:600px){.support-heading{flex-wrap:wrap}.support-heading .support-telegram{width:100%}.support-heading h1{font-size:26px;margin-bottom:4px}.support-heading p{font-size:14px}}
@media(max-width:600px){.support-filters select{width:100%}.support-filters .record-search{flex-basis:100%}.support-heading .support-telegram button{min-height:36px;padding:6px 12px;font-size:13px}}