/* ApexDelta admin console. Builds on app-v3.css (tokens, top bar, cards,
   tables, forms); this file adds the page frame that dashboard.html gets
   from its own <style> block, and the few console-only pieces. */
:root { --gold: #D9A657; --on-gold: #0F1720; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: 'Outfit', system-ui, sans-serif; font-size: 15px; -webkit-font-smoothing: antialiased; }
a { color: var(--purple-dark); }
h1, h2, h3, h4, p { margin: 0; }
.v3-topbar { position: sticky; top: 0; z-index: 20; background: var(--surface); border-bottom: 1px solid var(--border); }
.v3-menu { position: relative; }
.v3-avatar { width: 36px; height: 36px; border-radius: 50%; border: 0; background: var(--brand-deep); color: #fff; font-weight: 600; font-size: 13px; }
.v3-brand-tag { font-family: var(--v3-mono); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--gold-ink); border: 1px solid var(--gold); border-radius: 99px; padding: 2px 8px; margin-left: 2px; }
#admin-panel[hidden] { display: none; }
#console { padding-bottom: 72px; }
#console > section[hidden] { display: none; }
.adm-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px 28px; flex-wrap: wrap; padding: 28px 0 20px; }
.adm-stack { display: flex; flex-direction: column; gap: 16px; }
.adm-toolbar { display: flex; gap: 10px 16px; flex-wrap: wrap; align-items: center; }
.adm-spark { display: flex; align-items: flex-end; gap: 3px; height: 90px; margin-top: 14px; }
.adm-spark i { flex: 1; min-height: 3px; background: var(--purple); border-radius: 3px 3px 0 0; opacity: .85; }
.adm-spark i[data-zero] { background: var(--border); }
.adm-axis { display: flex; justify-content: space-between; font-family: var(--v3-mono); font-size: 11px; color: var(--muted); margin-top: 6px; }
.adm-kv { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 8px 16px; margin-top: 12px; font-size: 14.5px; }
.adm-kv dt { color: var(--muted); }
.adm-kv dd { margin: 0; overflow-wrap: anywhere; }
.adm-row-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.adm-confirm { margin-top: 14px; padding: 14px 16px; border: 1px solid var(--red-fg); border-radius: 12px; display: flex; flex-direction: column; gap: 10px; }
.adm-secret { font-family: var(--v3-mono); font-size: 15px; background: var(--bg); border: 1px dashed var(--purple); border-radius: 10px; padding: 10px 14px; user-select: all; overflow-wrap: anywhere; }
.adm-matrix { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 16px; align-items: center; max-width: 420px; margin-top: 8px; }
.adm-feedback { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 14px; align-items: start; padding: 14px 0; border-top: 1px solid var(--border); }
.adm-feedback:first-child { border-top: 0; }
.adm-score { width: 44px; height: 44px; border-radius: 12px; background: var(--bg); display: grid; place-items: center; font-family: var(--v3-mono); font-weight: 600; font-size: 16px; }
.adm-feedback p { font-size: 14.5px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 4px; }
.adm-feedback small { font-family: var(--v3-mono); font-size: 11.5px; color: var(--muted); }
.v3-table td a { cursor: pointer; }
.v3-table td.wrap { white-space: normal; overflow-wrap: anywhere; min-width: 180px; }
details.adm-create > summary { cursor: pointer; font-weight: 600; font-size: 16px; list-style: none; }
details.adm-create > summary::-webkit-details-marker { display: none; }
details.adm-create > summary::before { content: "+ "; color: var(--purple); }
details.adm-create[open] > summary::before { content: "− "; }
@media (max-width: 620px) { .adm-kv { grid-template-columns: minmax(0, 1fr); gap: 2px; } .adm-kv dd { margin-bottom: 8px; } .adm-feedback { grid-template-columns: 44px minmax(0, 1fr); } }

/* Staff sign-in screen. */
.adm-signin { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 32px 16px; }
.adm-signin[hidden] { display: none; }
.adm-signin-card { width: 100%; max-width: 420px; display: flex; flex-direction: column; gap: 14px; }
.adm-signin-brand { display: flex; align-items: center; gap: 12px; font-size: 17px; }
.adm-signin-brand div { display: flex; align-items: center; gap: 8px; }
.adm-signin-zoho { display: block; text-align: center; text-decoration: none; }
.adm-signin-emergency { border-top: 1px solid var(--border); padding-top: 14px; margin-top: 4px; }
.adm-signin-emergency summary { cursor: pointer; color: var(--muted); font-size: 14px; }
.adm-signin-emergency .v3-hint { margin-top: 10px; }
.adm-signin-emergency .v3-input { width: 100%; }