/* Cabsby Ads Command Centre — consolidated stylesheet (C1 Exact). One canonical rule per selector per media context; cascade-equivalent to the layered original. */
html[data-theme=light]{--bg:#eef4f8;--bg2:#fff;--panel:#fff;--panel2:#f5f9fc;--line:rgba(26,55,73,.14);--text:#102431;--muted:#526b7a;--faint:#718795;--shadow:0 14px 35px rgba(25,55,73,.10)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
button,input,select{font:inherit}
.mobile-close{display:none}
/* ── Shell · sidebar ── */
.sidebar nav{display:grid;gap:2px}
.badge{margin-left:auto;background:var(--red);color:#fff;border-radius:99px;min-width:18px;height:18px;display:grid;place-items:center;font-size:9px}
.sidebar-footer>a{color:var(--muted);text-decoration:none}
.sync{display:flex;align-items:center;gap:8px}
.sync b,.sync small{display:block}
.sync small{color:var(--muted);font-size:9px}
.topbar-left,.topbar-right,.page-actions{display:flex;align-items:center;gap:9px}
.date-control,.period-control{height:36px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:0 11px}
.notification b{position:absolute;top:-4px;right:-4px;background:var(--red);color:white;border-radius:50%;width:17px;height:17px;font-size:9px;display:grid;place-items:center}
.user-menu b,.user-menu span{display:block}
.user-menu span{color:var(--muted);font-size:9px}
.primary,.secondary,.danger{border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:700}
.secondary{background:var(--panel);border:1px solid var(--line);color:var(--text)}
.danger{background:rgba(255,92,98,.12);border:1px solid rgba(255,92,98,.35);color:var(--red)}
.kpi-label{color:var(--muted);font-size:9px}
.up{color:var(--green)}
.down{color:var(--red)}
.panel h2{margin:0;font-size:13px}
/* ── Tables ── */
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:780px}
th,td{padding:11px 9px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
th{color:var(--muted);font-size:9px;font-weight:600}
td{font-size:10px}
.campaign-cell{display:flex;align-items:center;gap:8px;font-weight:700}
.campaign-icon{width:24px;height:24px;border-radius:7px;background:rgba(255,138,0,.14);color:var(--orange);display:grid;place-items:center}
.status{border-radius:99px;padding:4px 8px;font-size:8px;font-weight:800}
.status.paused{background:rgba(255,197,74,.13);color:var(--yellow)}
.metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.metric-card strong{font-size:21px;display:block;margin:8px 0}
.health-row{display:grid;grid-template-columns:18px 1fr auto;gap:7px;padding:8px 0}
.health-row span{color:var(--muted)}
.health-ok{color:var(--green)}
.content-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}
.span-12{grid-column:span 12}
.span-8{grid-column:span 8}
.span-6{grid-column:span 6}
.span-4{grid-column:span 4}
.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.card-list{display:grid;gap:9px}
.list-card{display:flex;align-items:center;justify-content:space-between;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
.list-card p{margin:3px 0 0;color:var(--muted)}
.toggle{width:42px;height:23px;border-radius:99px;background:var(--faint);padding:3px;cursor:pointer}
.toggle:after{content:"";display:block;width:17px;height:17px;border-radius:50%;background:white;transition:.2s}
.toggle.on{background:var(--green)}
.toggle.on:after{transform:translateX(19px)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.field{display:grid;gap:6px;margin:12px 0}
.field label{color:var(--muted);font-size:10px}
.actions{display:flex;gap:8px;flex-wrap:wrap}
/* ── Modals ── */
.modal{position:fixed;inset:0;background:rgba(1,8,13,.65);backdrop-filter:blur(7px);z-index:80;display:none;place-items:center;padding:20px}
.modal.open{display:grid}
.modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:var(--text);font-size:25px;cursor:pointer}
/* ── Mobile navigation ── */
.mobile-nav,.menu-button,.mobile-brand{display:none}
.empty{text-align:center;padding:55px 20px;color:var(--muted)}
.toast{position:fixed;right:22px;bottom:22px;background:var(--text);color:var(--bg);padding:12px 16px;border-radius:10px;z-index:100;animation:toast .3s ease}
.scrim{display:none}
@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}
@keyframes toast{from{transform:translateY(20px);opacity:0}}
.login-page{min-height:100svh;background:#07131d;color:#102331;overflow-x:hidden}
.cabsby-login-shell{min-height:100svh;display:grid;grid-template-columns:minmax(440px,1.08fr) minmax(430px,.92fr);background:#f5f7f9}
.cabsby-login-visual{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:46px clamp(38px,5vw,82px);background:linear-gradient(145deg,#06121b 0%,#0a202d 58%,#07131d 100%);color:#fff;isolation:isolate}
.cabsby-login-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(254,152,17,.20),transparent 28%),radial-gradient(circle at 15% 78%,rgba(254,152,17,.10),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px;z-index:-2}
.cabsby-login-visual:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(254,152,17,.16);border-radius:50%;right:-160px;bottom:-170px;box-shadow:0 0 80px rgba(254,152,17,.08);z-index:-1}
.cabsby-brand,.cabsby-mobile-brand{display:flex;align-items:center;gap:13px}
.cabsby-mark{position:relative;width:45px;height:45px;transform:rotate(-8deg)}
.cabsby-mark span:first-child{position:absolute;left:7px;top:4px;width:13px;height:35px;border-radius:10px;background:#fe9811;transform:rotate(37deg)}
.cabsby-mark span:last-child{position:absolute;left:15px;top:4px;width:25px;height:13px;border-radius:10px;background:#fe9811;transform:rotate(-8deg)}
.cabsby-brand-copy strong{display:block;color:#fe9811;font-size:27px;line-height:1;font-weight:900;letter-spacing:-1px}
.cabsby-brand-copy small{display:block;color:inherit;font-size:8px;font-weight:900;letter-spacing:2.2px;margin-top:6px;opacity:.92}
.cabsby-hero-copy{max-width:670px;margin:75px 0}
.cabsby-kicker{display:flex;align-items:center;gap:10px;color:#fe9811;font-size:10px;font-weight:900;letter-spacing:2.2px}
.cabsby-kicker i,.cabsby-visual-footer i{width:8px;height:8px;border-radius:50%;background:#fe9811;box-shadow:0 0 18px rgba(254,152,17,.8)}
.cabsby-hero-copy h1{font-size:clamp(44px,5vw,76px);line-height:1.02;letter-spacing:-3.5px;margin:24px 0 22px}
.cabsby-hero-copy h1 em{font-style:normal;color:#fe9811}
.cabsby-hero-copy p{max-width:620px;font-size:17px;line-height:1.72;color:#bfd0db;margin:0}
.cabsby-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.cabsby-benefits span{padding:10px 13px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.045);font-size:11px;color:#e9f2f7;backdrop-filter:blur(10px)}
.cabsby-visual-footer{display:flex;justify-content:space-between;align-items:center;color:#8da5b3;font-size:11px}
.cabsby-visual-footer span:first-child{display:flex;align-items:center;gap:8px}
.cabsby-visual-footer i{width:6px;height:6px;background:#45d46f;box-shadow:0 0 14px rgba(69,212,111,.75)}
.cabsby-orbit{position:absolute;border-radius:50%;border:1px solid rgba(254,152,17,.11);pointer-events:none}
.cabsby-orbit-one{width:240px;height:240px;right:8%;top:17%;animation:cabsbyFloat 7s ease-in-out infinite}
.cabsby-orbit-two{width:105px;height:105px;right:19%;top:28%;animation:cabsbyFloat 5s ease-in-out infinite reverse}
.cabsby-login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px clamp(26px,5vw,78px);background:linear-gradient(160deg,#fff 0%,#f4f6f8 100%)}
.cabsby-mobile-brand{display:none}
.cabsby-login-card{width:min(100%,520px);padding:clamp(30px,4vw,48px);border:1px solid #e4e9ed;border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 30px 80px rgba(8,30,43,.12)}
.cabsby-card-top{display:flex;align-items:center;gap:8px;color:#71838e;font-size:9px;font-weight:900;letter-spacing:1.5px}
.cabsby-secure-dot{width:8px;height:8px;border-radius:50%;background:#45d46f;box-shadow:0 0 10px rgba(69,212,111,.55)}
.cabsby-login-card h2{margin:24px 0 8px;color:#0a1d28;font-size:38px;letter-spacing:-1.5px}
.cabsby-login-card>p{margin:0 0 30px;color:#647985;font-size:14px;line-height:1.6}
.cabsby-login-form{display:grid;gap:19px}
.cabsby-login-form label>span{display:block;margin-bottom:8px;color:#213844;font-size:11px;font-weight:800}
.cabsby-input-wrap{position:relative;display:flex;align-items:center}
.cabsby-input-wrap>b{position:absolute;left:15px;color:#fe9811;font-size:13px;z-index:1}
.cabsby-input-wrap input{width:100%;height:54px;border:1px solid #dce4e8;border-radius:13px;background:#f8fafb;color:#102431;padding:0 58px 0 43px;outline:none;font-size:14px;transition:.2s}
.cabsby-input-wrap input:focus{border-color:#fe9811;background:#fff;box-shadow:0 0 0 4px rgba(254,152,17,.11)}
.cabsby-input-wrap input::placeholder{color:#9aabb4}
.cabsby-show-password{position:absolute;right:13px;border:0;background:transparent;color:#738792;font-size:10px;font-weight:800;cursor:pointer}
.cabsby-form-meta{display:flex;justify-content:space-between;align-items:center;color:#7c8e98;font-size:10px}
.cabsby-remember{display:flex!important;align-items:center;gap:7px;cursor:pointer}
.cabsby-remember input{accent-color:#fe9811}
.cabsby-remember span{margin:0!important;color:#516773!important;font-weight:600!important}
.cabsby-login-button{height:56px;border:0;border-radius:14px;padding:0 18px;background:linear-gradient(135deg,#fe9811,#ff7800);color:#14110b;display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 15px 30px rgba(254,152,17,.28);transition:.2s}
.cabsby-login-button:hover{transform:translateY(-2px);box-shadow:0 19px 36px rgba(254,152,17,.34)}
.cabsby-login-button b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.34);font-size:17px}
.cabsby-login-trust{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:25px;color:#8999a2;font-size:8px;text-transform:uppercase;letter-spacing:.7px}
.cabsby-login-trust i{width:3px;height:3px;border-radius:50%;background:#c1cbd0}
.cabsby-copyright{margin:20px 0 0;color:#8a9aa3;font-size:9px}
.error-box{padding:12px 14px;margin-bottom:18px;border-radius:10px;background:#fff1f1;border:1px solid #ffd1d1;color:#c0393d;font-size:12px}
@keyframes cabsbyFloat{50%{transform:translateY(-13px) scale(1.03)}}
.app-bg:before{content:"";position:fixed;inset:-35%;pointer-events:none;background:radial-gradient(circle at 24% 18%,rgba(254,152,17,.08),transparent 25%),radial-gradient(circle at 78% 62%,rgba(74,158,255,.07),transparent 28%);animation:ambientDrift 18s ease-in-out infinite alternate;z-index:-1}
.kpi strong,.metric-card strong{animation:valueRise .45s ease both}
.status.enabled{background:rgba(71,214,111,.13);color:var(--green);position:relative;overflow:hidden}
.status.enabled:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.18),transparent 80%);transform:translateX(-120%);animation:statusSweep 3.4s ease-in-out infinite}
.sync i,.auto-refresh i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:livePulse 1.8s ease-in-out infinite}
.table-wrap tbody tr{transition:background .18s ease,transform .18s ease}
.table-wrap tbody tr:hover{background:color-mix(in srgb,var(--orange) 6%,transparent);transform:translateX(2px)}
@keyframes ambientDrift{to{transform:translate3d(5%,3%,0) rotate(3deg)}}
@keyframes valueRise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes statusSweep{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
@keyframes brandFloat{50%{transform:translateY(-3px) rotate(2deg)}}
.sidebar,.workspace,.topbar,.content{transition:all .25s ease}
body.sidebar-collapsed .sidebar{transform:translateX(-100%)}
body.sidebar-collapsed .workspace{margin-left:0}
.widget-tools{position:absolute;z-index:6;right:10px;top:-11px;display:flex;gap:4px;opacity:0;transform:translateY(4px);transition:.18s}
.dashboard-editing .dashboard-widget{outline:1px dashed color-mix(in srgb,var(--orange) 60%,transparent);outline-offset:4px;cursor:grab}
.dashboard-editing .dashboard-widget:hover .widget-tools{opacity:1;transform:none}
.widget-tools button{width:27px;height:25px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);cursor:pointer}
.widget-tools button:hover{border-color:var(--orange);color:var(--orange)}
.layout-list{display:grid;gap:8px;margin:20px 0}
.layout-row label{display:flex;align-items:center;gap:8px}
.layout-row select{min-width:130px}
body.display-mode{overflow:auto}
body.display-mode .sidebar,body.display-mode .topbar,body.display-mode .mobile-nav,body.display-mode .scrim{display:none!important}
body.display-mode .workspace{margin-left:0!important}
body.display-mode .content{padding:14px 18px 28px;max-width:none}
body.display-mode .page-actions{display:none}
body.display-mode .panel,body.display-mode .kpi{padding:12px}
body.display-mode .page-title h1{font-size:25px}
body.display-mode .page-title p{display:none}
.display-exit{position:fixed;top:14px;right:14px;z-index:999;width:auto;height:38px;padding:0 13px;border:1px solid rgba(255,138,0,.45);border-radius:999px;background:rgba(5,16,24,.86);backdrop-filter:blur(14px);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 12px 35px rgba(0,0,0,.32);opacity:.22;transition:.2s}
.display-exit:hover,.display-exit:focus{opacity:1;transform:translateY(-1px);border-color:var(--orange)}
.display-exit span{margin-left:5px}
.display-exit[hidden]{display:none!important}
.theme-picker{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.theme-picker label{display:flex;align-items:center;justify-content:space-between;gap:15px}
.theme-picker select{min-width:180px;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:0 10px}
.live-command-strip i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);animation:livePulse 1.8s infinite}
.live-command-strip b{color:var(--text)}
body.display-mode .live-command-strip{margin-right:105px}
body.display-mode .page-title{margin-bottom:10px;display:flex}
body.display-mode .page-title>div:first-child{display:block}
.command-list{display:grid;gap:4px}
.command-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--line)}
.command-row:last-child{border:0}
.command-row .rank{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--panel2);color:var(--orange);font-size:9px;font-weight:900}
.command-row div{min-width:0}
.command-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.command-row small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.command-row strong{font-size:11px}
.command-row em{font-size:9px;color:var(--green);font-style:normal;min-width:38px;text-align:right}
.compact-empty{min-height:110px}
body.display-mode .display-exit{display:block!important;opacity:.65}
body.display-mode .display-exit:hover{opacity:1}
.dashboard-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:10px;align-items:start}
.dashboard-widget>.panel,.dashboard-widget>.kpi-grid{height:100%;width:100%;min-height:0}
.dashboard-widget .panel{display:flex;flex-direction:column}
.dashboard-widget .panel>.table-wrap,.dashboard-widget .panel>.command-list,.dashboard-widget .panel>.device-stack,.dashboard-widget .panel>.alert-stack{min-height:0;overflow:auto}
.dashboard-widget .empty{height:100%;min-height:0;display:grid;place-content:center;text-align:center;padding:12px}
.dashboard-widget .panel-head{flex:0 0 auto}
.layout-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px;border:1px solid var(--line);border-radius:10px}
.layout-selects{display:flex;gap:7px}
.layout-selects select{min-width:120px}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
.widget-height-compact,.widget-height-standard,.widget-height-tall,.widget-height-auto{grid-row:auto;height:auto}
.dashboard-widget.dragging{opacity:.72;transform:scale(.985);z-index:20!important}
.live-pulse{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(53,243,161,.55);animation:livePulse 1.8s infinite}
@keyframes livePulse{70%{box-shadow:0 0 0 10px rgba(53,243,161,0)}}
.activity-feed{display:grid;gap:3px}
.activity-item{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}
.activity-item>i{width:7px;height:7px;border-radius:50%;background:var(--blue)}
.activity-item>i.high{background:var(--red)}
.activity-item>i.watch{background:var(--yellow)}
.activity-item b,.activity-item span{display:block}
.activity-item b{font-size:11px}
.activity-item span,.activity-item time{font-size:9px;color:var(--muted)}
.intel-hero span,.intel-hero small{display:block;color:var(--muted);font-size:10px;letter-spacing:.7px}
.intel-hero strong{display:block;font-size:30px;margin:5px 0}
.intel-explain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.intel-explain>div{padding:12px;border:1px solid var(--line);border-radius:11px}
.intel-explain b,.intel-explain span{display:block}
.intel-explain span{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.45}
#view-root{position:relative;isolation:isolate}
.command-canvas{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.72}
.panel,.kpi,.intel-hero>div{backdrop-filter:blur(12px)}
.intel-radar-head{display:grid;grid-template-columns:150px minmax(0,1fr) 290px;gap:24px;align-items:center;padding:22px;margin-bottom:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(68,215,255,.07),rgba(156,124,255,.045),rgba(53,243,161,.04));box-shadow:var(--shadow);overflow:hidden;position:relative}
.intel-radar-head:after{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,transparent 0 80%,rgba(68,215,255,.08) 88%,transparent 96%);animation:radarSweep 8s linear infinite;pointer-events:none}
@keyframes radarSweep{to{transform:rotate(360deg)}}
.radar-core{width:125px;height:125px;border-radius:50%;display:grid;place-content:center;text-align:center;position:relative;border:1px solid rgba(68,215,255,.34);background:radial-gradient(circle,rgba(68,215,255,.14),rgba(5,20,34,.88) 58%);box-shadow:inset 0 0 35px rgba(68,215,255,.1),0 0 35px rgba(68,215,255,.1);z-index:1}
.radar-core span{font-size:34px;font-weight:950}
.radar-core small{font-size:8px;letter-spacing:1.5px;color:var(--blue)}
.radar-core i{position:absolute;inset:10px;border-radius:50%;border:1px dashed rgba(68,215,255,.26);animation:orbitSpin 8s linear infinite}
.radar-core i:nth-of-type(2){inset:22px;border-color:rgba(53,243,161,.24);animation-duration:12s;animation-direction:reverse}
.radar-core i:nth-of-type(3){width:8px;height:8px;inset:auto;top:8px;left:58px;background:var(--green);border:0;box-shadow:0 0 14px var(--green)}
.intel-head-copy{position:relative;z-index:1}
.intel-head-copy h2{font-size:24px;margin:6px 0}
.intel-head-copy p{color:var(--muted);max-width:720px;line-height:1.55}
.eyebrow{font-size:9px;font-weight:900;letter-spacing:1.5px;color:var(--orange)}
.intel-status-stack{display:grid;gap:7px;position:relative;z-index:1}
.setup-check{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);animation:statusEnter .55s both;animation-delay:var(--delay)}
@keyframes statusEnter{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.setup-check i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal}
.setup-check.ok i{background:rgba(53,243,161,.12);color:var(--green)}
.setup-check.pending i{background:rgba(255,178,66,.12);color:var(--yellow)}
.setup-check span{font-size:10px}
.setup-check b{font-size:8px;letter-spacing:.8px;color:var(--muted)}
.intel-hero{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:12px}
.intel-hero>div{padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--panel),var(--panel2));box-shadow:var(--shadow);position:relative;overflow:hidden;animation:cardRise .55s both}
.intel-hero>div:nth-child(2){animation-delay:.06s}
.intel-hero>div:nth-child(3){animation-delay:.12s}
.intel-hero>div:nth-child(4){animation-delay:.18s}
.intel-hero>div:nth-child(5){animation-delay:.24s}
.intel-hero>div:nth-child(6){animation-delay:.3s}
@keyframes cardRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.intel-hero>div:after{content:"";position:absolute;left:-40%;bottom:0;width:35%;height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent);animation:scanLine 4s linear infinite}
@keyframes scanLine{to{left:120%}}
.tracker-launch{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1.2fr) auto;gap:18px;align-items:center;margin-bottom:14px;border-color:rgba(255,155,50,.3)}
.tracker-launch pre{white-space:pre-wrap;word-break:break-all;padding:12px;border-radius:10px;background:#04111d;color:#9fe9ff;font-size:10px;border:1px solid rgba(68,215,255,.15)}
.tracker-launch code{color:var(--blue)}
.intelligence-matrix .panel{overflow:hidden}
.intel-bars{display:grid;gap:10px}
.intel-bar-row{display:grid;grid-template-columns:minmax(90px,1.2fr) 3fr auto;gap:10px;align-items:center;font-size:10px}
.intel-bar-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.intel-bar-row>div{height:7px;border-radius:5px;background:rgba(255,255,255,.045);overflow:hidden}
.intel-bar-row i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--blue),var(--purple),var(--green));border-radius:5px;box-shadow:0 0 10px rgba(68,215,255,.2);animation:barGrow 1s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--delay);transform-origin:left}
@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.intel-bar-row b{font-size:10px}
.signal-bars{display:flex;gap:3px;align-items:flex-end;height:16px}
.signal-bars i{width:3px;background:var(--green);border-radius:2px;animation:sigPulse 1.4s infinite}
.signal-bars i:nth-child(1){height:6px}
.signal-bars i:nth-child(2){height:11px;animation-delay:.18s}
.signal-bars i:nth-child(3){height:16px;animation-delay:.36s}
.intel-enter{animation:intelEnter .45s both;animation-delay:var(--delay)}
@keyframes intelEnter{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.global-motion{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.82}
@keyframes quantumAurora{0%{filter:hue-rotate(0deg);transform:scale(1)}50%{filter:hue-rotate(22deg);transform:scale(1.04)}100%{filter:hue-rotate(-12deg);transform:scale(1.01)}}
.dashboard-widget{position:relative;min-width:0;display:flex;align-self:stretch}
.dashboard-widget>.panel,.dashboard-widget>.kpi-grid,.dashboard-widget>.intel-hero{width:100%;height:100%}
.dashboard-widget>.panel{display:flex;flex-direction:column}
.dashboard-widget>.panel>.table-wrap,.dashboard-widget>.panel>.command-list,.dashboard-widget>.panel>.activity-feed{flex:1}
.dashboard-widget .panel,.dashboard-widget .kpi{animation:quantumCardIn .55s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--card-index,0)*35ms)}
@keyframes quantumCardIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes iconPulse{0%,100%{transform:scale(1);filter:hue-rotate(0)}50%{transform:scale(1.12);filter:hue-rotate(45deg)}}
.nav-item:hover .ico,.nav-item.active .ico{transform:rotate(-6deg) scale(1.08);box-shadow:0 0 18px rgba(72,205,255,.2);border-color:rgba(72,205,255,.25)}
@keyframes pageTitleIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.content-grid>.panel,.settings-grid>.panel,.intel-hero>div{animation:quantumCardIn .5s cubic-bezier(.22,1,.36,1) both}
.money-pair>b{font:inherit;color:inherit}
.money-pair>small{font-size:9px;font-weight:700;color:var(--green);letter-spacing:.15px;opacity:.9}

.setup-check,.intel-enter,.mc-feed-item,.mc2-feed-item{animation:softReveal .45s ease both!important;animation-delay:var(--delay,0s)!important}
@keyframes softReveal{from{opacity:0;transform:translateY(7px) scale(.995)}to{opacity:1;transform:none}}
.panel,.kpi{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;contain:layout paint}
.panel:hover,.kpi:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--orange) 28%,var(--line));box-shadow:0 16px 45px rgba(0,0,0,.14)}
.panel-head h2:before{content:"✦";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:7px;border-radius:6px;color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--blue) 28%,transparent);font-size:10px;vertical-align:middle;animation:iconPulse 3.2s ease-in-out infinite!important}
.live-pulse,.signal-bars i,.micro-spark i,.fleet-orbit:before,.fleet-orbit:after,.radar-core i{will-change:transform,opacity}
html,body{font-family:Inter,system-ui,sans-serif;background:var(--c1-bg);color:var(--c1-text)}
body:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(900px 600px at 80% -10%,rgba(62,199,240,.12),transparent 58%),radial-gradient(900px 600px at -5% 105%,rgba(255,138,0,.10),transparent 55%),linear-gradient(170deg,var(--c1-bg2),var(--c1-bg));animation:quantumAurora 20s ease-in-out infinite alternate}
.app-bg{position:fixed;inset:0;z-index:-1;background:var(--bg);background-image:linear-gradient(rgba(126,168,214,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(126,168,214,.04) 1px,transparent 1px);background-size:44px 44px;animation:c1grid 70s linear infinite}
@keyframes c1grid{to{background-position:44px 44px}}
.workspace{margin-left:242px}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--text);padding:6px 8px 18px}
.brand-icon:after{content:"";position:absolute;inset:-5px;border:1px dashed rgba(255,138,0,.5);border-radius:14px;animation:c1spin 14s linear infinite}
@keyframes c1spin{to{transform:rotate(360deg)}}
.nav-item.active:before{background:var(--c1-orange);box-shadow:0 0 12px rgba(255,138,0,.6)}
.sidebar-footer{margin-top:20px;border-top:1px solid var(--c1-line);padding:14px 8px;display:grid;gap:12px}
.sync i{background:var(--c1-green);box-shadow:0 0 12px var(--c1-green)}
.icon-button,.secondary,.period-control,.date-shell,.user-menu{height:36px;border:1px solid var(--c1-line);border-radius:10px;background:var(--c1-glass);color:var(--c1-text)}
.date-shell{display:flex;align-items:center;gap:7px;padding:0 10px}
.date-shell svg{width:15px}
.date-control{border:0;background:transparent;color:var(--c1-text);width:128px}
.sydney-clock{display:flex;flex-direction:column;line-height:1.05;text-align:right}
.auto-refresh{display:flex;gap:6px;align-items:center;color:var(--c1-faint);font-size:9px}
.auto-refresh svg{width:13px}
.auto-refresh b{color:var(--c1-cyan);font-family:JetBrains Mono}
.avatar{width:38px;height:38px;border:2px solid var(--orange);border-radius:50%;display:grid;place-items:center;color:#1c1102;font-weight:900;background:linear-gradient(135deg,var(--c1-orange),#c96400)}
.content{padding:22px 24px 70px;max-width:1720px;margin:auto}
.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px;animation:pageTitleIn .5s cubic-bezier(.22,1,.36,1) both}
.page-title h1{font-size:27px;margin:4px 0 3px;font-family:Space Grotesk;background:linear-gradient(90deg,var(--c1-text) 30%,var(--c1-orange) 50%,var(--c1-text) 70%);background-size:200% auto;-webkit-background-clip:text;color:transparent;animation:c1text 7s linear infinite}
@keyframes c1text{to{background-position:-200% 0}}
.page-title p{margin:0;color:var(--c1-dim)}
.overline{font-size:8px;letter-spacing:.3em;color:var(--c1-orange);font-weight:900}
.live-command-strip{display:flex;align-items:center;gap:18px;margin:0 0 10px;padding:9px 16px;border:1px solid var(--c1-line);border-radius:12px;background:linear-gradient(90deg,rgba(61,220,141,.08),transparent 40%),var(--c1-glass);color:var(--c1-dim);font-size:11.5px;flex-wrap:wrap;margin-bottom:11px}
.live-command-strip span{display:flex;align-items:center;gap:7px;color:var(--c1-green);font-weight:800;letter-spacing:.1em}
.live-command-strip span i{background:var(--c1-green);box-shadow:0 0 10px var(--c1-green)}
.live-command-strip em{margin-left:auto;font-style:normal}
.panel{padding:16px;background:var(--c1-glass);border:1px solid var(--c1-line);border-radius:18px;box-shadow:0 24px 60px -28px rgba(0,0,0,.75);backdrop-filter:blur(16px);position:relative;overflow:hidden}
.panel:after{content:"";position:absolute;inset:-120% -45%;pointer-events:none;background:linear-gradient(115deg,transparent 46%,rgba(255,255,255,.04) 50%,transparent 54%);animation:c1sheen 11s ease-in-out infinite}
@keyframes c1sheen{0%,72%{transform:translateX(-70%)}92%,100%{transform:translateX(70%)}}
.panel:hover{border-color:var(--c1-line2);transform:translateY(-2px)}
.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:13px;padding:15px 17px 10px}
.panel-head h2{font:600 13.5px Space Grotesk;display:flex;align-items:center;gap:9px}
.panel-head h2 svg{width:16px;color:var(--c1-orange)}
.panel-head small{font:400 11px Inter;color:var(--c1-faint)}
/* ── C1 dashboard · KPI grid ── */
.c1-kpi-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:11px;margin-bottom:14px}
@keyframes c1up{from{opacity:0;transform:translateY(18px)}}
.c1-kpi>div:first-child{display:flex;justify-content:space-between;align-items:center}
.c1-kpi span{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c1-faint)}
.c1-kpi svg{width:15px;color:var(--c1-cyan)}
.c1-kpi .money-pair b{font-size:18px}
.c1-kpi .money-pair small,.c1-kpi>small{display:block;font:500 10px JetBrains Mono;color:var(--c1-faint)}
.c1-spark{height:25px;display:flex;align-items:end;gap:4px;margin-top:7px}
.c1-spark i{width:7px;background:linear-gradient(var(--c1-cyan),transparent);border-radius:4px;animation:c1bars 2.8s ease-in-out infinite}
.c1-spark i:nth-child(1){height:35%}
.c1-spark i:nth-child(2){height:62%;animation-delay:-.4s}
.c1-spark i:nth-child(3){height:45%;animation-delay:-.8s}
.c1-spark i:nth-child(4){height:80%;animation-delay:-1.2s}
.c1-spark i:nth-child(5){height:60%;animation-delay:-1.6s}
@keyframes c1bars{50%{transform:scaleY(.65);opacity:.7}}
.c1-row{display:grid;gap:14px;margin-bottom:14px}
.c1-intel-row{grid-template-columns:1.25fr 1fr 1fr}
.c1-list-row{grid-template-columns:repeat(3,1fr)}
.c1-risk-row{grid-template-columns:1fr 1fr}
.c1-tabs{display:flex;gap:3px;padding:3px;border:1px solid var(--c1-line);border-radius:99px;background:var(--c1-glass2)}
.c1-tabs .on{background:rgba(255,138,0,.18);color:white}
.c1-scan{position:absolute;top:10px;bottom:15px;width:50px;background:linear-gradient(90deg,transparent,rgba(62,199,240,.08),transparent);animation:c1scan 7.5s ease-in-out infinite alternate}
@keyframes c1scan{from{left:6%}to{left:90%}}
.c1-legend i{display:inline-block;width:16px;height:3px;background:var(--c1-orange);margin-right:6px}
.c1-chip.green{background:rgba(61,220,141,.13);color:var(--c1-green)}
.c1-chip.red{background:rgba(255,95,102,.13);color:var(--c1-red)}
.c1-chip.yellow{background:rgba(255,197,74,.13);color:var(--c1-yellow)}
.c1-chip.cyan{background:rgba(62,199,240,.13);color:var(--c1-cyan)}
.c1-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--c1-cyan),var(--c1-green));border-radius:99px}
.c1-ai{font-size:9px;color:var(--c1-violet);letter-spacing:.12em}
.c1-insights{padding:0 15px;display:grid;gap:9px}
.c1-insights>div{display:flex;gap:11px;padding:12px;border:1px solid var(--c1-line);border-radius:12px;background:var(--c1-glass2)}
.c1-insights svg{width:16px;color:var(--c1-cyan)}
.c1-insights b,.c1-insights small{display:block}
.c1-score{display:flex;align-items:center;gap:16px;padding:8px 17px}
.c1-score>div b{font:700 26px JetBrains Mono;color:var(--c1-green)}
.c1-score ul{list-style:none;margin:0;padding:0;flex:1}
.c1-score li{display:flex;justify-content:space-between;padding:5px 0;color:var(--c1-dim)}
.c1-score li b{color:var(--c1-text)}
.c1-health i{color:var(--c1-green)}
.c1-health b{margin-left:auto;color:var(--c1-text)}
.c1-table-panel{margin-bottom:14px}
.c1-table-panel .table-wrap{padding:0 5px 8px}
.c1-table-panel table{min-width:1050px}
.c1-table-panel tbody tr{cursor:pointer}
.text-link{color:var(--c1-cyan);font-size:11px}
.c1-rank{padding:0 14px}
.c1-rank-row{display:grid;grid-template-columns:24px 1fr auto auto;align-items:center;gap:10px;width:100%;padding:9px 11px;margin-bottom:7px;border:1px solid var(--c1-line);border-radius:11px;background:var(--c1-glass2);color:var(--c1-text);text-align:left}
.c1-rank-row>span{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:rgba(62,199,240,.13);color:var(--c1-cyan);font:700 10px JetBrains Mono}
.c1-rank-row b,.c1-rank-row small{display:block}
.c1-rank-row small{color:var(--c1-faint)}
.c1-rank-row strong{font:600 11px JetBrains Mono}
.c1-rank-row em{font:500 10px JetBrains Mono;color:var(--c1-green)}
.c1-device{display:flex;align-items:center;gap:20px;padding:10px 18px}
.c1-donut{--v:calc(var(--mobile)*1%);width:132px;height:132px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,var(--c1-bg) 56%,transparent 57%),conic-gradient(var(--c1-cyan) 0 var(--v),var(--c1-glass2) var(--v) 100%)}
.c1-donut b{font:700 18px JetBrains Mono}
.c1-donut small{font-size:9px;color:var(--c1-faint)}
.c1-device>div:last-child{flex:1}
.c1-device p{display:grid;grid-template-columns:10px 1fr auto 38px;gap:8px}
.c1-device p i{width:10px;height:10px;border-radius:3px;background:var(--c1-cyan)}
.c1-device p small{color:var(--c1-faint)}
.c1-alerts,.c1-feed{padding:0 14px}
.c1-alerts button,.c1-feed>div{display:flex;gap:10px;width:100%;padding:10px 12px;margin-bottom:8px;border:1px solid var(--c1-line);border-radius:11px;background:var(--c1-glass2);color:var(--c1-text);text-align:left}
.c1-alerts i,.c1-feed i{width:3px;background:var(--c1-yellow);border-radius:3px}
.c1-alerts b,.c1-alerts small,.c1-feed b,.c1-feed small{display:block}
.c1-alerts small,.c1-feed small{color:var(--c1-dim)}
.c1-feed time{margin-left:auto;color:var(--c1-faint);font:500 9px JetBrains Mono}
.c1-risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 14px}
.c1-risk-grid>div{padding:12px;border:1px solid var(--c1-line);border-radius:11px;background:var(--c1-glass2)}
.c1-risk-grid span{color:var(--c1-faint);font-size:10px}
.c1-risk-grid b{display:block;font:600 21px JetBrains Mono}
.risk-note{font-size:10px;color:var(--c1-faint);margin-top:10px;padding:0 14px}
.modal-card{width:min(600px,96vw);max-height:88vh;overflow-y:auto;overflow-x:hidden;background:#0c1727;border:1px solid var(--c1-line2);border-radius:16px;padding:22px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.35);scrollbar-width:none;-ms-overflow-style:none}.modal-card::-webkit-scrollbar{display:none}
.filterbar input,.filterbar select,.field input,.field select{height:38px;border:1px solid var(--line);background:var(--c1-glass2);color:var(--c1-text);border-radius:8px;padding:0 11px;border-color:var(--c1-line)}
.c1-trend-row{grid-template-columns:1.9fr 1fr;align-items:stretch}
.c1-performance-panel,.c1-pacing-panel{min-height:356px;padding-bottom:0}
.c1-performance-panel .panel-head,.c1-pacing-panel .panel-head{padding:15px 17px 10px}
.c1-performance-panel .panel-head h2,.c1-pacing-panel .panel-head h2{font-family:'Space Grotesk',sans-serif;font-size:13.5px;font-weight:600}
.c1-chart-exact{position:relative;height:230px;margin:0 17px}
.c1-chart-exact svg{display:block;width:100%;height:100%}
.c1-chart-tip{position:absolute;z-index:5;min-width:150px;padding:10px 12px;border-radius:11px;background:rgba(12,23,39,.94);border:1px solid var(--c1-line2);box-shadow:0 24px 60px -28px rgba(0,0,0,.75);font-size:11px;opacity:0;transform:translateY(6px);pointer-events:none;transition:.18s;display:grid;gap:4px}
.c1-chart-tip.on{opacity:1;transform:none}
.c1-chart-tip>b{font-size:11.5px}
.c1-chart-tip span{display:flex;justify-content:space-between;gap:14px;color:var(--c1-dim)}
.c1-chart-tip strong{font-family:'JetBrains Mono',monospace;color:var(--c1-text)}
.c1-legend{display:flex;gap:16px;padding:8px 19px 15px;color:var(--c1-faint);font-size:10.5px}
.c1-legend i.previous{height:2px;background:var(--c1-faint)}
.c1-pacing-body{padding:4px 17px 16px}
.c1-gauge-layout{display:flex;align-items:center;gap:18px;padding:0}
.c1-gauge-svg:before{content:"";position:absolute;inset:-7px;border:1px dashed var(--c1-line2);border-radius:50%;animation:c1spin 20s linear infinite}
.c1-gauge-svg svg{transform:rotate(-90deg)}
.c1-gauge-svg .track{stroke:var(--c1-glass2)}
.c1-gauge-svg .fill{stroke:url(#c1GaugeGrad);stroke-linecap:round;transition:stroke-dashoffset 1.4s cubic-bezier(.22,.9,.28,1)}
.c1-gauge-svg>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.c1-gauge-svg b{font:700 27px 'JetBrains Mono',monospace}
.c1-gauge-svg small{font-size:9px;letter-spacing:.16em;color:var(--c1-faint)}
.c1-facts{flex:1;display:grid;gap:8px}
.c1-facts>div{display:flex;justify-content:space-between;align-items:baseline;padding:8px 12px;border:1px solid var(--c1-line);border-radius:10px;background:var(--c1-glass2);color:var(--c1-dim);min-height:49px;font-size:11.5px}
.c1-facts>div>span{line-height:1.35}
.c1-facts b{font:600 13.5px 'JetBrains Mono',monospace}
.money-pair{display:inline-flex;flex-direction:column;align-items:baseline;gap:7px;line-height:1.05;white-space:nowrap}
.money-pair small{color:var(--c1-faint);font:500 9.5px 'JetBrains Mono',monospace}
.c1-goal{margin-top:13px}
.c1-goal>div{display:flex;justify-content:space-between;gap:12px;font-size:10.5px;color:var(--c1-faint);margin-bottom:5px}
.c1-goal>div:last-child{margin-top:5px;margin-bottom:0}
.c1-goal b{font-family:'JetBrains Mono',monospace;color:var(--c1-text)}
.c1-progress{height:7px;margin:0;background:var(--c1-glass2);border-radius:99px;overflow:hidden}
.c1-draw-line{stroke-dasharray:2400;stroke-dashoffset:2400;animation:c1Draw 1.6s cubic-bezier(.22,.9,.28,1) forwards .2s}
@keyframes c1Draw{to{stroke-dashoffset:0}}
html.reduce-motion .c1-draw-line{stroke-dasharray:none;stroke-dashoffset:0;animation:none}
.c1-spark-line{width:74px;height:22px;display:block;margin-top:8px;opacity:.95}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:13px;min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:rgba(8,17,29,.88);border-right:1px solid var(--c1-line);padding:16px 12px;overflow:auto;z-index:40;backdrop-filter:blur(18px)}
.brand-icon{color:#1c1102;font-size:30px;font-weight:900;transform:none;animation:c1GlowBreath 4s ease-in-out infinite;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#ff8a00,#c96400);box-shadow:0 10px 24px -8px rgba(255,138,0,.32);position:relative;display:grid;place-items:center}
.brand-icon::after{content:"";position:absolute;inset:-5px;border-radius:14px;border:1px dashed rgba(255,138,0,.55);animation:c1Orbit 14s linear infinite}
@keyframes c1Orbit{to{transform:rotate(360deg)}}
@keyframes c1GlowBreath{0%,100%{box-shadow:0 10px 24px -8px rgba(255,138,0,.32)}50%{box-shadow:0 10px 34px -6px rgba(255,138,0,.32),0 0 22px -4px rgba(255,138,0,.32)}}
.brand b{display:block;color:var(--orange);font-size:15px;font:700 15px/1 Space Grotesk;letter-spacing:.08em;font-family:var(--font-display);line-height:1.05}
.brand span{display:block;font-size:8.5px;font-weight:700;letter-spacing:.3em;color:#ff8a00}
.nav-label{color:var(--c1-faint);font-size:9px;letter-spacing:.22em;margin:14px 10px 7px;padding:16px 10px 6px;font-weight:700}
.nav-item{display:flex;align-items:center;gap:12px;padding:9.5px 11px;border-radius:var(--r-sm);color:var(--c1-dim);text-decoration:none;cursor:pointer;transition:background .2s,color .2s,transform .2s;font-size:13px;font-weight:500}
.nav-item:hover{background:var(--c1-glass2);color:var(--text);transform:translateX(3px)}
.nav-item.active{background:linear-gradient(90deg,rgba(255,138,0,.17),transparent 75%);color:var(--c1-text);box-shadow:inset 3px 0 var(--orange);position:relative}
.nav-item.active::before{content:"";position:absolute;left:-12px;top:7px;bottom:7px;width:3px;border-radius:3px;background:#ff8a00;box-shadow:0 0 12px rgba(255,138,0,.32)}
.nav-item .ico{width:17px;text-align:center;height:22px;border-radius:7px;display:grid;place-items:center;background:none;border:0;transition:.25s;box-shadow:none;padding:0}
.nav-item .ico svg{width:16px;height:16px;stroke-width:1.8}
.sidebar-footer .sync i{width:8px;height:8px;border-radius:50%;background:#3ddc8d;box-shadow:0 0 10px #3ddc8d;animation:c1Pulse 2s infinite}
@keyframes c1Pulse{0%,100%{box-shadow:0 0 0 0 rgba(61,220,141,.55)}55%{box-shadow:0 0 0 6px transparent}}
.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);cursor:pointer;position:relative;transition:transform .18s,border-color .2s,color .2s;display:flex;align-items:center;justify-content:center}
.icon-button:hover{transform:translateY(-1.5px)}
.icon-button:active{transform:translateY(0) scale(.95)}
.sydney-clock b{font:600 14px JetBrains Mono;font-family:var(--font-mono);font-size:14px;font-weight:600}
.sydney-clock span{font-size:9.5px;color:var(--c1-faint);letter-spacing:.08em}
.user-menu{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left;border-radius:99px;padding:4px 10px 4px 4px}
.user-menu .avatar{width:30px;height:30px;font-family:var(--font-display);font-weight:700;font-size:12px;background:linear-gradient(135deg,#ff8a00,#c96400);color:#1c1102}
.primary,.secondary{height:36px;border-radius:10px;font-weight:600;font-size:12.5px;transition:transform .18s,box-shadow .2s,border-color .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.primary{background:linear-gradient(135deg,#ff8a00,#e07400);border:0;color:#1c1102;box-shadow:0 10px 26px -10px rgba(255,138,0,.32)}
.primary:hover,.secondary:hover{transform:translateY(-1.5px)}
.primary:active,.secondary:active{transform:translateY(0) scale(.97)}
.overline,#view-overline{font-size:9.5px;font-weight:800;letter-spacing:.3em;color:#ff8a00}
#view-title{font-family:var(--font-display);font-size:27px;font-weight:700;letter-spacing:-.01em;background:linear-gradient(90deg,currentColor 30%,#ff8a00 50%,currentColor 70%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:c1TextSheen 7s linear infinite}
@keyframes c1TextSheen{to{background-position:-200% 0}}
#view-subtitle{font-size:13px}
/* ── C1 dashboard · panels ── */
.c1-panel .panel-head h2{font-family:var(--font-display);font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:9px}
.c1-panel .panel-head h2 svg{color:#ff8a00;width:16px;height:16px;stroke-width:1.8}
.c1-kpi>div:first-child span{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.c1-kpi strong{display:block;font:600 20px JetBrains Mono;margin-top:8px;font-family:var(--font-mono);font-size:21px;font-weight:600;letter-spacing:-.5px}
.c1-kpi small{font-size:10.5px;font-family:var(--font-mono);display:block;margin-top:1px;min-height:14px}
.c1-gauge-svg{position:relative;width:148px;height:148px;flex:none}
.c1-gauge-svg::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px dashed rgba(126,168,214,.26);animation:c1Orbit 20s linear infinite}
@keyframes c1IdleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.c1-panel{padding-bottom:14px;border-radius:var(--r-lg);backdrop-filter:blur(16px);box-shadow:0 24px 60px -28px rgba(0,0,0,.75);overflow:hidden;position:relative;animation:c1IdleFloat 9s ease-in-out infinite var(--float-delay,1.4s)}
.c1-kpi{min-height:118px;padding:14px 15px 12px;animation:c1up .65s both,c1IdleFloat 9s ease-in-out infinite;animation-delay:var(--delay,0s),var(--float-delay,1.4s);border-radius:var(--r-md)}
@keyframes c1Sheen{0%,72%{transform:translateX(-70%)}92%,100%{transform:translateX(70%)}}
.c1-panel::after{content:"";position:absolute;inset:-120% -45%;pointer-events:none;background:linear-gradient(115deg,transparent 46%,rgba(255,255,255,.045) 50%,transparent 54%);transform:translateX(-70%);animation:c1Sheen 11s ease-in-out infinite var(--sheen-delay,0s)}
@keyframes c1GridPan{to{background-position:44px 44px,44px 44px}}
.app-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(126,168,214,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(126,168,214,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(900px 600px at 65% 0%,#000 30%,transparent 80%);animation:c1GridPan 70s linear infinite;pointer-events:none}
html[data-theme=dark] .sidebar{background:rgba(12,23,39,.82);backdrop-filter:blur(18px);border-right:1px solid rgba(126,168,214,.13)}
/* ── Shell · topbar ── */
.topbar{height:auto;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:rgba(5,10,18,.75);backdrop-filter:blur(20px);border-bottom:1px solid var(--c1-line);left:242px;min-height:0;gap:10px}
html[data-theme=dark] .topbar{background:rgba(5,10,18,.74);border-bottom:1px solid rgba(126,168,214,.13)}
html[data-theme=dark] .c1-panel,html[data-theme=dark] .c1-kpi{background:rgba(13,24,40,.62);border:1px solid rgba(126,168,214,.13)}
.c1-kpi>div:first-child svg{width:26px;height:26px;padding:6px;border-radius:8px;background:rgba(18,32,52,.55);color:#3ec7f0;box-sizing:border-box}
.c1-tabs button{padding:5px 13px;border-radius:99px;color:var(--c1-dim);font-size:11.5px;font-weight:600;transition:background .2s,color .2s}
.c1-tabs button.on{background:rgba(255,138,0,.18);color:#eaf2fb}
.c1-facts>div b{font-family:var(--font-mono);font-size:13.5px;color:#eaf2fb;font-weight:600;white-space:nowrap;text-align:right}
.c1-insights>div:last-child{margin-bottom:0}
.c1-insights>div:hover{transform:translateX(3px);border-color:rgba(126,168,214,.26)}
.c1-insights>div>svg{width:32px;height:32px;padding:8.5px;border-radius:9px;background:rgba(62,199,240,.14);color:#3ec7f0;flex:none;box-sizing:border-box}
.c1-insights b{display:block;font-size:12.5px;font-weight:600}
.c1-insights small{color:#93a9c0;margin-top:2px;font-size:11.5px;line-height:1.45;display:block}
.c1-score>div{--v:calc(var(--score)*1%);width:118px;height:118px;border-radius:50%;display:grid;place-content:center;background:radial-gradient(circle,var(--c1-bg) 57%,transparent 58%),conic-gradient(var(--c1-green) 0 var(--v),var(--c1-glass2) var(--v) 100%)}
.c1-health{padding:4px 17px;display:grid;gap:7px;font-size:12px}
.c1-health>div{display:flex;gap:9px;padding:7px 0;color:#93a9c0;align-items:center}
.c1-health>div svg{width:13px;height:13px;flex:none}
.c1-health>div b{margin-left:auto;color:#eaf2fb;font-weight:600;font-size:11.5px;text-align:right}
table th{padding:9px 13px;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5b7186;white-space:nowrap}
table td{padding:12px 13px;font-size:12.5px;white-space:nowrap}
html[data-theme=dark] tbody tr:hover{background:rgba(255,138,0,.06)}
.status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.c1-chip{padding:0 10px;border-radius:99px;font-size:10px;font-weight:700;letter-spacing:.05em;height:24px;display:inline-flex;align-items:center;gap:6px}
:root{--bg:#06111a;--bg2:#081722;--panel:#0b1d29;--panel2:#0e2533;--line:rgba(151,190,214,.14);--text:#edf6fb;--muted:#91a8b6;--faint:#5d7482;--orange:#ff8a00;--green:#47d66f;--red:#ff5c62;--blue:#4f8fff;--purple:#a069ff;--yellow:#ffc54a;--shadow:0 18px 45px rgba(0,0,0,.22);--radius:13px;--sidebar:226px;--c1-bg:#050a12;--c1-bg2:#08101c;--c1-glass:rgba(13,24,40,.62);--c1-glass2:rgba(18,32,52,.58);--c1-line:rgba(126,168,214,.13);--c1-line2:rgba(126,168,214,.27);--c1-text:#eaf2fb;--c1-dim:#93a9c0;--c1-faint:#5b7186;--c1-orange:#ff8a00;--c1-cyan:#3ec7f0;--c1-green:#3ddc8d;--c1-red:#ff5f66;--c1-yellow:#ffc54a;--c1-violet:#9d7bff;--sidebar-w:242px;--c1-chart-grid:rgba(126,168,214,.09);--r-lg:18px;--r-md:13px;--r-sm:9px;--ease:cubic-bezier(.22,.9,.28,1);--font-display:'Space Grotesk',sans-serif;--font-body:'Inter',sans-serif;--font-mono:'JetBrains Mono',monospace}
html[data-theme=dark] .app-bg{background:radial-gradient(1200px 700px at 80% -10%,rgba(62,199,240,.12),transparent 55%),
  radial-gradient(1000px 600px at -5% 105%,rgba(255,138,0,.10),transparent 50%),
  radial-gradient(800px 700px at 50% 120%,rgba(157,123,255,.08),transparent 55%),
  linear-gradient(170deg,#08101c,#050a12)}
@media(max-width:1100px){.span-8,.span-6,.span-4{grid-column:span 12}.live-command-strip{flex-wrap:wrap}.live-command-strip em{margin-left:0}.intel-hero{grid-template-columns:repeat(2,1fr)}.intel-explain{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--sidebar:min(82vw,330px)}.sidebar{transform:translateX(-100%);transition:.25s;width:var(--sidebar);background:var(--bg2)}body.menu-open .sidebar{transform:none}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:35}body.menu-open .scrim{display:block}.mobile-close{display:block;border:0;background:transparent;color:var(--text);font-size:30px}.workspace{margin:0}.topbar{padding:0 14px;height:62px}.menu-button,.mobile-brand{display:block}.menu-button{border:0;background:transparent;color:var(--text);font-size:20px}.mobile-brand{color:var(--orange);font-weight:900}.date-control,.auto-refresh,.user-menu>div:not(.avatar),.user-menu>span{display:none}.content{padding:18px 14px 92px}.page-title{align-items:flex-start}.page-title h1{font-size:22px}.page-actions .secondary{display:none}.metric-pair{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;height:68px;background:color-mix(in srgb,var(--bg2) 94%,transparent);backdrop-filter:blur(15px);border-top:1px solid var(--line);z-index:32}.mobile-nav button{border:0;background:transparent;color:var(--muted);font-size:17px;display:grid;place-content:center;gap:3px}.mobile-nav span{font-size:8px}.mobile-nav button.active{color:var(--orange)}.topbar-right{gap:6px}.notification{display:none}.avatar{width:34px;height:34px}.panel{padding:13px}.page-actions .primary{padding:9px 10px}.command-row{grid-template-columns:22px minmax(0,1fr) auto}.command-row em{display:none}.live-command-strip b:nth-of-type(2){display:none}.intel-radar-head{grid-template-columns:1fr;text-align:center}.radar-core{margin:auto}.intel-status-stack{grid-template-columns:1fr}.intel-hero{grid-template-columns:repeat(2,1fr)}.tracker-launch pre{min-width:0}.command-canvas{display:none}}
@media(max-width:430px){.metric-pair{grid-template-columns:1fr}.topbar .period-control{width:86px}.page-title p{max-width:220px}.page-actions{margin-left:8px}}
@media(max-width:900px){.cabsby-login-shell{grid-template-columns:1fr}.cabsby-login-visual{display:none}.cabsby-login-panel{min-height:100svh;justify-content:flex-start;padding:calc(26px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));background:radial-gradient(circle at 100% 0,rgba(254,152,17,.12),transparent 30%),linear-gradient(165deg,#07131d 0 31%,#f4f6f8 31% 100%)}.cabsby-mobile-brand{display:flex;align-self:flex-start;color:#fff;margin:4px 2px 58px}.cabsby-mobile-brand .cabsby-brand-copy strong{font-size:24px}.cabsby-login-card{padding:28px 22px;border-radius:22px;box-shadow:0 24px 65px rgba(0,0,0,.22)}.cabsby-login-card h2{font-size:31px;margin-top:19px}.cabsby-copyright{color:#667984}.desktop-only,.display-button{display:none!important}.widget-tools{opacity:1;transform:none}.display-exit{top:10px;right:10px}.display-exit span{display:none}.layout-row{align-items:flex-start}.layout-selects{flex-direction:column}.layout-selects select{min-width:140px}.intel-hero,.intel-explain{grid-template-columns:1fr}.dashboard-widget{height:auto;margin-bottom:12px;margin:0!important}.workspace{margin-left:0}.topbar{left:0}.c1-trend-row,.c1-intel-row,.c1-list-row,.c1-risk-row{grid-template-columns:1fr}.c1-kpi-grid{grid-template-columns:repeat(2,1fr)}.content{padding:16px 14px 70px}.sydney-clock,.auto-refresh,.display-button{display:none}.c1-trend-row{grid-template-columns:1fr}.c1-gauge-layout{flex-direction:column;align-items:stretch}.c1-gauge-svg{margin:auto}}
@media(max-width:390px){.cabsby-login-panel{padding-left:13px;padding-right:13px}.cabsby-mobile-brand{margin-bottom:42px}.cabsby-login-card{padding:25px 17px}.cabsby-form-meta{align-items:flex-start;gap:10px}.cabsby-login-button{height:53px}.cabsby-login-trust{gap:6px}.cabsby-login-card h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.intel-radar-head:after,.radar-core i,.intel-hero>div:after,.micro-spark i,.intel-bar-row i{animation:none!important}body:before,.global-motion,.panel:after,.kpi:after,.panel-head h2:before{animation:none!important}.setup-check,.intel-enter,.mc-feed-item,.mc2-feed-item,.panel-head h2:before{animation:none!important}.panel:hover,.kpi:hover{transform:none!important}}
@media(max-width:1200px){.intel-radar-head{grid-template-columns:130px 1fr}.intel-status-stack{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.intel-hero{grid-template-columns:repeat(3,1fr)}.tracker-launch{grid-template-columns:1fr}.tracker-launch button{justify-self:start}.c1-trend-row,.c1-intel-row,.c1-list-row{grid-template-columns:1fr 1fr}.c1-risk-row{grid-template-columns:1fr}.c1-trend-row{grid-template-columns:1fr 1fr}.c1-row{grid-template-columns:1fr 1fr!important}}
@media(max-width:1500px){.c1-kpi-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:920px){.c1-row{grid-template-columns:1fr!important}.c1-kpi-grid{grid-template-columns:repeat(2,1fr)}.content{padding:16px 14px 60px}.topbar{padding:10px 14px;flex-wrap:wrap}.sydney-clock,.auto-refresh{display:none}}
@media (prefers-reduced-motion:reduce){.c1-panel,.c1-kpi,#view-title,.brand-icon,.brand-icon::after,.c1-gauge-svg::before,.app-bg::after{animation:none!important}.c1-panel::after{display:none}}
@media(min-width:921px){:root{--sidebar:242px}}
/* ── C1 exact: KPI deltas, ticker, insight tones, time-of-day ── */
.c1-kpi-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;margin-top:auto}
.c1-delta{font-family:var(--font-mono);font-style:normal;font-size:10px;font-weight:600;padding:2px 7px;border-radius:6px;white-space:nowrap}
.c1-delta.up{color:#3ddc8d;background:rgba(61,220,141,.13)}
.c1-delta.down{color:#ff5f66;background:rgba(255,95,102,.13)}
.c1-ticker{color:#3ec7f0;font-weight:600;animation:c1TickerFade 5s cubic-bezier(.22,.9,.28,1) infinite}
@keyframes c1TickerFade{0%,12%{opacity:0;transform:translateY(5px)}20%,86%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(-5px)}}
.c1-legend .previous{height:2px;background:#5b7186}
.c1-insights>div:nth-child(1)>svg{background:rgba(255,95,102,.14);color:#ff5f66}
.c1-insights>div:nth-child(2)>svg{background:rgba(61,220,141,.14);color:#3ddc8d}
.c1-insights>div:nth-child(3)>svg{background:rgba(62,199,240,.14);color:#3ec7f0}
.c1-insights>div:nth-child(4)>svg{background:rgba(255,197,74,.15);color:#ffc54a}
.c1-chip.violet{background:rgba(157,123,255,.15);color:#9d7bff}
.c1-heat{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;padding:4px 17px 0}
.c1-heat-cell{aspect-ratio:1.5;border-radius:4px;background:color-mix(in srgb,#3ec7f0 calc(var(--v)*1%),rgba(18,32,52,.55));transition:transform .15s}
.c1-heat-cell:hover{transform:scale(1.22);outline:1px solid rgba(126,168,214,.26)}
.c1-heat-lab{display:flex;justify-content:space-between;font-size:9px;color:#5b7186;font-family:var(--font-mono);padding:6px 17px 0}
.c1-heat-foot{font-size:10px;color:#5b7186;margin:10px 17px 14px;line-height:1.5}
@media (prefers-reduced-motion:reduce){.c1-ticker{animation:none}}

/* === v19.4.1 exact concept parity shell === */
:root{--font-display:'Space Grotesk',sans-serif;--font-body:'Inter',sans-serif;--font-mono:'JetBrains Mono',monospace;--r-lg:18px;--r-md:13px;--r-sm:9px;--sidebar-w:242px;--sidebar-c:74px;--ease:cubic-bezier(.22,.9,.28,1)}
html[data-c1-theme=obsidian]{--c1-bg:#050a12;--c1-bg2:#08101c;--c1-glass:rgba(13,24,40,.62);--c1-glass2:rgba(18,32,52,.55);--c1-solid:#0c1727;--c1-line:rgba(126,168,214,.13);--c1-line2:rgba(126,168,214,.26);--c1-text:#eaf2fb;--c1-dim:#93a9c0;--c1-faint:#5b7186;--c1-orange:#ff8a00;--c1-cyan:#3ec7f0;--c1-green:#3ddc8d;--c1-red:#ff5f66;--c1-yellow:#ffc54a;--c1-violet:#9d7bff}
html[data-c1-theme=graphite]{--c1-bg:#0b0d10;--c1-bg2:#101317;--c1-glass:rgba(24,27,32,.66);--c1-glass2:rgba(30,34,40,.6);--c1-solid:#16191e;--c1-line:rgba(190,200,215,.11);--c1-line2:rgba(190,200,215,.24);--c1-text:#eef0f4;--c1-dim:#a2abb8;--c1-faint:#666f7c;--c1-orange:#ff8a00;--c1-cyan:#5aa9ff;--c1-green:#3ad48f;--c1-red:#f8706c;--c1-yellow:#f5c451;--c1-violet:#a48bff}
html[data-c1-theme=daylight]{--c1-bg:#eef3f8;--c1-bg2:#e5edf5;--c1-glass:rgba(255,255,255,.78);--c1-glass2:rgba(255,255,255,.62);--c1-solid:#fff;--c1-line:rgba(20,50,80,.12);--c1-line2:rgba(20,50,80,.24);--c1-text:#0f2536;--c1-dim:#4d677e;--c1-faint:#7f95a9;--c1-orange:#f08000;--c1-cyan:#0e7dd8;--c1-green:#0a9e63;--c1-red:#d5333b;--c1-yellow:#c07f06;--c1-violet:#7657e0}
html,body{background:var(--c1-bg)!important;color:var(--c1-text)!important;font-family:var(--font-body)}
body{margin:0;overflow-x:hidden;font-size:13.5px;line-height:1.5}
.ambient{position:fixed;inset:0;z-index:-3;overflow:hidden;background:radial-gradient(1200px 700px at 80% -10%,rgba(62,199,240,.12),transparent 55%),radial-gradient(1000px 600px at -5% 105%,rgba(255,138,0,.10),transparent 50%),radial-gradient(800px 700px at 50% 120%,rgba(157,123,255,.08),transparent 55%),linear-gradient(170deg,var(--c1-bg2),var(--c1-bg))}
.ambient:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(126,168,214,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(126,168,214,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(900px 600px at 65% 0%,#000 30%,transparent 80%);animation:gridPan 70s linear infinite}
.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.75;animation:drift 18s var(--ease) infinite alternate}.orb.o1{width:460px;height:460px;background:rgba(62,199,240,.12);top:-140px;right:6%}.orb.o2{width:380px;height:380px;background:rgba(255,138,0,.10);bottom:-120px;left:-4%;animation-duration:24s;animation-delay:-8s}.orb.o3{width:340px;height:340px;background:rgba(157,123,255,.08);top:35%;left:38%;animation-duration:30s;animation-delay:-14s}
@keyframes drift{to{transform:translate(-60px,50px) scale(1.12)}}@keyframes gridPan{to{background-position:44px 44px,44px 44px}}
.shell{min-height:100vh}.sidebar{position:fixed!important;left:0;top:0;width:242px!important;height:100vh;padding:16px 12px!important;background:color-mix(in srgb,var(--c1-solid) 82%,transparent)!important;border-right:1px solid var(--c1-line)!important;backdrop-filter:blur(18px);z-index:50;overflow:hidden auto;transform:none!important}.workspace{margin-left:242px!important;min-width:0}.sidebar-top{padding:0!important}.brand{padding:6px 8px 18px!important;gap:10px!important}.brand-icon{width:38px!important;height:38px!important;border-radius:11px!important;background:linear-gradient(135deg,var(--c1-orange),#c96400)!important;box-shadow:0 10px 24px -8px rgba(255,138,0,.32);animation:glowBreath 4s ease-in-out infinite}.brand-icon:after{content:"";position:absolute;inset:-5px;border-radius:14px;border:1px dashed rgba(255,138,0,.55);animation:orbitSpin 14s linear infinite}.brand b{font-family:var(--font-display);font-size:15px!important;letter-spacing:.08em}.brand span{font-size:8.5px!important;letter-spacing:.3em!important;color:var(--c1-orange)!important}.nav-section-title{font-size:9px!important;letter-spacing:.22em!important;padding:16px 10px 6px!important}.nav-item{padding:9.5px 11px!important;border-radius:9px!important;gap:12px!important;font-size:13px!important}.nav-item:hover{transform:translateX(3px)}.nav-item.active{background:linear-gradient(90deg,rgba(255,138,0,.17),transparent 75%)!important}.sidebar-footer{margin-top:auto!important;padding:14px 6px 4px!important}
.topbar{position:sticky!important;top:0;z-index:40;padding:12px 24px!important;gap:10px!important;min-height:61px;background:color-mix(in srgb,var(--c1-bg) 74%,transparent)!important;border-bottom:1px solid var(--c1-line)!important;backdrop-filter:blur(20px)}.topbar-left,.topbar-right{gap:10px!important}.icon-button,.secondary,.period-control,.date-shell,.user-menu{height:36px!important;border-radius:10px!important;background:var(--c1-glass)!important;border-color:var(--c1-line)!important}.date-control{width:112px!important}.user-menu{border-radius:99px!important;padding:4px 10px 4px 4px!important}.avatar{width:30px!important;height:30px!important;border:0!important;font-size:12px}.sydney-clock b{font:600 14px var(--font-mono)!important}.sydney-clock span{font-size:9.5px!important;letter-spacing:.08em}.content{padding:22px 24px 70px!important;max-width:1720px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;gap:16px!important}.page-title{margin:0!important;align-items:flex-end!important}.page-title h1{margin:2px 0 3px!important;font-size:27px!important}.page-title p{font-size:13px!important}.primary,.secondary{height:36px;padding:0 15px!important;border-radius:10px!important}.primary{background:linear-gradient(135deg,var(--c1-orange),#e07400)!important;color:#1c1102!important}
.live-command-strip{margin:0!important}.c1-kpi-grid{margin:0!important}.c1-row{gap:14px!important;margin:0!important}.c1-trend-row{grid-template-columns:1.9fr 1fr!important}.c1-intel-row{grid-template-columns:1.25fr 1fr 1fr!important}.c1-list-row{grid-template-columns:1fr 1fr 1fr!important}.c1-ops-row{grid-template-columns:1.2fr 1fr 1fr!important}.panel{border-radius:18px!important;background:var(--c1-glass)!important;border-color:var(--c1-line)!important;box-shadow:0 24px 60px -28px rgba(0,0,0,.75)!important}.c1-kpi{min-height:118px!important;padding:14px 15px 12px!important;border-radius:13px!important}.c1-kpi strong{font:600 21px var(--font-mono)!important}.c1-chart-exact{height:230px!important}.c1-panel{padding:0!important}.c1-panel>.panel-head{padding:15px 17px 10px!important}.c1-panel>:not(.panel-head):not(.table-wrap){margin-left:17px;margin-right:17px}.c1-panel>.c1-pacing-body{margin-bottom:16px}.c1-table-panel>.table-wrap{margin:0 17px 16px!important}.c1-rank-row{padding:9.5px 11px!important;border-radius:11px!important}.c1-score>div{width:118px!important;height:118px!important}.c1-gauge-svg{width:148px!important;height:148px!important}.c1-heat-cell{border-radius:4px!important}.panel:after{content:"";position:absolute;inset:-120% -45%;pointer-events:none;background:linear-gradient(115deg,transparent 46%,rgba(255,255,255,.045) 50%,transparent 54%);transform:translateX(-70%);animation:sheen 11s ease-in-out infinite var(--sheen-delay,0s)}@keyframes sheen{0%,72%{transform:translateX(-70%)}92%,100%{transform:translateX(70%)}}@keyframes glowBreath{50%{box-shadow:0 10px 34px -6px rgba(255,138,0,.32),0 0 22px -4px rgba(255,138,0,.32)}}
.theme-wrap{position:relative}.theme-pop{display:none;position:absolute;right:0;top:44px;width:220px;padding:12px;border:1px solid var(--c1-line2);border-radius:14px;background:var(--c1-solid);box-shadow:0 24px 60px -28px rgba(0,0,0,.75);z-index:100}.theme-pop.open{display:grid;gap:6px}.theme-pop>b{font-size:9px;letter-spacing:.18em;color:var(--c1-faint)}.theme-pop button{padding:8px 10px;text-align:left;border-radius:8px;color:var(--c1-text)}.theme-pop button:hover{background:var(--c1-glass2)}.theme-pop label{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--c1-line);font-size:12px}
html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html.reduce-motion #global-motion{display:none}
body.sidebar-collapsed .sidebar{width:74px!important;transform:none!important}body.sidebar-collapsed .workspace{margin-left:74px!important}body.sidebar-collapsed .brand>div:last-child,body.sidebar-collapsed .nav-section-title,body.sidebar-collapsed .nav-item span,body.sidebar-collapsed .sidebar-footer div,body.sidebar-collapsed .sidebar-footer a{display:none!important}body.sidebar-collapsed .nav-item{justify-content:center!important}
@media(max-width:1500px){.c1-kpi-grid{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:1200px){.c1-trend-row,.c1-intel-row,.c1-list-row,.c1-ops-row{grid-template-columns:1fr 1fr!important}}
@media(max-width:920px){.sidebar{transform:translateX(-100%)!important;width:min(80vw,300px)!important}.sidebar.open{transform:none!important}.workspace{margin-left:0!important}.c1-trend-row,.c1-intel-row,.c1-list-row,.c1-ops-row{grid-template-columns:1fr!important}.c1-kpi-grid{grid-template-columns:repeat(2,1fr)!important}.topbar{padding:10px 14px!important;flex-wrap:wrap}.content{padding:16px 14px 60px!important}.sydney-clock,.auto-refresh{display:none!important}}

/* v19.4.1 mobile navigation responsiveness fix — no desktop visual changes */
@media(max-width:920px){
  .sidebar{transform:translateX(-100%)!important;width:min(84vw,320px)!important;transition:transform .25s ease!important;z-index:60!important}
  body.menu-open .sidebar{transform:translateX(0)!important}
  .scrim{position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(2px);z-index:55}
  body.menu-open .scrim{display:block}
  .menu-button{display:inline-grid!important;place-items:center;width:40px;height:40px;border:1px solid var(--c1-line)!important;border-radius:10px;background:var(--c1-glass)!important;color:var(--c1-text)!important;flex:0 0 auto}
  .mobile-close{display:inline-grid!important;place-items:center;margin-left:auto;width:38px;height:38px;border:1px solid var(--c1-line)!important;border-radius:10px;background:var(--c1-glass)!important;color:var(--c1-text)!important;font-size:25px;line-height:1}
  .sidebar-top{display:flex;align-items:flex-start}
  .topbar-left{min-width:0;flex:1;flex-wrap:wrap}
  .topbar-right{margin-left:auto;flex:0 0 auto}
  .date-shell{min-width:0}
  .date-control{max-width:132px}
}
@media(max-width:760px){
  .topbar{min-height:62px;height:auto!important;gap:8px}
  .topbar-left{gap:7px;flex-wrap:wrap}
  .topbar-right{gap:6px}
  .mobile-brand{display:block!important}
  #fullscreen-toggle{display:none!important}
  #period{display:none!important}
  #custom-range-bar{display:none!important}
  .date-shell{display:none!important}
  #date-chip{display:flex!important}
  #currency-emphasis{display:none!important}
  .content{overflow-x:hidden}
  .c1-panel,.panel{min-width:0}
  #currency-emphasis{max-width:72px!important;font-size:10px!important;padding:0 5px!important;height:30px!important}
  #custom-range-bar{flex-direction:row!important;flex-wrap:nowrap!important;width:auto!important;gap:4px!important;padding:2px 0!important}
  #custom-range-bar .date-control,#custom-range-bar input[type='datetime-local']{display:block!important;width:112px!important;box-sizing:border-box!important;font-size:10px!important;height:30px!important;padding:0 4px!important}
  #custom-range-bar>.range-arrow{display:none!important}
  #apply-range{width:auto!important;max-width:none!important;height:30px!important;font-size:11px!important;line-height:30px!important;padding:0 8px!important;flex-shrink:0!important}
  #custom-range-chip{font-size:12px!important;padding:3px 9px!important;border-radius:8px!important;background:rgba(255,255,255,.09)!important;cursor:pointer!important;white-space:nowrap!important;color:var(--c1-text,#e8edf3)!important}
  .page-actions{flex-shrink:0}
  .page-actions .primary{font-size:12px;padding:0 10px!important}
}
@media(max-width:480px){
  .date-shell{display:none!important}
  .topbar .period-control{width:auto!important;max-width:118px}
  .theme-wrap{display:none}
}


/* v19.4.1 spacing stability patch */
.dashboard-grid,
.kpi-grid,
.widgets-grid,
.command-grid{
    gap:24px !important;
}

.dashboard-card,
.widget,
.panel,
.glass-card,
.metric-card{
    margin:0 !important;
    overflow:hidden;
}

@media (max-width:1024px){
    .dashboard-grid,
    .kpi-grid,
    .widgets-grid,
    .command-grid{
        gap:18px !important;
    }
}

@media (max-width:768px){
    .dashboard-grid,
    .kpi-grid,
    .widgets-grid,
    .command-grid{
        gap:16px !important;
    }
}

/* v19.4.1 real dashboard row-spacing and overlap fix */
#view-root{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  row-gap:24px;
  width:100%;
  min-width:0;
}
#view-root>.live-command-strip,
#view-root>.c1-kpi-grid,
#view-root>.c1-row,
#view-root>.c1-table-panel{
  margin:0!important;
  min-width:0;
}
#view-root>.c1-row{
  column-gap:14px!important;
  row-gap:18px!important;
  align-items:stretch;
}
#view-root .c1-panel,
#view-root .c1-kpi{
  transform:none!important;
  animation-name:none!important;
  min-width:0;
}
#view-root .c1-panel{
  height:100%;
}
@media(max-width:1200px){
  #view-root{row-gap:20px}
  #view-root>.c1-row{row-gap:18px!important}
}
@media(max-width:920px){
  #view-root{row-gap:18px}
  #view-root>.c1-row{row-gap:18px!important}
}
@media(max-width:600px){
  #view-root{row-gap:16px}
  #view-root>.c1-row{row-gap:16px!important}
}


/* v19.4.4 production stability, help and users */

.dashboard-widget{cursor:default!important}.widget-tools{display:none!important}
.widget-help{display:inline-grid!important;place-items:center;width:19px;height:19px;min-width:19px;padding:0;margin-left:7px;border:1px solid rgba(126,168,214,.35);border-radius:50%;background:rgba(126,168,214,.09);color:var(--muted);font:700 11px/1 Inter,sans-serif;cursor:pointer;vertical-align:middle;transition:.18s}
.widget-help:hover,.widget-help:focus-visible{color:var(--c1-orange);border-color:var(--c1-orange);background:rgba(255,138,0,.12);outline:none;transform:none!important}
.help-modal{text-align:center}.help-mark{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 12px;border-radius:50%;background:rgba(255,138,0,.13);border:1px solid rgba(255,138,0,.4);color:var(--c1-orange);font-size:22px;font-weight:800}.help-modal p{max-width:540px;margin:10px auto 20px;color:var(--muted);line-height:1.65}
.c1-no-data i{width:24px;height:24px;margin:0 auto 8px;opacity:.55}.c1-no-data p{max-width:340px;line-height:1.55}
.role-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 17px 16px}.role-guide>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.role-guide b,.role-guide span{display:block}.role-guide span{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.45}
.user-table-wrap{overflow:auto;padding:0 17px 17px}.user-table{width:100%;border-collapse:collapse;min-width:720px}.user-table th,.user-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.user-table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.user-table td small{display:block;color:var(--muted);margin-top:3px}.user-active{display:flex;gap:9px;align-items:center;margin:14px 0}.user-active input{width:auto}.field small{display:block;color:var(--muted);margin-top:6px;line-height:1.45}
@media(max-width:1024px){.role-guide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.role-guide{grid-template-columns:1fr;padding:0 14px 14px}.user-table-wrap{padding:0 14px 14px}.widget-help{width:22px;height:22px;min-width:22px}}

/* v19.4.5 Settings appearance controls */
.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.settings-toggle span{display:grid;gap:3px}.settings-toggle small{color:var(--muted);font-size:11px}.settings-toggle input{width:20px;height:20px;accent-color:var(--orange)}

/* v19.4.8 exact-default movable/resizable widgets */
.free-widget-ready,.dashboard-free-item{position:relative;min-width:0}
.free-widget-controls{position:absolute;z-index:30;top:7px;right:7px;display:flex;gap:5px;opacity:0;transition:opacity .16s ease}
.free-widget-ready:hover>.free-widget-controls,.dashboard-free-item:hover>.free-widget-controls,.dashboard-free-item.is-resizing>.free-widget-controls{opacity:1}
.free-widget-controls button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid rgba(126,168,214,.34);border-radius:7px;background:rgba(5,16,28,.88);color:#9db0c5;font:800 12px/1 Inter,sans-serif;box-shadow:0 5px 14px rgba(0,0,0,.25)}
.free-widget-controls button:hover{border-color:var(--c1-orange);color:var(--c1-orange)}
.free-drag{cursor:grab}.free-drag:active{cursor:grabbing}.free-resize{cursor:nwse-resize;touch-action:none}
.dashboard-free-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:14px;align-items:stretch;min-width:0}
.dashboard-free-item{grid-column:span var(--free-span,12);height:var(--free-height,auto);min-height:150px;container-type:inline-size}
.dashboard-free-item>.panel,.dashboard-free-item>.c1-kpi-grid{width:100%;height:100%;margin:0!important;min-width:0}
.dashboard-free-item>.panel{display:flex;flex-direction:column;overflow:hidden}
.dashboard-free-item>.panel>.table-wrap,.dashboard-free-item>.panel>.c1-rank,.dashboard-free-item>.panel>.c1-insights,.dashboard-free-item>.panel>.c1-feed,.dashboard-free-item>.panel>.c1-alerts{min-height:0;overflow:auto}
.dashboard-free-item.is-dragging{opacity:.55;transform:scale(.99)}
.dashboard-free-item.is-resizing{outline:1px solid var(--c1-orange);outline-offset:2px}
.dashboard-free-item[data-free-id="kpis"]{min-height:118px}
.dashboard-free-item[data-free-id="kpis"]>.c1-kpi-grid{margin:0!important}
@container (max-width:560px){
  .dashboard-free-item .c1-score,.dashboard-free-item .c1-gauge-layout,.dashboard-free-item .c1-device{flex-direction:column;align-items:stretch}
  .dashboard-free-item .c1-gauge-svg,.dashboard-free-item .c1-donut{margin-inline:auto}
  .dashboard-free-item .c1-rank-row{grid-template-columns:24px minmax(0,1fr) auto}
  .dashboard-free-item .c1-rank-row em{display:none}
  .dashboard-free-item .panel-head{align-items:flex-start;gap:8px;flex-wrap:wrap}
}
@container (max-width:400px){
  .dashboard-free-item .c1-kpi-grid{grid-template-columns:1fr 1fr!important}
  .dashboard-free-item .c1-facts{grid-template-columns:1fr!important}
  .dashboard-free-item .c1-risk-grid{grid-template-columns:1fr!important}
}
@media(max-width:920px){
  .free-widget-controls{display:none!important}
  .dashboard-free-grid{display:block}
  .dashboard-free-item{height:auto!important;min-height:0;margin-bottom:16px}
}

/* v19.4.9 sidebar toggle + widget interaction repair */
.nav-item .nav-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.sidebar-collapsed .nav-item .nav-text,body.sidebar-collapsed .nav-item .badge{display:none!important}
body.sidebar-collapsed .nav-item .ico{margin:0!important}
body.sidebar-collapsed .sidebar{overflow-x:hidden!important}
.dashboard-free-item>.c1-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;align-content:start}
.dashboard-free-item>.panel{min-height:0}
.dashboard-free-item .c1-chart-exact{height:auto!important;min-height:180px;flex:1}
.dashboard-free-item .c1-device,.dashboard-free-item .c1-score,.dashboard-free-item .c1-gauge-layout{min-width:0}
.dashboard-free-item .table-wrap{max-width:100%}
.free-widget-controls{pointer-events:auto}
.free-widget-controls button{user-select:none;-webkit-user-select:none}
@media(min-width:921px){body.sidebar-collapsed .workspace{margin-left:74px!important}.workspace{transition:margin-left .22s ease}.sidebar{transition:width .22s ease}}

/* v19.5.1 — true desktop sidebar show / hide (no compact rail) */
@media (min-width:921px){
  .sidebar{
    width:242px!important;
    transform:translate3d(0,0,0)!important;
    transition:transform .28s cubic-bezier(.22,.9,.28,1),visibility 0s linear 0s!important;
    will-change:transform;
  }
  .workspace{
    margin-left:242px!important;
    transition:margin-left .28s cubic-bezier(.22,.9,.28,1)!important;
  }
  body.sidebar-collapsed .sidebar{
    width:242px!important;
    transform:translate3d(-100%,0,0)!important;
    visibility:hidden;
    pointer-events:none;
    transition:transform .28s cubic-bezier(.22,.9,.28,1),visibility 0s linear .28s!important;
  }
  body.sidebar-collapsed .workspace{margin-left:0!important}
  body.sidebar-collapsed .brand>div:last-child,
  body.sidebar-collapsed .nav-section-title,
  body.sidebar-collapsed .nav-item span,
  body.sidebar-collapsed .nav-item .nav-text,
  body.sidebar-collapsed .nav-item .badge,
  body.sidebar-collapsed .sidebar-footer div,
  body.sidebar-collapsed .sidebar-footer a{display:revert!important}
  body.sidebar-collapsed .nav-item{justify-content:flex-start!important}
}


/* v19.5.2 — definitive desktop sidebar collapse */
@media (min-width: 921px){
  body:not(.sidebar-collapsed) .sidebar{
    left:0!important;
    width:242px!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body:not(.sidebar-collapsed) .workspace{
    margin-left:242px!important;
    width:calc(100% - 242px)!important;
  }
  body.sidebar-collapsed .sidebar{
    left:-242px!important;
    width:242px!important;
    transform:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.sidebar-collapsed .workspace{
    margin-left:0!important;
    width:100%!important;
  }
  .sidebar{transition:left .24s cubic-bezier(.22,.9,.28,1),opacity .18s ease!important}
  .workspace{transition:margin-left .24s cubic-bezier(.22,.9,.28,1),width .24s cubic-bezier(.22,.9,.28,1)!important}
}


/* v19.5.3 remove dashboard text/heading animations */
.hero-title,.typewriter,.reveal,.reveal-up,.reveal-left,.reveal-right,
[data-animate],.animated,.intel-bar-row i{
 animation:none !important;
 transition:none !important;
 transform:none !important;
 opacity:1 !important;
 filter:none !important;
}
*{
 scroll-behavior:auto;
}

/* v19.5.4 — dashboard text and content are fully static */

.page-title,
#view-title{
  animation:none!important;
  opacity:1!important;
  transform:none!important;
}
.page-title h1,
#view-title{
  background:none!important;
  background-image:none!important;
  background-size:auto!important;
  background-position:0 0!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
  color:var(--c1-text)!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
  transform:none!important;
}

/* v19.6 role access controls */
body.role-dashboard_only .sidebar,body.role-dashboard_only #sidebar-toggle,body.role-dashboard_only #open-menu,body.role-dashboard_only .mobile-nav{display:none!important}
body.role-dashboard_only .workspace{margin-left:0!important;width:100%!important}
body.role-viewer .free-widget-controls,body.role-dashboard_only .free-widget-controls{display:none!important}
.role-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.role-menu-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(8,20,32,.45)}
.role-menu-card h3{margin:0 0 10px;text-transform:capitalize}
.role-menu-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.role-menu-checks label{display:flex;align-items:center;gap:8px;font-size:13px;text-transform:capitalize}
@media(max-width:800px){.role-menu-grid,.role-menu-checks{grid-template-columns:1fr}}


/* v19.7.0 requested dashboard refinement */
/* Headings always complete and stationary. */
.page-title,.page-title *,#view-title,.panel-head h2,.panel-head h2 *,.overline,.c1-ai{animation-name:none!important;animation-duration:0s!important;transform:none!important;background-position:0 0!important;-webkit-text-fill-color:currentColor!important}
#view-title{background:none!important;color:var(--c1-text)!important;opacity:1!important;filter:none!important;text-shadow:none!important}
/* Restore useful data/widget motion only. */
.c1-panel,.c1-kpi{transition:transform .28s cubic-bezier(.22,.9,.28,1),border-color .28s ease,box-shadow .28s ease!important}
.c1-panel:hover,.c1-kpi:hover{transform:translateY(-2px);border-color:var(--c1-line2)!important}
.c1-kpi .c1-spark-line path{stroke-dasharray:220;stroke-dashoffset:220;animation:c1DataDraw 2.2s cubic-bezier(.22,.9,.28,1) forwards .35s}
@keyframes c1DataDraw{to{stroke-dashoffset:0}}
.live-command-strip span:first-child i,.c1-ai:before,.c1-chip.green:before{animation:c1SignalPulse 2.8s ease-in-out infinite}
@keyframes c1SignalPulse{0%,100%{opacity:.55;transform:scale(.86)}50%{opacity:1;transform:scale(1.12)}}
.c1-progress i{transform-origin:left;animation:c1ProgressIn 1.8s cubic-bezier(.22,.9,.28,1) both}
@keyframes c1ProgressIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.c1-gauge-svg:before,.c1-score>div:before{animation:c1Orbit 24s linear infinite!important}
.c1-feed>div,.c1-alerts>button{animation:c1FeedIn .6s cubic-bezier(.22,.9,.28,1) both}
.c1-feed>div:nth-child(2),.c1-alerts>button:nth-child(2){animation-delay:.08s}.c1-feed>div:nth-child(3),.c1-alerts>button:nth-child(3){animation-delay:.16s}
@keyframes c1FeedIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
/* Ambient background based on the command-centre concept, without heading sheen. */
.ambient{display:block!important;opacity:1!important}
.ambient:after{animation:gridPan 80s linear infinite!important}
.ambient .orb{display:block!important;opacity:.52;animation:ambientDrift 28s ease-in-out infinite alternate!important;will-change:transform}
.ambient .orb.o2{animation-duration:34s!important}.ambient .orb.o3{animation-duration:42s!important}
/* Correct gauge label fit. */
.c1-gauge-svg>div{display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:28px;line-height:1.05}
.c1-gauge-svg b{font-size:25px!important;line-height:1!important}
.c1-gauge-svg small{display:block;max-width:82px;margin-top:5px;font-size:7.5px!important;line-height:1.22!important;letter-spacing:.11em!important;text-align:center;white-space:normal!important}
/* Widget customisation is fully opt-in. */
.free-widget-controls{display:none!important}
body.dashboard-customising .free-widget-controls{display:flex!important;opacity:1!important;transform:none!important}
body.dashboard-customising .free-widget-ready,body.dashboard-customising .dashboard-free-item{outline:1px dashed rgba(255,138,0,.55);outline-offset:3px}
.widget-editor-bar{position:sticky;top:72px;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;margin-bottom:2px;border:1px solid rgba(255,138,0,.35);border-radius:13px;background:rgba(8,19,31,.94);backdrop-filter:blur(18px);box-shadow:0 14px 35px rgba(0,0,0,.28)}
.widget-editor-bar>div:first-child{display:grid;gap:2px}.widget-editor-bar span{color:var(--muted);font-size:11px}.widget-editor-bar>div:last-child{display:flex;gap:8px}
.dashboard-free-item{transition:grid-column .2s ease,height .2s ease,transform .2s ease,opacity .2s ease}
.dashboard-free-item.is-dragging{transition:none!important;opacity:.72;transform:scale(.99);z-index:40}
.dashboard-free-item.is-resizing{transition:none!important}
.settings-grid button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:920px){.widget-editor-bar{position:static;align-items:flex-start;flex-direction:column}.widget-editor-bar>div:last-child{width:100%;flex-wrap:wrap}.widget-editor-bar button{flex:1}.ambient .orb{opacity:.34}}
@media(prefers-reduced-motion:reduce){.ambient:after,.ambient .orb,.c1-panel,.c1-kpi,.c1-kpi .c1-spark-line path,.live-command-strip span:first-child i,.c1-ai:before,.c1-progress i,.c1-gauge-svg:before,.c1-feed>div,.c1-alerts>button{animation:none!important;transition:none!important;transform:none!important}.c1-kpi .c1-spark-line path{stroke-dashoffset:0!important}}
html.reduce-motion .ambient:after,html.reduce-motion .ambient .orb,html.reduce-motion .c1-panel,html.reduce-motion .c1-kpi,html.reduce-motion .c1-kpi .c1-spark-line path,html.reduce-motion .c1-progress i,html.reduce-motion .c1-gauge-svg:before,html.reduce-motion .c1-feed>div{animation:none!important;transition:none!important;transform:none!important}
html.reduce-motion .c1-kpi .c1-spark-line path{stroke-dashoffset:0!important}


/* v19.8.1 dashboard calls, campaign status and weekly schedule */
.calls-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0}
.call-overview-card{min-height:116px;padding:18px;display:flex;flex-direction:column;justify-content:center}
.call-overview-card span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}
.call-overview-card strong{font-family:JetBrains Mono,monospace;font-size:30px;line-height:1.2;margin:7px 0;color:var(--c1-text)}
.call-overview-card small{color:var(--muted)}
.call-overview-card.call-wide{grid-column:1/-1}
.status.stopped{color:#f27878;background:rgba(242,120,120,.12);border-color:rgba(242,120,120,.28)}
.status.limited{color:var(--c1-orange);background:rgba(255,138,0,.13);border-color:rgba(255,138,0,.28)}
.status.upcoming{color:var(--c1-cyan);background:rgba(0,208,255,.10);border-color:rgba(0,208,255,.25)}
.status.scheduled{color:#b07cff;background:rgba(176,124,255,.11);border-color:rgba(176,124,255,.28)}
.status.removed{color:#888;background:rgba(136,136,136,.10);border-color:rgba(136,136,136,.2);text-decoration:line-through}
.sched-cell{color:var(--muted);font-size:.8rem;white-space:nowrap}
.weekly-ad-schedule{margin-bottom:14px}
.weekly-schedule-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;padding-top:4px}
.schedule-day{min-height:112px;border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(8,20,32,.38)}
.schedule-day>b{display:block;margin-bottom:8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.schedule-day>span{display:block;padding:7px 6px;margin-bottom:6px;border-radius:8px;background:rgba(255,255,255,.035);font:10px JetBrains Mono,monospace;overflow:hidden}
.schedule-day>span>i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:#f3b647}.schedule-day>span>i.running{background:#49d69d}
.schedule-day small{display:block;margin-top:3px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:9px Inter,sans-serif}
.schedule-day em{color:var(--muted);font-size:10px;font-style:normal}
@media(max-width:1100px){.calls-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weekly-schedule-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.calls-overview-grid{grid-template-columns:1fr}.weekly-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v19.8.2 compact seven-day Call Centre widget */
.calls-centre-widget{margin:14px 0;padding:16px 18px;overflow:hidden}
.calls-centre-widget .panel-head{margin-bottom:8px}
.calls-centre-loading,.calls-centre-error{min-height:110px;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.calls-centre-error{flex-direction:column;gap:5px}.calls-centre-error small{color:var(--muted)}
.calls-centre-scroll{overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:2px}
.calls-centre-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0;table-layout:fixed}
.calls-centre-table th,.calls-centre-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.055);text-align:center;white-space:nowrap}
.calls-centre-table thead th{padding-top:4px;padding-bottom:11px;color:var(--c1-text);font-weight:600}
.calls-centre-table thead th:first-child{width:136px;text-align:left}
.calls-centre-table thead b{display:block;font-size:11px;letter-spacing:.035em}
.calls-centre-table thead small{display:block;margin-top:3px;color:var(--muted);font:9px JetBrains Mono,monospace}
.calls-centre-table tbody th{text-align:left;color:var(--muted);font-size:11px;font-weight:600}
.calls-centre-table tbody td{font:600 12px JetBrains Mono,monospace;color:var(--c1-text)}
.calls-centre-table tbody tr:last-child th,.calls-centre-table tbody tr:last-child td{border-bottom:0}
.calls-centre-table thead th:nth-child(2),.calls-centre-table tbody td:nth-child(2){background:rgba(73,214,157,.045)}
@media(max-width:650px){.calls-centre-widget{padding:14px}.calls-centre-table{min-width:820px}.calls-centre-table th,.calls-centre-table td{padding:7px 8px}}

/* ── v15 keyframes restored ── */
@keyframes gridDrift{to{background-position:42px 42px}}
@keyframes orbSpin{to{transform:rotate(360deg)}}
@keyframes panelScan{0%,15%{left:-35%}55%,100%{left:110%}}
@keyframes shimmer{0%,75%{transform:translateX(-55%)}100%{transform:translateX(55%)}}
@keyframes signalFlicker{50%{opacity:.28;transform:scaleX(.72)}}
@keyframes skyRotate{to{transform:rotate(360deg)}}
@keyframes sparkDance{50%{transform:scaleY(.65);opacity:.7}}
@keyframes telemetryBounce{0%,100%{transform:scaleY(.45);opacity:.35}50%{transform:scaleY(1);opacity:1}}

/* ── v15 animation rules restored ── */
.kpi:after{content:"";position:absolute;inset:-100% -30%;background:linear-gradient(115deg,transparent 45%,rgba(255,255,255,.04),transparent 55%);animation:shimmer 6s infinite}
.micro-spark i{display:block;width:3px;border-radius:3px;background:currentColor;animation:sparkDance 2.8s ease-in-out infinite}
.pulse-orb.active{background:radial-gradient(circle,#d8ffe6 0 12%,#22c55e 14% 28%,transparent 30%),conic-gradient(from 90deg,#22c55e,#4a9eff,#ff8a00,#22c55e);box-shadow:0 0 30px rgba(34,197,94,.32);animation:orbSpin 7s linear infinite}
body[data-dashboard-theme=neon] .app-bg:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(68,215,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(68,215,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 90%);animation:gridDrift 24s linear infinite}
body[data-dashboard-theme=neon] .app-bg:after{content:"";position:fixed;inset:-40%;pointer-events:none;background:conic-gradient(from 0deg,transparent,rgba(68,215,255,.03),transparent 28%,rgba(156,124,255,.025),transparent 62%);animation:skyRotate 36s linear infinite}
body[data-dashboard-theme=neon] .panel:after{content:"";position:absolute;left:-35%;top:-2px;width:28%;height:1px;background:linear-gradient(90deg,transparent,#fff,var(--blue),transparent);animation:panelScan 5.5s ease-in-out infinite;opacity:.75}
.sci-head i{width:44px;height:2px;background:linear-gradient(90deg,var(--blue),transparent);box-shadow:0 0 8px var(--blue);animation:signalFlicker 2s infinite}
.micro-spark i{animation:telemetryBounce 1.8s ease-in-out infinite;transform-origin:bottom}
body[data-dashboard-theme=quantum] .app-bg:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(74,216,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(74,216,255,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 95%);animation:gridDrift 22s linear infinite}
body[data-dashboard-theme=quantum] .panel:after,body[data-dashboard-theme=quantum] .kpi:after{content:"";position:absolute;top:0;left:-45%;width:35%;height:1px;background:linear-gradient(90deg,transparent,#fff,var(--blue),var(--purple),transparent);animation:panelScan 5.2s ease-in-out infinite;opacity:.8}
body[data-dashboard-theme=spectrum] .app-bg:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,127,199,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,127,199,.05) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 92%);animation:gridDrift 24s linear infinite}
body[data-dashboard-theme=spectrum] .panel:after,body[data-dashboard-theme=spectrum] .kpi:after{content:"";position:absolute;top:0;left:-40%;width:32%;height:2px;background:linear-gradient(90deg,transparent,#00a97a,#007fc7,#7257e8,transparent);animation:panelScan 5.4s ease-in-out infinite;opacity:.7}

/* ── protect performance chart panel from sheen/float overlays ── */
.c1-performance-panel::after{display:none!important;content:none!important}
.c1-performance-panel{animation:none!important}

/* ── Custom range datetime inputs - visible on all themes ── */
#custom-range-bar input[type='datetime-local']{
  height:36px;
  border:1px solid var(--c1-line,rgba(126,168,214,.22));
  border-radius:10px;
  background:var(--c1-glass,rgba(255,255,255,.07));
  color:var(--c1-text,#e8edf3);
  padding:0 10px;
  font-size:13px;
  color-scheme:dark;
  width:186px;
}
#custom-range-bar input[type='datetime-local']:focus{
  outline:none;
  border-color:var(--c1-orange,#fe9811);
}
#custom-range-bar{gap:7px;align-items:center}

/* ── Mobile date chip ── */
#date-chip{display:none;align-items:center;gap:5px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:5px 11px;color:var(--c1-text,#eaf2fb);font-size:12px;font-family:var(--font-body,'Inter',sans-serif);cursor:pointer;white-space:nowrap;flex-shrink:0}
#date-chip svg{opacity:.7}
#date-chip-label{font-weight:500}

/* ── Bottom sheet overlay ── */
#date-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9996;display:none}

/* ── Bottom sheet ── */
#date-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--c1-bg2,#08101c);border-radius:20px 20px 0 0;padding:12px 20px calc(env(safe-area-inset-bottom,0px) + 24px);z-index:9997;display:none;box-shadow:0 -8px 40px rgba(0,0,0,.5)}
.ds-handle{width:36px;height:4px;background:rgba(255,255,255,.15);border-radius:2px;margin:0 auto 14px}
.ds-title{font-size:15px;font-weight:700;color:var(--c1-text,#eaf2fb);margin-bottom:14px;letter-spacing:.2px}
.ds-label{display:block;font-size:10px;font-weight:700;color:var(--c1-dim,#93a9c0);letter-spacing:.8px;text-transform:uppercase;margin-bottom:5px}
.ds-fields{margin-bottom:4px}
.ds-field{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 14px;margin-bottom:10px;color:var(--c1-text,#eaf2fb)}
.ds-field svg{opacity:.45;flex-shrink:0}
.ds-field input[type="date"]{background:transparent;border:none;color:var(--c1-text,#eaf2fb);font-size:14px;flex:1;outline:none;color-scheme:dark;font-family:var(--font-body,'Inter',sans-serif)}
.ds-presets{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}
.ds-presets button{padding:6px 13px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--c1-dim,#93a9c0);font-size:12px;cursor:pointer;font-family:var(--font-body,'Inter',sans-serif);transition:background .15s,border-color .15s,color .15s}
.ds-presets button.ds-active{background:var(--orange,#ff8a00);border-color:var(--orange,#ff8a00);color:#fff;font-weight:600}
.ds-actions{display:flex;gap:10px}
.ds-actions button{flex:1;height:46px;border-radius:12px;font-size:15px;font-weight:600;font-family:var(--font-body,'Inter',sans-serif);cursor:pointer}
#ds-cancel{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:var(--c1-text,#eaf2fb)}

/* ── v19.9.12: brighter KPI text ── */
.c1-kpi span{color:var(--c1-dim,#93a9c0)!important}
.c1-kpi .money-pair small,.c1-kpi>small,.c1-kpi small{color:rgba(234,242,251,.65)!important}
.c1-kpi>div:first-child span{color:rgba(234,242,251,.72)!important}
.c1-kpi strong{color:var(--c1-text,#eaf2fb)!important}

/* ── v19.9.12: hide scrollbars, keep scroll ── */
body,html,.shell,.workspace,.content,#view-root,.c1-kpi-grid,.sidebar{scrollbar-width:none;-ms-overflow-style:none}
body::-webkit-scrollbar,html::-webkit-scrollbar,.shell::-webkit-scrollbar,.workspace::-webkit-scrollbar,.content::-webkit-scrollbar,#view-root::-webkit-scrollbar,.c1-kpi-grid::-webkit-scrollbar,.sidebar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

/* ── v19.9.12b: KPI card text colors — pop ── */
/* Labels: Cabsby orange, warm and branded */
.c1-kpi span,.c1-kpi>div:first-child span{color:rgba(255,138,0,.82)!important;letter-spacing:.13em}
/* Main values: pure bright white */
.c1-kpi strong{color:#ffffff!important;text-shadow:0 0 18px rgba(255,255,255,.25)}
/* Sub-values: soft cyan, readable contrast */
.c1-kpi .money-pair small,.c1-kpi>small,.c1-kpi small{color:rgba(100,210,240,.82)!important}

/* ── v19.9.12c: revert labels/sub-values, main price pure white only ── */
.c1-kpi span,.c1-kpi>div:first-child span{color:var(--c1-dim,#93a9c0)!important;letter-spacing:.12em}
.c1-kpi .money-pair small,.c1-kpi>small,.c1-kpi small{color:rgba(234,242,251,.55)!important}
.c1-kpi strong{color:#ffffff!important;text-shadow:0 0 14px rgba(255,255,255,.2)}

/* ── v19.9.12d: all KPI main values #ffffff — explicit including money-pair b ── */
.c1-kpi strong,
.c1-kpi strong b,
.c1-kpi .money-pair b,
.c1-kpi b{color:#ffffff!important}


/* ─────────────────────────────────────────────
   Operations Log styles
   ───────────────────────────────────────────── */
.ops-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.ops-kpi{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px 18px}
.ops-kpi span{display:block;font-size:11px;letter-spacing:.1em;color:var(--c1-dim,#93a9c0);text-transform:uppercase;margin-bottom:6px}
.ops-kpi b{font-size:22px;font-weight:700;color:var(--c1-text,#eaf2fb)}
.ops-kpi--green b{color:#4ade80}
.ops-kpi--orange b{color:var(--orange,#ff8a00)}
.ops-kpi--red b{color:#f87171}

.ops-panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.ops-search-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ops-search-bar input[type=search],.ops-search-bar input[type=date]{height:36px;padding:0 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--c1-text,#eaf2fb);font-size:13px;font-family:inherit}
.ops-search-bar input[type=search]{min-width:220px}
.ops-search-bar select{height:36px;padding:0 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--c1-text,#eaf2fb);font-size:13px;font-family:inherit}
.ops-btn-group{display:flex;gap:8px;align-items:center;flex-shrink:0}
.ops-btn-group .secondary{height:36px;padding:0 12px;display:flex;align-items:center;gap:5px}
.ops-btn-group .primary{height:36px;padding:0 14px;display:flex;align-items:center;gap:5px}

.ops-table-wrap{overflow-x:auto}
.ops-table{width:100%;border-collapse:collapse;font-size:13px}
.ops-table th{color:var(--c1-dim,#93a9c0);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;white-space:nowrap}
.ops-table td{padding:10px 10px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--c1-text,#eaf2fb);vertical-align:middle}
.ops-table td b{display:block;font-weight:600}
.ops-table td small{display:block;font-size:11px;color:var(--c1-dim,#93a9c0)}
.ops-table tr:hover td{background:rgba(255,255,255,.03)}
.ops-table tr.ops-incomplete td{background:rgba(255,120,0,.05)}
.ops-flag{display:inline-block;background:#ff8a00;color:#000;font-size:9px;font-weight:800;border-radius:50%;width:14px;height:14px;text-align:center;line-height:14px;margin-left:4px;vertical-align:middle}
.ops-row-actions{display:flex;gap:6px;justify-content:flex-end;white-space:nowrap}
.ops-row-actions .secondary{padding:3px 8px;font-size:11px;height:auto}

.ops-status{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ops-status--collected{background:rgba(74,222,128,.15);color:#4ade80}
.ops-status--pending{background:rgba(255,138,0,.15);color:#ff8a00}
.ops-status--partial{background:rgba(251,191,36,.15);color:#fbbf24}

.ops-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 0;font-size:13px;color:var(--c1-dim,#93a9c0)}
.ops-pagination .secondary{padding:6px 14px;font-size:12px}

/* Modal */
.ops-modal{display:flex;flex-direction:column;gap:16px;max-height:80vh;overflow-y:auto;padding-right:0;scrollbar-width:none;-ms-overflow-style:none}.ops-modal::-webkit-scrollbar{display:none}
.ops-modal h2{margin:0;font-size:18px;font-weight:700;color:var(--c1-text,#eaf2fb)}
.ops-modal h3{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--c1-dim,#93a9c0);text-transform:uppercase;letter-spacing:.1em}
.ops-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ops-form-grid .field{display:flex;flex-direction:column;gap:5px}
.ops-form-grid .field.field--full{grid-column:1/-1}
.ops-form-grid label{font-size:11px;color:var(--c1-dim,#93a9c0);font-weight:500;text-transform:uppercase;letter-spacing:.08em}
.ops-form-grid input,.ops-form-grid select,.ops-form-grid textarea{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 10px;color:var(--c1-text,#eaf2fb);font-size:13px;font-family:inherit;width:100%;box-sizing:border-box}
.ops-form-grid textarea{resize:vertical;min-height:72px}
.ops-complete-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c1-text,#eaf2fb);cursor:pointer}
.ops-complete-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--orange,#ff8a00)}

.ops-files-section{border-top:1px solid rgba(255,255,255,.07);padding-top:12px}
.ops-file-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px;color:var(--c1-text,#eaf2fb)}
.ops-file-row i{flex-shrink:0;opacity:.6}
.ops-file-row span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ops-file-row small{color:var(--c1-dim,#93a9c0)}
.ops-file-link{padding:2px 8px;font-size:11px;text-decoration:none}
.ops-del-file-btn{padding:2px 8px;font-size:11px}
.ops-upload-zone{display:flex;align-items:center;gap:8px;padding-top:10px;flex-wrap:wrap}
.ops-upload-zone select{height:34px;padding:0 8px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--c1-text,#eaf2fb);font-size:12px;font-family:inherit}
.ops-upload-zone input[type=file]{font-size:12px;color:var(--c1-dim,#93a9c0);flex:1}
.ops-upload-zone .secondary{padding:5px 12px;font-size:12px;height:auto}
#op-upload-status{font-size:11px;color:var(--c1-dim,#93a9c0)}

.ops-comments-section{border-top:1px solid rgba(255,255,255,.07);padding-top:12px}
.ops-comment{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.ops-comment b{font-size:12px;color:var(--c1-text,#eaf2fb);margin-right:8px}
.ops-comment small{font-size:11px;color:var(--c1-dim,#93a9c0)}
.ops-comment p{margin:4px 0 0;font-size:13px;color:var(--c1-text,#eaf2fb)}
.ops-comment-form{display:flex;gap:8px;padding-top:10px}
.ops-comment-form textarea{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 10px;color:var(--c1-text,#eaf2fb);font-size:13px;font-family:inherit;resize:none}
.ops-comment-form .secondary{height:auto;align-self:flex-start;padding:8px 14px;white-space:nowrap}

.ops-modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px;border-top:1px solid rgba(255,255,255,.07)}
.ops-modal-actions .secondary,.ops-modal-actions .primary{height:40px;padding:0 18px}

@media(max-width:760px){
  .ops-kpi-strip{grid-template-columns:1fr 1fr}
  .ops-search-bar{gap:6px}
  .ops-search-bar input[type=search]{min-width:160px}
  .ops-form-grid{grid-template-columns:1fr}
  .ops-form-grid .field.field--full{grid-column:1}
  .ops-kpi b{font-size:18px}
}

.ops-modal--wide{max-width:700px}
.ops-fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:4px}
.ops-field-toggle{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border,#3a3a4a);border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .15s}
.ops-field-toggle:hover{background:var(--surface2,rgba(255,255,255,.05))}
.ops-field-toggle input{margin:0;flex-shrink:0}
.ops-field-core{opacity:.6;cursor:not-allowed}
.ops-field-core input{cursor:not-allowed}

/* Settings layout */
.settings-layout{display:flex;gap:20px;align-items:flex-start}
.settings-nav{display:flex;flex-direction:column;gap:4px;min-width:180px;position:sticky;top:20px}
.settings-nav-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;border-radius:8px;background:transparent;color:var(--text,#e0e0e0);cursor:pointer;font-size:.9rem;text-align:left;transition:background .15s,color .15s}
.settings-nav-btn:hover{background:var(--surface2,rgba(255,255,255,.07))}
.settings-nav-btn.active{background:var(--accent-dim,rgba(255,138,0,.15));color:var(--accent,#ff8a00);font-weight:600}
.settings-nav-btn i{width:16px;height:16px;flex-shrink:0}
.settings-content{flex:1;min-width:0}
.ops-fields-panel .ops-fields-grid{margin-top:12px}
@media(max-width:640px){.settings-layout{flex-direction:column}.settings-nav{flex-direction:row;flex-wrap:wrap;min-width:0;position:static}.settings-nav-btn span{display:none}}

/* Ops field list (drag-drop) */
.ops-fields-list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.ops-field-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border,#3a3a4a);border-radius:6px;cursor:default;transition:background .15s,opacity .15s;user-select:none}
.ops-field-row:hover{background:var(--surface2,rgba(255,255,255,.05))}
.ops-field-row.dragging{opacity:.4}
.ops-field-row.drag-over{border-color:var(--accent,#ff8a00);background:var(--accent-dim,rgba(255,138,0,.08))}
.ops-drag-handle{cursor:grab;font-size:18px;color:var(--dim,#666);flex-shrink:0;line-height:1}
.ops-drag-handle:active{cursor:grabbing}
.ops-field-label{flex:1;font-size:.88rem}
.ops-field-badge{font-size:.72rem;padding:2px 7px;border-radius:10px;background:var(--surface2,rgba(255,255,255,.07));color:var(--dim,#888);flex-shrink:0}
.ops-field-badge.badge-core{background:rgba(80,160,255,.15);color:#5bb0ff}
.ops-field-badge.badge-custom{background:rgba(100,220,120,.15);color:#6fdb7a}
.ops-field-del-btn{background:none;border:none;color:var(--dim,#888);cursor:pointer;font-size:18px;line-height:1;padding:0 2px;flex-shrink:0}
.ops-field-del-btn:hover{color:var(--danger,#ff5555)}
.ops-add-field-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px}
.ops-add-field-row input,.ops-add-field-row select{height:36px}

/* ── v1997 Daylight theme fixes: icon centering + component contrast ── */

/* Modal card: hardcoded dark background -> white in light mode */
html[data-theme=light] .modal-card{background:#fff!important;box-shadow:0 20px 60px rgba(0,0,0,.16)!important}

/* Ops form inputs: dark rgba -> light in daylight */
html[data-theme=light] .ops-form-grid input,
html[data-theme=light] .ops-form-grid select,
html[data-theme=light] .ops-form-grid textarea{background:rgba(0,0,0,.04)!important;border-color:rgba(0,0,0,.13)!important;color:var(--text)!important}
html[data-theme=light] .ops-upload-zone select{background:rgba(0,0,0,.04)!important;border-color:rgba(0,0,0,.13)!important;color:var(--text)!important}
html[data-theme=light] .ops-upload-zone input[type=file]{color:var(--muted)!important}
html[data-theme=light] .ops-comment-form textarea{background:rgba(0,0,0,.04)!important;border-color:rgba(0,0,0,.13)!important;color:var(--text)!important}

/* Ops modal text: light fallbacks -> dark in daylight */
html[data-theme=light] .ops-modal h2{color:var(--text)!important}
html[data-theme=light] .ops-modal h3{color:var(--muted)!important}
html[data-theme=light] .ops-complete-label{color:var(--text)!important}
html[data-theme=light] .ops-file-row{color:var(--text)!important;border-color:rgba(0,0,0,.07)!important}
html[data-theme=light] .ops-files-section{border-color:rgba(0,0,0,.08)!important}
html[data-theme=light] .ops-comment b,html[data-theme=light] .ops-comment p{color:var(--text)!important}
html[data-theme=light] .ops-comment{border-color:rgba(0,0,0,.07)!important}
html[data-theme=light] .ops-comments-section{border-color:rgba(0,0,0,.08)!important}
html[data-theme=light] .ops-modal-actions{border-color:rgba(0,0,0,.08)!important}
html[data-theme=light] #op-upload-status{color:var(--muted)!important}

/* Schedule day: hardcoded dark background -> light */
html[data-theme=light] .schedule-day{background:rgba(0,0,0,.03)!important;border-color:rgba(0,0,0,.1)!important}
html[data-theme=light] .schedule-day>b{color:var(--text)!important}
html[data-theme=light] .schedule-day>span{background:rgba(0,0,0,.04)!important;color:var(--text)!important}
html[data-theme=light] .schedule-day>em{color:var(--muted)!important}

/* Settings sidebar nav: light fallback color -> dark in daylight */
html[data-theme=light] .settings-nav-btn{color:var(--text)!important}
html[data-theme=light] .settings-nav-btn:hover{background:rgba(0,0,0,.05)!important}
html[data-theme=light] .settings-nav-btn.active{background:rgba(255,138,0,.1)!important;color:#c96400!important}

/* Ops field drag list: dark border/bg fallbacks -> light */
html[data-theme=light] .ops-field-row{border-color:rgba(0,0,0,.11)!important}
html[data-theme=light] .ops-field-row:hover{background:rgba(0,0,0,.03)!important}
html[data-theme=light] .ops-field-badge{background:rgba(0,0,0,.06)!important;color:var(--muted)!important}
html[data-theme=light] .ops-field-badge.badge-core{background:rgba(14,125,216,.12)!important;color:#0e7dd8!important}
html[data-theme=light] .ops-field-badge.badge-custom{background:rgba(10,158,99,.12)!important;color:#0a9e63!important}
html[data-theme=light] .ops-drag-handle{color:var(--muted)!important}
html[data-theme=light] .ops-field-del-btn{color:var(--muted)!important}
html[data-theme=light] .ops-field-del-btn:hover{color:#d5333b!important}

/* Ops field toggle (Settings > Ops section): dark fallbacks */
html[data-theme=light] .ops-field-toggle{border-color:rgba(0,0,0,.11)!important;color:var(--text)!important}
html[data-theme=light] .ops-field-toggle:hover{background:rgba(0,0,0,.03)!important}
@media(max-width:760px){.c1-performance-panel .panel-head,.c1-pacing-panel .panel-head,.c1-panel .panel-head{flex-wrap:wrap;gap:8px}.c1-performance-panel .panel-head .c1-tabs,.c1-panel .panel-head .c1-tabs{width:100%;justify-content:flex-end}}

/* Phase-1 click fraud blocklist */
.c1-block-btn{border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;padding:3px 10px;letter-spacing:.04em;transition:background .15s,opacity .15s;margin-left:auto;flex-shrink:0;line-height:1.4}
.c1-block-btn.c1-block{background:rgba(255,80,80,.15);color:#ff5050;border:1px solid rgba(255,80,80,.3)}
.c1-block-btn.c1-block:hover{background:rgba(255,80,80,.28)}
.c1-block-btn.c1-unblock{background:rgba(68,215,255,.12);color:var(--c1-accent,#44d7ff);border:1px solid rgba(68,215,255,.25)}
.c1-block-btn.c1-unblock:hover{background:rgba(68,215,255,.22)}
.c1-block-btn:disabled{opacity:.45;cursor:not-allowed}
.c1-chip.red{background:rgba(255,80,80,.18);color:#ff5050;border:1px solid rgba(255,80,80,.3)}
.c1-row-dim{opacity:.5}
.command-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow:hidden}

@media(max-width:760px){
  .intel-status-stack{grid-template-columns:1fr!important}
  .intel-hero{grid-template-columns:repeat(2,1fr)!important}
  .intel-radar-head{overflow:visible}
  #gads-sync-btn{font-size:10px;padding:3px 8px}
}

.shield-toggle{border:none;border-radius:20px;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:1px;padding:6px 18px;transition:all .2s;min-width:52px}
.shield-toggle.on{background:rgba(53,243,161,.18);color:#35f3a1;border:1px solid rgba(53,243,161,.35)}
.shield-toggle.off{background:rgba(255,255,255,.06);color:var(--muted);border:1px solid var(--line)}
.shield-toggle:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:760px){#intel-protection .panel-head+div{grid-template-columns:1fr!important}}

/* Mobile command-row fixes */
@media(max-width:760px){
  .command-row .c1-block-btn{font-size:9px;padding:2px 6px;flex-shrink:0}
  .command-row strong{font-size:10px;white-space:nowrap;flex-shrink:0}
  #gen-claim-btn{white-space:nowrap;font-size:9px;padding:3px 7px}
}
/* Prevent generate claim button from wrapping on desktop too */
#gen-claim-btn{white-space:nowrap}

/* ── Sync Health Bar ─────────────────────────────────────────────────────────── */
.sync-health-bar{display:flex;align-items:center;gap:10px;padding:6px 14px;border-radius:8px;font-size:12px;margin-bottom:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);flex-wrap:wrap;transition:background .3s,border-color .3s}
.sync-health-bar.sh-overdue{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.35)}
.sync-health-bar.sh-warning{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.3)}
.sh-label{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--muted);text-transform:uppercase;white-space:nowrap}
.sh-pill{display:flex;align-items:center;gap:5px;padding:2px 0}
.sh-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.sh-pill b{font-size:12px;font-weight:600;color:var(--text)}
.sh-ago{font-size:11px;color:var(--muted)}
.sh-err{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#ef4444;color:#fff;font-size:9px;font-weight:800;cursor:help;flex-shrink:0}
.sh-sep{color:var(--line);padding:0 2px}
