/* Build 050 - CSorro OS Theme Engine + Focus Mode
   Curated themes only. Layout stays consistent; colours and density adapt calmly. */
:root{
  --cs-bg:#070b10;
  --cs-bg-2:#0d131a;
  --cs-surface:#111821;
  --cs-surface-2:rgba(255,255,255,.045);
  --cs-card:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.026));
  --cs-card-solid:#111821;
  --cs-border:rgba(255,255,255,.115);
  --cs-border-soft:rgba(255,255,255,.075);
  --cs-text:#f8fafc;
  --cs-muted:#c9d2df;
  --cs-subtle:#8f9bab;
  --cs-accent:#ffb000;
  --cs-accent-2:#ff6b00;
  --cs-accent-soft:rgba(255,176,0,.14);
  --cs-success:#35c759;
  --cs-warning:#ffb000;
  --cs-danger:#ff5b52;
  --cs-radius:22px;
  --cs-shadow:0 30px 90px rgba(0,0,0,.24);
}
body[data-theme="midnight"]{--cs-bg:#070b10;--cs-bg-2:#0d131a;--cs-surface:#111821;--cs-card-solid:#111821;--cs-text:#f8fafc;--cs-muted:#c9d2df;--cs-subtle:#8f9bab;--cs-border:rgba(255,255,255,.115);--cs-border-soft:rgba(255,255,255,.075)}
body[data-theme="daylight"]{--cs-bg:#f5f7fb;--cs-bg-2:#ffffff;--cs-surface:#ffffff;--cs-card:linear-gradient(180deg,#ffffff,#f8fafc);--cs-card-solid:#ffffff;--cs-border:rgba(15,23,42,.11);--cs-border-soft:rgba(15,23,42,.075);--cs-text:#172033;--cs-muted:#4b5870;--cs-subtle:#718096;--cs-shadow:0 24px 70px rgba(15,23,42,.10)}
body[data-theme="ocean"]{--cs-bg:#eef7fb;--cs-bg-2:#f8fdff;--cs-surface:#ffffff;--cs-card:linear-gradient(180deg,#ffffff,#f2f9fd);--cs-card-solid:#ffffff;--cs-border:rgba(18,78,112,.13);--cs-border-soft:rgba(18,78,112,.08);--cs-text:#102638;--cs-muted:#426174;--cs-subtle:#6a8797;--cs-shadow:0 24px 70px rgba(22,85,120,.10)}
body[data-theme="slate"]{--cs-bg:#0f172a;--cs-bg-2:#111827;--cs-surface:#172033;--cs-card:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));--cs-card-solid:#172033;--cs-border:rgba(226,232,240,.12);--cs-border-soft:rgba(226,232,240,.08);--cs-text:#f8fafc;--cs-muted:#cbd5e1;--cs-subtle:#94a3b8;--cs-shadow:0 30px 90px rgba(0,0,0,.30)}
body[data-accent="amber"]{--cs-accent:#ffb000;--cs-accent-2:#ff6b00;--cs-accent-soft:rgba(255,176,0,.15)}
body[data-accent="blue"]{--cs-accent:#3b82f6;--cs-accent-2:#06b6d4;--cs-accent-soft:rgba(59,130,246,.14)}
body[data-accent="green"]{--cs-accent:#22c55e;--cs-accent-2:#14b8a6;--cs-accent-soft:rgba(34,197,94,.14)}
body[data-accent="purple"]{--cs-accent:#a855f7;--cs-accent-2:#ec4899;--cs-accent-soft:rgba(168,85,247,.15)}
body[data-accent="red"]{--cs-accent:#ef4444;--cs-accent-2:#f97316;--cs-accent-soft:rgba(239,68,68,.14)}
body{background:var(--cs-bg)!important;color:var(--cs-text)!important;transition:background .18s ease,color .18s ease}.app{background:radial-gradient(circle at 80% 0,var(--cs-accent-soft),transparent 36rem),var(--cs-bg)!important}.sidebar{background:linear-gradient(180deg,var(--cs-bg-2),var(--cs-bg))!important;border-color:var(--cs-border)!important}.main{color:var(--cs-text)!important}.brand,.nav a,.switch-card{color:var(--cs-text)!important}.brand span,.eyebrow,.section-head a,.nav a.active,.nav a.active i,.mini-label,.lane h3,.core-strip b,.core-mini b{color:var(--cs-accent)!important}.nav a.active{background:linear-gradient(90deg,var(--cs-accent-soft),transparent)!important;box-shadow:inset 4px 0 var(--cs-accent)!important}.workspace-mini-switcher,.search,.circle,.core-mini,.os-card,.glance-card,.workspace-card,.upcoming,.core-card,.list-row,.lane,.task,.task-card,.task-card-v41,.room-list,.chat-card,.whiteboard-shell,.mail-shell,.project-status,.switch-card,.today-card,.activity-card,.metric-v35,.right-rail-v35 .os-card,.asset-card-v40,.approval-card-v40,.timeline-item-v40{border-color:var(--cs-border)!important;background:var(--cs-card)!important;box-shadow:var(--cs-shadow)}.task,.task-card,.task-card-v41,.message,#board,input,textarea,select{background:var(--cs-card-solid)!important;color:var(--cs-text)!important;border-color:var(--cs-border)!important}.search,.page-title p,.page-hero p,.hero p,.os-card p,.glance-card p,.workspace-card p,.project-hero p,.project-title-block #projectIntro,.muted,.list-row span,.list-row p,.room small,.message small{color:var(--cs-muted)!important}.mini-label,.icon-chip{background:var(--cs-accent-soft)!important;color:var(--cs-accent)!important}.btn,.actions button:first-child,.project-tabs button.active,.project-tabs-v35 button.active,.tool.active,.chip-btn.active,.bar i,.core-input button{background:linear-gradient(135deg,var(--cs-accent),var(--cs-accent-2))!important;color:#111!important;border-color:transparent!important}.btn-secondary,.actions a,.actions button:not(:first-child),.project-tabs button,.project-tabs-v35 button,.tool,.chip-btn{background:var(--cs-surface-2)!important;color:var(--cs-text)!important;border-color:var(--cs-border)!important}.core-orb,.core-orb.small{background:radial-gradient(circle,var(--cs-accent) 18%,var(--cs-accent-soft) 48%,transparent 72%)!important;box-shadow:0 0 42px color-mix(in srgb,var(--cs-accent) 45%,transparent)!important}.circle:after{background:var(--cs-accent)!important;box-shadow:0 0 18px var(--cs-accent)!important}.avatar{background:linear-gradient(135deg,var(--cs-accent),var(--cs-accent-2))!important;color:#111!important}.appearance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.appearance-option{min-height:92px;border:1px solid var(--cs-border);background:var(--cs-card);color:var(--cs-text);border-radius:18px;padding:14px;text-align:left;cursor:pointer;font-weight:900}.appearance-option small{display:block;margin-top:7px;color:var(--cs-muted);font-weight:700}.appearance-option.active{outline:2px solid var(--cs-accent);border-color:transparent}.accent-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.accent-dot{width:42px;height:42px;border-radius:50%;border:2px solid var(--cs-border);cursor:pointer}.accent-dot.active{outline:3px solid var(--cs-text);outline-offset:3px}.accent-dot[data-accent-choice="amber"]{background:linear-gradient(135deg,#ffb000,#ff6b00)}.accent-dot[data-accent-choice="blue"]{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.accent-dot[data-accent-choice="green"]{background:linear-gradient(135deg,#22c55e,#14b8a6)}.accent-dot[data-accent-choice="purple"]{background:linear-gradient(135deg,#a855f7,#ec4899)}.accent-dot[data-accent-choice="red"]{background:linear-gradient(135deg,#ef4444,#f97316)}.focus-toggle-card{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid var(--cs-border-soft);padding-top:18px;margin-top:18px}.focus-toggle-card button{min-width:132px}.theme-note{margin-top:12px;color:var(--cs-muted);font-size:14px;line-height:1.45}body[data-density="compact"] .os-card,body[data-density="compact"] .glance-card,body[data-density="compact"] .workspace-card{padding:16px!important;border-radius:18px!important}body[data-density="compact"] .nav a{height:46px!important}body[data-density="compact"] .topbar{margin-bottom:24px!important}body[data-focus="on"] .app{grid-template-columns:92px minmax(0,1fr)!important}body[data-focus="on"] .sidebar{width:92px!important;padding:24px 12px!important;align-items:center!important}body[data-focus="on"] .brand img{width:58px!important;height:58px!important}body[data-focus="on"] .brand strong,body[data-focus="on"] .brand span,body[data-focus="on"] .nav span,body[data-focus="on"] .workspace-mini-switcher,body[data-focus="on"] .core-mini div{display:none!important}body[data-focus="on"] .nav a{width:58px!important;height:54px!important;padding:0!important;justify-content:center!important}body[data-focus="on"] .core-mini{width:58px!important;height:58px!important;padding:0!important;justify-content:center!important}body[data-focus="on"] .core-orb.small{width:40px!important;height:40px!important;flex-basis:40px!important}body[data-focus="on"] .right-rail-v35,body[data-focus="on"] .quick-actions-v35,body[data-focus="on"] .upcoming-card,body[data-focus="on"] .activity-card:not(.focus-keep){display:none!important}body[data-focus="on"] .overview-layout-v35{grid-template-columns:minmax(0,1fr)!important}body[data-focus="on"] .project-team-card{display:none!important}body[data-theme="daylight"] .circle:before,body[data-theme="ocean"] .circle:before{background:#172033!important}body[data-theme="daylight"] .nav-icon:before,body[data-theme="ocean"] .nav-icon:before{background:currentColor!important}body[data-theme="daylight"] .sidebar,body[data-theme="ocean"] .sidebar{box-shadow:10px 0 40px rgba(15,23,42,.05)}
@media(max-width:960px){.appearance-grid{grid-template-columns:1fr 1fr}body[data-focus="on"] .app{grid-template-columns:1fr!important}body[data-focus="on"] .sidebar{display:none!important}}
