/* CHAMP OS 6.0 — focus-first interface */
:root{--cos-black:#050505;--cos-panel:#0b0b0c;--cos-line:rgba(255,255,255,.12);--cos-muted:#8d8d91;--cos-gold:#f2c64d;--cos-white:#f5f3ed;--cos-danger:#ff6b61}
html{background:var(--cos-black)}body{background:var(--cos-black);color:var(--cos-white)}
body .app{background:radial-gradient(circle at 65% -20%,rgba(242,198,77,.075),transparent 32%),#050505}
.sidebar{width:76px!important;background:#070707!important;border-right:1px solid var(--cos-line)!important;padding:18px 10px!important}
.sidebar .brand-copy,.sidebar .section-label,.sidebar .sync-card,.sidebar .nav button span:not(.icon){display:none!important}
.sidebar .brand{justify-content:center!important;padding:0!important}.sidebar .brand img,.sidebar .brand-mark{width:42px!important;height:42px!important}
.sidebar .nav{gap:7px!important}.sidebar .nav button{display:none!important;width:54px!important;height:48px!important;padding:0!important;justify-content:center!important;border-radius:10px!important}.sidebar .nav button.cos-visible{display:flex!important}.sidebar .nav .icon{margin:0!important}
.content{margin-left:76px!important;max-width:none!important}.topbar{min-height:68px!important;border-bottom:1px solid var(--cos-line)!important;background:rgba(5,5,5,.88)!important;backdrop-filter:blur(18px);padding:10px clamp(18px,3vw,44px)!important;position:sticky!important;top:0;z-index:40}
.topbar .crumbs,.topbar .crm-context-copy{display:none!important}.topbar .crm-context{width:100%;display:flex!important;align-items:center!important;justify-content:space-between!important}
.cos-mode-host{display:flex;align-items:center}.cos-mode-switch{display:flex;border:1px solid var(--cos-line);padding:3px;border-radius:999px;background:#080808}.cos-mode-switch button{border:0;background:transparent;color:#69696d;padding:8px 16px;border-radius:999px;font:700 10px/1 system-ui;letter-spacing:.16em;cursor:pointer}.cos-mode-switch button.active{background:var(--cos-white);color:#050505}
.workspace{padding:0 clamp(22px,4vw,64px) 90px!important;max-width:1680px;margin:0 auto;width:100%}.cos-shell{max-width:1500px;margin:0 auto;padding:40px 0 70px}.cos-head{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid var(--cos-line)}.cos-head span,.cos-zero>span,.cos-date-title>span{color:var(--cos-gold);font:700 10px/1.2 system-ui;letter-spacing:.22em}.cos-head h1{margin:8px 0 0;font:600 clamp(34px,5vw,64px)/.95 system-ui;letter-spacing:-.055em}.cos-head>button,.cos-list-head button{border:1px solid var(--cos-line);background:transparent;color:var(--cos-white);min-width:46px;height:46px;padding:0 15px;border-radius:999px;cursor:pointer;font-weight:700}.cos-head>button:hover,.cos-list-head button:hover{border-color:var(--cos-gold);color:var(--cos-gold)}
.cos-tabs{display:flex;gap:26px;border-bottom:1px solid var(--cos-line);overflow:auto;scrollbar-width:none}.cos-tabs::-webkit-scrollbar{display:none}.cos-tabs button{position:relative;border:0;background:transparent;color:#6f6f73;padding:18px 0 17px;white-space:nowrap;font:700 11px/1 system-ui;letter-spacing:.08em;cursor:pointer}.cos-tabs button.active{color:var(--cos-white)}.cos-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--cos-gold)}.cos-shell>main{padding-top:34px}
.cos-focus{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:560px;border-bottom:1px solid var(--cos-line)}.cos-focus-main{padding:10px clamp(0px,3vw,46px) 42px 0;border-right:1px solid var(--cos-line);display:flex;flex-direction:column}.cos-focus-main>header{display:flex;justify-content:space-between;align-items:center;color:var(--cos-muted);font:700 10px/1 system-ui;letter-spacing:.17em}.cos-pager{display:flex;gap:6px}.cos-pager button{width:38px;height:38px;border:1px solid var(--cos-line);border-radius:50%;background:transparent;color:var(--cos-white);cursor:pointer}.cos-pager button:hover{border-color:var(--cos-gold)}
.cos-orbit{display:flex;align-items:center;gap:30px;margin:auto 0;padding:60px 0}.cos-orbit>i{width:118px;height:118px;flex:0 0 118px;border:1px solid rgba(242,198,77,.5);border-radius:50%;display:grid;place-items:center;color:var(--cos-gold);font:600 34px/1 system-ui;font-style:normal;box-shadow:0 0 0 18px rgba(242,198,77,.025),0 0 70px rgba(242,198,77,.08)}.cos-orbit.artist>i{border-radius:28px}.cos-orbit small{color:var(--cos-gold);text-transform:uppercase;letter-spacing:.18em;font-weight:700}.cos-orbit h2{font:600 clamp(40px,6vw,82px)/.9 system-ui;letter-spacing:-.065em;margin:10px 0 18px}.cos-orbit p{color:#b8b8ba;max-width:650px;font-size:18px;line-height:1.5;margin:0}
.cos-rail{display:grid;grid-template-columns:repeat(5,1fr);margin:0 0 38px}.cos-rail span{position:relative;padding-top:18px;color:#5e5e61;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.cos-rail span:before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:#262629}.cos-rail i{position:absolute;top:1px;left:0;width:9px;height:9px;border-radius:50%;background:#29292c;z-index:1}.cos-rail .done{color:#b9b9b9}.cos-rail .done:before,.cos-rail .done i{background:var(--cos-gold)}
.cos-command{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.cos-command button,.cos-command a,.cos-primary{height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border:1px solid var(--cos-line);background:transparent;color:var(--cos-white);text-decoration:none;font:700 11px/1 system-ui;letter-spacing:.05em;cursor:pointer;border-radius:3px}.cos-command .cos-primary,.cos-primary{background:var(--cos-gold);border-color:var(--cos-gold);color:#080808}.cos-telemetry{padding:10px 0 42px 34px}.cos-telemetry div{padding:18px 0;border-bottom:1px solid var(--cos-line)}.cos-telemetry span{display:block;color:#77777a;font-size:10px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:7px}.cos-telemetry b{font-size:14px;line-height:1.4;font-weight:600}
.cos-zero{padding:100px 0;max-width:720px}.cos-zero h2{font:600 clamp(38px,6vw,72px)/1 system-ui;letter-spacing:-.055em;margin:14px 0}.cos-zero p{color:#9a9a9d;font-size:18px;line-height:1.6}.cos-zero .cos-primary{margin-top:20px}
.cos-search{height:56px;border-bottom:1px solid var(--cos-line);display:flex;align-items:center;gap:14px}.cos-search span{font-size:24px;color:var(--cos-muted)}.cos-search input{flex:1;border:0!important;background:transparent!important;color:var(--cos-white)!important;font-size:17px!important;outline:0!important;box-shadow:none!important}.cos-list-head{display:flex;align-items:center;justify-content:space-between;padding:28px 0 12px;color:var(--cos-muted);font-size:12px}.cos-list-head>span{color:var(--cos-muted)}.cos-lines{border-top:1px solid var(--cos-line)}.cos-row{width:100%;display:grid;grid-template-columns:48px minmax(170px,1.4fr) minmax(100px,.7fr) minmax(130px,.8fr) 28px;align-items:center;gap:16px;padding:16px 4px;border:0;border-bottom:1px solid var(--cos-line);background:transparent;color:var(--cos-white);text-align:left;cursor:pointer}.cos-row:hover{background:rgba(255,255,255,.025)}.cos-row>i{width:42px;height:42px;border:1px solid #353538;border-radius:50%;display:grid;place-items:center;color:var(--cos-gold);font:700 12px/1 system-ui;font-style:normal}.cos-row.client>i{border-radius:12px}.cos-row span b,.cos-row span small{display:block}.cos-row span b{font-size:15px}.cos-row span small{color:var(--cos-muted);font-size:11px;margin-top:4px}.cos-row em{font-style:normal;color:#b8b8ba;font-size:12px}.cos-row strong{font-size:12px;font-weight:600;color:#8c8c90}.cos-row strong.late,.cos-timeline .late{color:var(--cos-danger)}.cos-row u{text-decoration:none;color:var(--cos-muted);font-size:18px}.cos-empty{color:var(--cos-muted);padding:40px 0}
.cos-portals{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--cos-line);border-bottom:1px solid var(--cos-line)}.cos-portals button{min-height:185px;border:0;border-right:1px solid var(--cos-line);background:transparent;color:var(--cos-white);padding:24px;text-align:left;cursor:pointer;display:grid;grid-template-columns:1fr auto;align-content:space-between}.cos-portals button:last-child{border-right:0}.cos-portals button span{color:var(--cos-gold);font-size:10px;letter-spacing:.16em}.cos-portals button b{grid-column:1/-1;font-size:23px;letter-spacing:-.03em}.cos-portals button small{color:var(--cos-muted);line-height:1.4}.cos-portals button i{font-style:normal;font-size:22px}.cos-portals button:hover{background:rgba(242,198,77,.035)}
.cos-date-title{padding:20px 0 35px}.cos-date-title h2{font:600 clamp(35px,5vw,60px)/1 system-ui;letter-spacing:-.05em;margin:10px 0}.cos-timeline{border-top:1px solid var(--cos-line)}.cos-timeline button{width:100%;display:grid;grid-template-columns:150px 18px minmax(200px,1fr) 120px;gap:15px;align-items:center;border:0;border-bottom:1px solid var(--cos-line);background:transparent;color:var(--cos-white);padding:18px 2px;text-align:left;cursor:pointer}.cos-timeline time{color:var(--cos-muted);font-size:12px}.cos-timeline button>i{width:8px;height:8px;border:1px solid var(--cos-gold);border-radius:50%}.cos-timeline span b,.cos-timeline span small{display:block}.cos-timeline span small{color:var(--cos-muted);margin-top:5px}.cos-timeline em{text-align:right;font-size:11px;font-style:normal;color:#89898c;text-transform:uppercase}
.cos-metrics{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--cos-line)}.cos-metrics>div{min-height:220px;border-right:1px solid var(--cos-line);border-bottom:1px solid var(--cos-line);padding:28px 0 28px 28px;display:flex;flex-direction:column}.cos-metrics>div:nth-child(odd){padding-left:0}.cos-metrics span{color:var(--cos-muted);font-size:11px;text-transform:uppercase;letter-spacing:.14em}.cos-metrics b{font:600 clamp(44px,7vw,90px)/1 system-ui;letter-spacing:-.065em;margin:auto 0}.cos-metrics small{color:#77777a}.cos-metrics .gold b{color:var(--cos-gold)}.cos-metrics .danger b{color:var(--cos-danger)}
.cos-projects{border-top:1px solid var(--cos-line)}.cos-projects button{width:100%;display:grid;grid-template-columns:90px 1fr 1.3fr 25px;align-items:center;gap:20px;padding:20px 2px;border:0;border-bottom:1px solid var(--cos-line);background:transparent;color:var(--cos-white);text-align:left;cursor:pointer}.cos-projects span{color:var(--cos-gold);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.cos-projects b{font-size:16px}.cos-projects small{color:var(--cos-muted)}.cos-projects i{font-style:normal}
/* Existing client workspaces become continuous, not a wall of cards. */
body[data-champ-mode="artist"] #view-clientDetail .ca-card,body[data-champ-mode="artist"] #view-clientDetail .card,body[data-champ-mode="artist"] #view-pathDetail .card,body[data-champ-mode="artist"] #view-sessionDetail .card,body[data-champ-mode="artist"] #view-mixDetail .card{background:transparent!important;border:0!important;border-top:1px solid var(--cos-line)!important;border-radius:0!important;box-shadow:none!important}
body[data-champ-mode="artist"] .page-head{padding-top:32px!important;border-bottom:1px solid var(--cos-line);padding-bottom:25px!important}body[data-champ-mode="artist"] .page-head h1{font-size:clamp(38px,6vw,72px)!important;letter-spacing:-.055em!important}body[data-champ-mode="artist"] .kpi,body[data-champ-mode="artist"] .ca-kpi{border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--cos-line)!important}
.mobile-app-nav{display:none}
@media(max-width:760px){
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.sidebar{display:none!important}.content{margin-left:0!important}.topbar{min-height:58px!important;padding:8px 14px!important}.topbar .topbar-actions{display:none!important}.cos-mode-switch button{padding:8px 12px;font-size:9px}.workspace{padding:0 15px 35px!important;overflow:hidden}.cos-shell{padding:24px 0 35px}.cos-head{padding-bottom:20px}.cos-head h1{font-size:39px}.cos-tabs{gap:22px;margin:0 -15px;padding:0 15px}.cos-shell>main{padding-top:22px}
  .cos-focus{display:block;min-height:0;border:0}.cos-focus-main{border-right:0;padding:4px 0 28px}.cos-focus-main>header{font-size:9px}.cos-pager button{width:34px;height:34px}.cos-orbit{gap:18px;padding:42px 0 36px}.cos-orbit>i{width:72px;height:72px;flex-basis:72px;border-radius:50%;font-size:22px;box-shadow:0 0 0 10px rgba(242,198,77,.025)}.cos-orbit.artist>i{border-radius:19px}.cos-orbit h2{font-size:42px;margin:7px 0 10px}.cos-orbit p{font-size:14px;line-height:1.45}.cos-orbit small{font-size:9px}.cos-rail{margin-bottom:25px;overflow:hidden}.cos-rail span{font-size:7px;letter-spacing:0;padding-right:2px}.cos-command{display:grid;grid-template-columns:1fr 1fr}.cos-command .cos-primary{grid-column:1/-1}.cos-command button,.cos-command a{height:48px;padding:0 10px}.cos-telemetry{padding:6px 0 15px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--cos-line)}.cos-telemetry div{padding:15px 10px 15px 0}.cos-telemetry div:nth-child(odd){border-right:1px solid var(--cos-line)}.cos-telemetry div:nth-child(even){padding-left:12px}.cos-telemetry b{font-size:12px}
  .cos-row{grid-template-columns:42px minmax(0,1fr) 18px;gap:12px;padding:14px 0}.cos-row>i{width:38px;height:38px}.cos-row>em,.cos-row>strong{display:none}.cos-row span{min-width:0}.cos-row span b,.cos-row span small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cos-list-head{padding-top:20px}.cos-portals{grid-template-columns:1fr}.cos-portals button{min-height:105px;border-right:0;border-bottom:1px solid var(--cos-line);padding:17px 2px}.cos-portals button:last-child{border-bottom:0}.cos-portals button b{font-size:20px}.cos-date-title h2{font-size:39px}.cos-timeline button{grid-template-columns:90px 12px minmax(0,1fr);gap:10px;padding:15px 0}.cos-timeline em{display:none}.cos-timeline span{min-width:0}.cos-timeline span b,.cos-timeline span small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cos-metrics{grid-template-columns:1fr}.cos-metrics>div,.cos-metrics>div:nth-child(odd){min-height:155px;border-right:0;padding:22px 0}.cos-metrics b{font-size:58px}.cos-projects button{grid-template-columns:60px minmax(0,1fr) 18px;gap:10px}.cos-projects button small{grid-column:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cos-projects button i{grid-column:3;grid-row:1/3}
  .mobile-app-nav{display:grid!important;position:fixed;z-index:1000;left:0;right:0;bottom:0;grid-template-columns:repeat(5,1fr);height:calc(62px + env(safe-area-inset-bottom));padding:5px 5px env(safe-area-inset-bottom);background:rgba(7,7,7,.96);border-top:1px solid var(--cos-line);backdrop-filter:blur(18px)}.mobile-app-nav button{border:0;background:transparent;color:#6f6f73;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:700 8px/1 system-ui;text-transform:uppercase;letter-spacing:.04em}.mobile-app-nav button i{font:normal 18px/1 system-ui}.mobile-app-nav button.active{color:var(--cos-gold)}
  .sc-detail,.ca-shell,#view-pathDetail,#view-sessionDetail,#view-mixDetail{padding-bottom:30px}.sc-detail-head h1,.ca-hero h1,.page-head h1{font-size:34px!important}.sc-detail-grid,.ca-grid,.two-col{grid-template-columns:1fr!important}.subnav{overflow:auto;display:flex!important;flex-wrap:nowrap!important;scrollbar-width:none}.subnav button{white-space:nowrap}.grid.kpis,.client-kpis{grid-template-columns:1fr 1fr!important;overflow:visible!important}.grid.kpis>*{min-width:0!important}
}
@media(min-width:761px){.cos-mode-host{margin-right:auto}.topbar .crm-context{gap:18px}.sidebar .nav button.cos-visible:hover:after{content:attr(aria-label);position:absolute;left:68px;background:#151516;border:1px solid var(--cos-line);color:white;padding:8px 10px;border-radius:5px;font-size:11px;white-space:nowrap;z-index:100}}