/* Shared page geometry. Feature styles own their controls and content. */
#app { min-height:100dvh; flex-direction:column; }
.shell,.scanner-shell,.admin-shell,.billing-shell { width:min(1220px,100%); margin:0 auto; padding:0 36px 24px; min-height:100dvh; display:flex; flex-direction:column; }
.shell>main,.scanner-shell>main,.admin-shell>main { flex:1; min-width:0; width:100%; }
.admin-topbar,.page-topbar { min-height:100px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--border-color); }
.header-actions { flex-wrap:wrap; }
.header-actions a.icon-btn { text-decoration:none; }
.header-actions .icon-btn { font-family:var(--font-family); border:1px solid var(--border-color); }
.page-back { font-size:12px; text-decoration:none; color:var(--text-secondary); }
.page-back span { color:var(--primary-blue); margin-left:6px; }
.shell>footer,.scanner-shell>footer,.admin-shell>footer { display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--border-color); padding:24px 0 0; margin-top:40px; color:var(--text-secondary); font-size:10px; }
a.report-action.admin-settings-link { display:flex; align-items:center; justify-content:space-between; text-decoration:none; gap:14px; }
a.report-action.admin-settings-link small { display:block; font-size:10px; color:var(--text-secondary); margin-top:4px; }
.premium-header-link { color:#b5d4ff!important; border-color:#42679b!important; background:linear-gradient(120deg,#1d3452,#122036)!important; }
html { scrollbar-color:#3c5375 var(--bg-main); scrollbar-width:thin; }
@media(max-width:760px) {
 .shell,.scanner-shell,.admin-shell,.billing-shell { padding:0 20px 24px; }
 .shell .app-header,.scanner-shell .app-header,.billing-shell .app-header,.admin-topbar { gap:12px; flex-wrap:wrap; padding:18px 0; }
 .header-actions .page-back { display:none; }
 .shell .hero { flex-direction:column; align-items:flex-start; gap:26px; }
 .shell .hero-side { align-items:flex-start; width:100%; }
 .shell .provider-switch { width:100%; }
 .shell .provider-tab { flex:1; padding-left:12px; padding-right:12px; }
}
@media(max-width:480px) { .header-actions .header-identity .user-badge { max-width:70px; } }

/* Compact dashboard composition leaves room for the actual records. */
#app{container-type:inline-size}
#app .app-header{min-height:84px}
.dashboard-intro{padding:32px 0 26px}
.dashboard-intro h1{font-size:clamp(28px,3vw,38px);letter-spacing:-1.3px}
.dashboard-intro .eyebrow{letter-spacing:1.6px}
.workspace-tools{margin-bottom:28px}
.workspace-discover{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:4px 0 30px}
:root .workspace-discover .scanner-launch{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;margin:0;padding:18px;border-radius:12px;background:radial-gradient(ellipse at 0 0,#a9cfff13,transparent 70%),linear-gradient(150deg,#213149,#111b2b 70%);box-shadow:inset 0 1px #d9e9ff24,inset 0 -1px #0004,0 6px 20px #0002;border-color:#86add133}
.workspace-discover .scanner-launch-icon{width:36px;height:36px;border-radius:10px;background:#1a2c43;border-color:#3b547433;box-shadow:none}
.workspace-discover .scanner-launch-icon svg{width:20px;height:20px}
.workspace-discover .scanner-launch strong{font-size:14px;font-weight:600}
.workspace-discover .scanner-launch small{font-size:12px;line-height:1.6;margin-top:5px}
.workspace-discover .scanner-launch-tag{grid-column:2;font-size:10px;letter-spacing:.6px;margin:0;color:#90b7ef}
#app .section-heading h2{font-size:18px;letter-spacing:-.3px}
#app .stat .lbl{font-size:11px;letter-spacing:.55px}
#app .stat-caption{font-size:11px;line-height:1.55}
#app .stat .val-dual{font-size:13px;line-height:1.6}
#app .activity-section{margin-top:8px}
#app .activity-toolbar{gap:16px;margin-bottom:18px}
#app .filter-tab{font-size:12px;padding:10px 16px}
#app .bet-item{border-radius:14px}
@container(max-width:850px){
 .workspace-tools{gap:12px}
 .workspace-tools .tool-card{min-height:192px;padding:20px}
 .workspace-tools .tool-art{width:104px;height:104px;right:12px;top:10px}
 .workspace-tools .tool-copy strong{font-size:16px}
 .workspace-tools .tool-copy small{font-size:11px;line-height:1.5}
 .workspace-discover{gap:10px}
 :root .workspace-discover .scanner-launch{grid-template-columns:1fr;padding:16px}
 .workspace-discover .scanner-launch-tag{grid-column:1}
 #app .stat-main{padding-right:20px}#app .stat-art{display:none}
 #app .stat .val{font-size:29px}
}
@container(max-width:560px){
 .workspace-discover{grid-template-columns:1fr;gap:10px}
 :root .workspace-discover .scanner-launch{grid-template-columns:36px 1fr auto;padding:16px;gap:12px}
 .workspace-discover .scanner-launch-tag{grid-column:auto;font-size:0}
 .workspace-discover .scanner-launch-tag span{font-size:18px}
 .workspace-tools .tool-card{min-height:158px;padding:14px 8px;text-align:center}
 .workspace-tools .tool-art{width:86px;height:86px;left:50%;right:auto;top:10px;transform:translateX(-50%)}
 .workspace-tools .tool-copy strong{font-size:12px}.workspace-tools .tool-copy small{font-size:10px}
 #app .stat .val{font-size:27px}#app .stat-caption{font-size:10px}
}