/* Overview and shared admin header. Loaded after the mobile overrides. */
#adminApp .admin-top__right { display:flex; align-items:center; gap:12px; }
#adminApp .admin-home, #adminApp .admin-account__toggle {
  display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px;
  padding:8px 13px; border:1px solid var(--c-border); border-radius:12px;
  background:var(--c-bg-deep); color:var(--c-text); font:inherit; font-size:13px; cursor:pointer; text-decoration:none;
}
#adminApp .admin-home > :first-child { font-size:23px; line-height:1; }
.admin-account { position:relative; }
.admin-avatar { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--c-primary); color:#fff; font-weight:800; }
.admin-account__menu { position:absolute; z-index:120; right:0; top:calc(100% + 8px); width:210px; padding:8px; border:1px solid var(--c-border); border-radius:12px; background:var(--c-bg-deep); box-shadow:0 12px 36px #0005; }
.admin-account__role { display:block; padding:10px; color:var(--c-text-soft); font-size:12px; border-bottom:1px solid var(--c-border); }
#adminApp #adminSignOut { width:100%; min-height:44px; padding:10px; text-align:left; color:var(--admin-signout, #ff9393); background:transparent; border:0; border-radius:6px; font:inherit; cursor:pointer; }
#adminApp #adminSignOut:hover { background:#ef444418; }
#adminApp :is(button,a,input,select):focus-visible { outline:2px solid var(--c-primary-2); outline-offset:3px; }
#adminApp button:disabled { opacity:.55; cursor:wait; }
#tab-dashboard { color:var(--c-text); }
.dash-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; }
.dash-toolbar h2 { font-size:20px; margin:0 0 4px; color:var(--c-text); }
.dash-toolbar p { font-size:13px; color:var(--c-text-soft); margin:0; }
.dash-controls { display:flex; align-items:flex-end; gap:10px; flex-wrap:wrap; }
.dash-controls label { display:flex; flex-direction:column; gap:5px; font-size:12px; color:var(--c-text-soft); }
.dash-controls :is(select,input,button) { min-height:44px; background:var(--c-bg-deep); border:1px solid var(--c-border); border-radius:9px; padding:9px 12px; color:var(--c-text); font:inherit; font-size:13px; }
.dash-controls button { cursor:pointer; }
#dashCustom:not([hidden]) { display:flex; align-items:flex-end; gap:8px; flex-wrap:wrap; }
#adminApp [hidden] { display:none !important; }
.dash-sync { min-height:20px; margin:12px 0 18px; color:var(--c-text-soft); font-size:12px; }
.dash-sync[data-state="error"] { color:var(--admin-sync-error, #ffb38a); }
.dash-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:22px; }
.dash-metric { padding:20px; border:1px solid var(--c-border); border-radius:14px; background:var(--c-bg-deep); display:flex; flex-direction:column; gap:8px; min-width:0; }
.dash-metric__label { font-size:13px; color:var(--c-text-soft); }
.dash-metric strong { font-size:clamp(21px,2vw,30px); letter-spacing:-.5px; overflow-wrap:anywhere; color:var(--c-text); }
.dash-metric:first-child { border-top:3px solid var(--c-primary-2); }
.dash-metric__delta { color:var(--c-text); font-size:12px; }
.dash-metric small { color:var(--c-text-soft); font-size:11px; line-height:1.6; }
.dash-workspace { display:grid; grid-template-columns:minmax(0,2fr) minmax(260px,1fr); gap:20px; margin-bottom:20px; }
#tab-dashboard .panel { min-width:0; background:var(--c-bg-deep); border:1px solid var(--c-border); border-radius:14px; overflow:visible; }
#tab-dashboard .panel__head { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:18px 20px; border-bottom:1px solid var(--c-border); }
#tab-dashboard .panel__head h3 { color:var(--c-text); font-size:15px; margin:0; }
.dash-attention .panel__head > span { font-size:11px; color:var(--c-text-soft); }
.dash-legend { display:flex; flex-wrap:wrap; gap:14px; font-size:12px; }
.dash-legend label { display:flex; align-items:center; gap:6px; cursor:pointer; min-height:30px; }
.dash-legend label:first-child { color:var(--c-primary-2); }
.dash-legend label:last-child { color:var(--dash-deposit-color, #61c9b0); }
#tab-dashboard .dash-legend input { accent-color:var(--c-primary-2); min-width:0; min-height:0; width:16px; height:16px; padding:0; margin:0; }
#tab-dashboard .chart-box { padding:12px; min-height:250px; height:auto; color:var(--c-text-soft); }
#tab-dashboard .chart-box svg { display:block; width:100%; height:auto; min-height:220px; }
.dash-note { padding:0 20px 16px; color:var(--c-text-soft); font-size:11px; line-height:1.7; margin:0; }
.dash-inspect { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:0 20px 16px; font-size:12px; }
.dash-inspect select { min-height:44px; padding:6px; border:1px solid var(--c-border); border-radius:6px; background:var(--c-bg-deep); color:var(--c-text); font:inherit; }
.dash-inspect output { color:var(--c-text-soft); }
#dashAttention { padding:8px 16px 16px; }
.dash-task { display:flex; gap:12px; align-items:center; width:100%; min-height:58px; border:0; border-bottom:1px solid var(--c-border); background:transparent; color:var(--c-text); font:inherit; font-size:13px; cursor:pointer; text-align:left; }
.dash-task > span:first-child { flex:1; }
.dash-task strong { font-size:23px; }
.dash-task > span:last-child { color:var(--c-primary-2); }
.dash-task:hover,.dash-activity:hover { background:var(--c-surface); }
.dash-activity { display:flex; align-items:center; gap:12px; width:100%; min-height:80px; padding:14px 20px; background:transparent; border:0; border-bottom:1px solid var(--c-border); font:inherit; color:var(--c-text); cursor:pointer; text-align:left; flex-wrap:wrap; }
.dash-activity:last-child { border-bottom:0; }
.dash-activity__who { flex:1; min-width:140px; display:flex; flex-direction:column; gap:6px; }
.dash-activity b { font-size:13px; }
.dash-activity small { color:var(--c-text-soft); font-size:11px; overflow-wrap:anywhere; }
.dash-activity > strong { font-size:13px; }
.dash-link { background:none; border:0; color:var(--c-primary-2); font:inherit; font-size:12px; cursor:pointer; min-height:32px; }
.dash-placeholder { padding:24px 0; grid-column:1/-1; color:var(--c-text-soft); }
@media(max-width:1200px) { .dash-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .dash-workspace { grid-template-columns:1fr; } }
@media(max-width:900px) {
  #adminApp .admin-mobile-bar { gap:8px; overflow:visible; }
  #adminApp .admin-top__right { gap:6px; margin-left:auto; }
  #adminApp .admin-home { min-width:44px; padding:8px; }
  .admin-home__label, #adminAccountName { display:none; }
  #adminApp .admin-account__toggle { padding:6px; gap:4px; }
  #adminApp .admin-menu-toggle { min-width:44px; }
  .dash-toolbar { align-items:stretch; gap:14px; }
  .dash-controls { width:100%; }
  .dash-controls > label { flex:1; }
  .dash-controls :is(input,select) { font-size:16px; max-width:100%; min-width:0; }
  #dashCustom { order:3; width:100%; }
  #dashCustom label { flex:1; min-width:125px; }
  .dash-metrics { gap:10px; }
  .dash-metric { padding:14px; gap:7px; }
  .dash-metric strong { font-size:22px; }
  #tab-dashboard .panel__head h3 { flex-basis:auto; }
  #tab-dashboard .chart-box { overflow-x:auto; }
  #tab-dashboard .chart-box svg { min-width:540px; }
  #tab-dashboard .dash-grid { grid-template-columns:1fr; }
  .dash-workspace { gap:14px; }
  .dash-attention { order:-1; }
  .dash-legend label { min-height:44px; }
}
@media(prefers-reduced-motion:reduce) { #adminApp * { scroll-behavior:auto !important; transition:none !important; } }