/* BBE workspace, based on the project-local apple-design token layer. */
.preview-banner{padding:8px 16px;text-align:center;background:#244d34;color:#fff;font-size:.68rem;letter-spacing:.12em}
.article-body{white-space:pre-wrap;line-height:1.65;margin:24px 0}video{width:100%;max-height:60vh;margin-top:16px;border-radius:12px}
:root,:root[data-theme=light]{--accent:#24613e;--label:#172b23;--label-secondary:#52645a;--bg:#f4f6f3;--bg-secondary:#e9eee8;--bg-tertiary:#fff;--panel:var(--bg-tertiary);--line:#dbe3db;--green:#24613e;--material-thick-tint:rgba(240,245,238,.94);--material-regular-tint:rgba(255,255,255,.9);color-scheme:light;color:var(--label);background:var(--bg)}
:root[data-theme=dark]{--accent:#b3ea96;--green:#b3ea96;--label:#f0f4ef;--label-secondary:#b1beb4;--bg:#111814;--bg-secondary:#18221b;--bg-tertiary:#1e2a22;--panel:var(--bg-tertiary);--line:#35463a;--material-thick-tint:rgba(24,34,27,.96);--material-regular-tint:rgba(30,42,34,.94);color-scheme:dark}
body{font-family:var(--font-sans);font-optical-sizing:auto;color:var(--label);background:var(--bg);font-size:var(--text-subhead)}
:root body,:root .admin-app{color:var(--label);background:var(--bg)}
p,label,.muted,td small,.activity small,.brand small,:root[data-theme=light] p{color:var(--label-secondary)}
p{font-size:var(--text-subhead);line-height:var(--leading-relaxed)}
h1,.content h1{font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.12;letter-spacing:var(--tracking-tight);font-weight:650;margin:.2em 0 .35em}
h2{font-size:var(--text-title-3);letter-spacing:var(--tracking-snug);font-weight:600}
small,footer{font-size:var(--text-caption-1);letter-spacing:var(--tracking-wide)}
.admin-app{grid-template-columns:248px minmax(0,1fr)}
.sidebar{background:var(--material-thick-tint)!important;border-right:1px solid var(--line);padding:30px 16px}
.brand>span{width:42px;height:46px;display:grid;place-items:center;border-radius:15px;background:#b3ea96;color:#193623;padding:0;box-shadow:inset 0 1px rgba(255,255,255,.6)}
.brand strong{font-size:var(--text-subhead);letter-spacing:-.025em}.brand small{font-size:.62rem;margin-top:5px;letter-spacing:.16em}
.nav-label{font-size:.62rem;color:var(--label-secondary);margin:8px 14px 16px}
:root .admin-nav button{color:var(--label-secondary);border-radius:var(--radius-md);font-size:.86rem;font-weight:500;padding:12px 14px;min-height:44px;display:flex;align-items:center;gap:12px}
.admin-nav button::before{content:'◇';font-size:1.1rem;width:19px;text-align:center;opacity:.8}
.admin-nav button:nth-child(1)::before{content:'▦'}.admin-nav button:nth-child(2)::before{content:'♙'}.admin-nav button:nth-child(4)::before{content:'▤'}.admin-nav button:nth-child(6)::before{content:'◷'}.admin-nav button:nth-child(12)::before{content:'⚙'}
:root .admin-nav button.active{background:var(--bg-tertiary);color:var(--accent);box-shadow:var(--shadow-1)}
.admin-nav button:hover{background:var(--bg-tertiary)}
:root .sidebar .admin-nav button{background:transparent;border:0;box-shadow:none}
:root .sidebar .admin-nav button.active{background:var(--bg-tertiary);box-shadow:var(--shadow-1);color:var(--accent)}
:root .sidebar .admin-nav button:hover{background:var(--bg-tertiary)}
.topbar{position:sticky;top:0;z-index:20;min-height:86px;height:auto;padding:16px 36px;gap:20px;background:var(--material-regular-tint);-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%);border-bottom:1px solid var(--line);box-shadow:inset 0 1px rgba(255,255,255,.35)}
.topbar>input{display:none}.topbar [data-tenant-selector]{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0;font-size:.72rem;font-weight:600;color:var(--label-secondary)}
.topbar [data-tenant-selector] select{width:auto;min-width:190px;max-width:100%;font-size:.82rem;margin:0;min-height:44px;background:var(--bg-tertiary);padding:10px 32px 10px 12px}
.topbar [data-tenant-selector] [role=status]{font-weight:400;font-size:.7rem}
.user{gap:10px;font-size:.78rem;flex-shrink:0}.user i{width:38px;height:38px;background:var(--bg-secondary);color:var(--accent)}
.user button{font-size:.75rem;border-color:transparent;background:var(--bg-secondary)!important;white-space:nowrap}
.content{padding:42px 40px;max-width:1500px}.eyebrow{color:var(--accent);font-size:.65rem;letter-spacing:.16em;font-weight:650;margin:0 0 14px}
.heading p{margin:6px 0 24px}.panel{padding:26px 28px;border-radius:var(--radius-xl);background:var(--panel);border:1px solid var(--line);box-shadow:0 2px 6px rgba(20,40,20,.025);margin:24px 0}
.panel h2:first-child{margin-top:0}.panel-head h2{margin:0}.panel-head{margin-bottom:16px}.panel-head button{margin:0}
.kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{border-radius:var(--radius-lg);background:var(--panel);padding:21px 24px;min-width:0;flex:1;box-shadow:none}
.stat span{color:var(--label-secondary);font-size:.75rem}.stat strong{font-size:2rem;font-weight:600;letter-spacing:var(--tracking-tight);margin-top:12px;line-height:1.1;color:var(--label)}
.stat:first-child{background:var(--bg-secondary)}.stat:first-child strong{color:var(--accent)}.stat .release-number{font-size:1.1rem;overflow-wrap:anywhere}
.dashboard-grid{margin-top:24px;gap:18px}.activity{padding:14px 0}.activity strong{font-size:.86rem;font-weight:550}.activity small{font-size:.73rem}
button,input,select,textarea,:root[data-theme=light] button,:root[data-theme=light] input,:root[data-theme=light] select{font-family:inherit;color:var(--label);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-tertiary);font-size:.87rem;min-height:44px}
button{font-weight:550;transition:transform var(--duration-instant) var(--ease-out)}button:active{transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.55}
button.primary,:root[data-theme=light] button.primary{background:var(--accent);color:var(--bg-tertiary);border-color:transparent;padding:12px 20px}
:root[data-theme=dark] button.primary{color:#172315}
input,select,textarea{padding:12px 14px}textarea{width:100%;min-height:130px;resize:vertical}.actions button{min-height:44px;padding:8px 12px}
input[type=checkbox],input[type=radio]{width:20px;min-height:20px;vertical-align:middle;accent-color:var(--accent)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
form{background:transparent;border:0;padding:0;max-width:720px}label{font-size:.8rem;font-weight:500;margin:16px 0}
th{font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;font-weight:600;color:var(--label-secondary);padding:14px 12px}td{padding:17px 12px;font-size:.82rem}td strong{font-weight:550}td small{display:block;margin-top:5px}
.chip{border-radius:var(--radius-capsule);font-size:.7rem;padding:6px 11px}.chip.done{background:#e0f1df;color:#245e32}.chip.warn{background:#fff1d3;color:#775313}
.progress{width:100%;height:9px;border:0;accent-color:var(--accent);border-radius:20px;background:var(--bg-secondary)}progress::-webkit-progress-bar{background:var(--bg-secondary);border-radius:20px}progress::-webkit-progress-value{background:var(--accent);border-radius:20px}
.welcome{background:var(--bg)!important;gap:32px}.welcome>section{max-width:920px}.welcome form{background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:var(--radius-xl)}
.driver-nav a{color:var(--label)!important;background:var(--panel);min-height:48px}.content-card{background:var(--panel);border-radius:var(--radius-lg)}
dialog{max-width:min(760px,95vw);max-height:90vh;overflow:auto;background:var(--panel);color:var(--label);border:1px solid var(--line);border-radius:var(--radius-xl);padding:28px}dialog::backdrop{background:rgba(15,25,18,.45)}
.main-footer a{color:var(--label-secondary)}.bad{color:#be3434}:root[data-theme=dark] .bad{color:#ffb5a7}
@media(max-width:1000px){.admin-app{grid-template-columns:210px 1fr}.content{padding:28px 24px}.topbar{padding:12px 24px;flex-wrap:wrap}.topbar .user{margin-left:auto}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.admin-app{display:block}.sidebar{height:auto;position:static;padding:18px 16px 8px}.sidebar .brand{padding-bottom:12px}.admin-nav{display:flex;gap:6px;padding-bottom:8px}.admin-nav button{flex-shrink:0;width:auto}.admin-nav button::before{display:none}.topbar{position:static;padding:12px 16px;gap:10px}.topbar [data-tenant-selector]{width:100%}.topbar [data-tenant-selector] select{flex:1}.user span{display:none}.content{padding:26px 16px}.panel{padding:22px 18px}.kpis{gap:10px}.stat{padding:18px 16px}.stat strong{font-size:1.7rem}.stat span{font-size:.68rem}.dashboard-grid{grid-template-columns:1fr}.driver-top{flex-wrap:wrap}.driver-top [data-tenant-selector]{width:100%}.stats{align-items:stretch}.panel-head{gap:12px}.welcome{padding:24px 16px}}
@media(prefers-reduced-transparency:reduce){.topbar,.sidebar{background:var(--panel)!important;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not (backdrop-filter:blur(1px)){.topbar{background:var(--panel)}}
@media(prefers-contrast:more){:root{--line:var(--label)}.panel,.stat{border:1px solid var(--label)}}
@media print{.topbar,.sidebar{display:none}.admin-app{display:block}.content{padding:0}.panel{box-shadow:none}}
