/* CHAMP OS 7.7 — STABLE APP VISUAL SYSTEM */
:root{--st-bg:#080a08;--st-panel:#0e110e;--st-panel2:#121512;--st-line:#242924;--st-line2:#343a34;--st-gold:#ddb34f;--st-gold2:#f0ca69;--st-text:#f4f2eb;--st-muted:#818981;--st-green:#42d887;--st-red:#ff7169;--st-blue:#69a8ff;--st-orange:#e7b453}
body{background:var(--st-bg)!important;color:var(--st-text)!important}
.workspace{background:var(--st-bg)!important}
.view{max-width:1500px;margin:0 auto;padding:18px 20px 34px!important}
body.f76-home .view{max-width:none!important;margin:0!important;padding:0!important}
/* Home: full application landing, no dead half screen */
body.f76-home .app{min-height:100dvh!important;width:100%!important;display:block!important}
body.f76-home .main{display:block!important;width:100%!important;min-height:100dvh!important}
body.f76-home .workspace{width:100%!important;min-height:100dvh!important}
.f76-gate{min-height:100dvh!important;width:100%!important;padding:clamp(24px,4vw,52px)!important;background:radial-gradient(circle at 50% 45%,rgba(221,179,79,.08),transparent 28%),linear-gradient(180deg,#070907,#090b09)!important}
.f76-gate-body{width:min(1120px,100%)!important}.f76-gate-options{gap:16px!important}.f76-portal{min-height:290px!important;padding:28px!important;border-radius:20px!important}.f76-portal h2{font-size:34px!important}.f76-portal p{font-size:13px!important;line-height:1.55!important}.f76-gate-copy h1{font-size:clamp(38px,5vw,62px)!important}.f76-gate-copy p{font-size:14px!important}
/* General hierarchy */
.st-shell{display:grid;gap:14px;min-width:0}.st-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:2px 0 4px}.st-page-head>div{min-width:0}.st-page-head small{display:block;color:var(--st-gold);font-size:10px;font-weight:900;letter-spacing:.14em}.st-page-head h1{margin:4px 0 4px;font-size:clamp(28px,3vw,40px);line-height:1;letter-spacing:-.035em}.st-page-head p{margin:0;color:var(--st-muted);font-size:12px;line-height:1.45}.st-head-action{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.st-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:8px;align-items:center}.st-search{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border:1px solid var(--st-line);border-radius:11px;background:var(--st-panel)}.st-search input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-size:13px}.st-toolbar select{height:42px;border:1px solid var(--st-line);border-radius:10px;background:var(--st-panel);color:#eee;padding:0 10px}.st-segments{display:flex;gap:6px;overflow:auto;scrollbar-width:none}.st-segments::-webkit-scrollbar{display:none}.st-segments button{height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--st-line);background:var(--st-panel);color:#9da49e;font-size:11px;font-weight:800;white-space:nowrap}.st-segments button.active{background:rgba(221,179,79,.12);border-color:rgba(221,179,79,.42);color:var(--st-gold2)}.st-top-segments{margin-top:-2px}
/* Lists */
.st-list{border:1px solid var(--st-line);border-radius:14px;background:var(--st-panel);overflow:hidden}.st-list-head,.st-list-row{display:grid;align-items:center;gap:12px;min-width:0}.st-list-head{min-height:40px;padding:0 14px;border-bottom:1px solid var(--st-line);background:#0b0d0b;color:#6f776f;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.st-list-row{min-height:62px;padding:8px 14px;border:0;border-bottom:1px solid #1f241f;background:transparent;color:#ddd;text-align:left;width:100%;font:inherit}.st-list-row:last-child{border-bottom:0}.st-list-row:hover{background:#111511}.st-list-row>span{min-width:0;font-size:12px}.st-list-row b{color:#f4f2eb}.st-person{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;min-width:0}.st-person i{grid-row:1/3;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#1a1d19;border:1px solid #343a32;color:var(--st-gold2);font-style:normal;font-weight:900}.st-person b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-person small{font-size:10px;color:var(--st-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-plain{appearance:none;border:0;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer}.st-arrow{color:var(--st-gold);font-size:16px;text-align:right}.st-empty{padding:34px;text-align:center;color:var(--st-muted);font-size:12px}.st-client-cols{grid-template-columns:minmax(180px,1.5fr) minmax(160px,1.2fr) 160px minmax(150px,1fr) 110px 24px}.st-path-cols{grid-template-columns:minmax(180px,1.2fr) minmax(170px,1fr) 170px 120px minmax(170px,1fr) 24px}.st-session-cols{grid-template-columns:minmax(180px,1.2fr) 130px 160px 120px 120px}.st-song-cols{grid-template-columns:minmax(200px,1.4fr) minmax(160px,1fr) 160px 30px}.st-cpath-cols{grid-template-columns:minmax(220px,1.3fr) 170px 120px 220px 30px}.st-csession-cols{grid-template-columns:130px 160px 130px minmax(190px,1fr) 120px}
.st-s4{display:flex;align-items:center;gap:5px}.st-s4 i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid #343a34;background:#111411;color:#757d75;font-style:normal;font-size:10px;font-weight:900}.st-s4 i.done{background:#112219;border-color:#2b6949;color:#63e9a0}.st-s4 i.now{background:#241e0b;border-color:#8c7130;color:var(--st-gold2)}.st-status{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 8px;border-radius:999px;border:1px solid #343a34;background:#151815;color:#b2b8b3;font-size:10px;font-weight:850;white-space:nowrap}.st-status.green{border-color:#24583d;background:#102017;color:#59dd94}.st-status.orange{border-color:#66501f;background:#211b0d;color:#efc35e}.st-status.blue{border-color:#274b74;background:#0e1a27;color:#7cb8ff}.st-status.red{border-color:#6a302d;background:#24100f;color:#ff8179}.st-mini-action{min-height:34px;padding:0 10px;border-radius:8px;border:1px solid #363c36;background:#171a17;color:#eee;font-size:10px;font-weight:850;cursor:pointer}.st-mini-action.gold{background:var(--st-gold);border-color:var(--st-gold);color:#090a09}.st-done{color:#5cd88e;font-size:11px;font-weight:850}.st-pagination{display:flex;align-items:center;justify-content:space-between;color:var(--st-muted);font-size:10px}.st-pagination>div{display:flex;align-items:center;gap:8px}.st-pagination button{width:34px;height:34px;border-radius:9px;border:1px solid var(--st-line);background:var(--st-panel);color:#ddd}.st-pagination button:disabled{opacity:.35}
/* Client detail */
.st-client-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--st-line);border-radius:12px;background:var(--st-panel);font-size:11px;color:#a7aea7}.st-client-summary>span:not(.st-status){padding-right:10px;border-right:1px solid var(--st-line)}.st-client-summary>span:last-child{border-right:0}.st-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--st-line);scrollbar-width:none}.st-tabs::-webkit-scrollbar{display:none}.st-tabs button{height:42px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#858d85;font-size:11px;font-weight:850;white-space:nowrap}.st-tabs button.active{color:var(--st-gold2);border-color:var(--st-gold)}.st-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.st-card{border:1px solid var(--st-line);background:var(--st-panel);border-radius:13px;padding:14px;min-width:0}.st-card.st-wide{grid-column:1/-1}.st-card.st-highlight{grid-column:span 2;background:linear-gradient(135deg,rgba(221,179,79,.09),#0e110e);border-color:#52451f}.st-card small,.st-card-head small{display:block;color:var(--st-gold);font-size:9px;font-weight:900;letter-spacing:.1em}.st-card h2{font-size:19px;margin:5px 0}.st-card h3{font-size:15px;margin:5px 0}.st-card p{font-size:11px;color:#939b93;line-height:1.5;margin:6px 0 10px}.st-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.st-card-head h2{margin:4px 0 0;font-size:18px}.st-log-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.st-log-grid article{border:1px solid #252a25;background:#0a0d0a;border-radius:10px;padding:12px}.st-log-grid span{font-size:9px;color:var(--st-gold);font-weight:900}.st-log-grid p{margin:5px 0 0;color:#d5d9d5;font-size:12px;line-height:1.45}
/* Path detail */
.st-path-hero{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr) minmax(220px,1fr);gap:10px;align-items:center;border:1px solid var(--st-line);border-radius:14px;background:linear-gradient(135deg,#101410,#0b0d0b);padding:16px}.st-path-hero small,.st-session-hero small{display:block;color:var(--st-gold);font-size:9px;font-weight:900;letter-spacing:.1em}.st-path-hero h2,.st-path-hero h3{margin:5px 0}.st-path-hero p{margin:0;color:var(--st-muted);font-size:11px}.st-pdetail-cols{grid-template-columns:70px 180px 130px minmax(220px,1fr) 100px}
/* Session detail */
.st-session-hero{display:grid;grid-template-columns:180px minmax(220px,1fr) auto;gap:12px;align-items:center;border:1px solid var(--st-line);border-radius:14px;background:linear-gradient(135deg,#101410,#0b0d0b);padding:16px}.st-session-hero h2,.st-session-hero h3{margin:5px 0}.st-session-hero p{margin:0;color:var(--st-muted);font-size:11px}.st-session-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.st-complete-badge{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:10px;border:1px solid #28583d;background:#102017;color:#63df98;font-size:11px;font-weight:900}
/* Monthly */
.st-month{display:flex;justify-content:center;align-items:center;gap:12px}.st-month button{width:36px;height:36px;border-radius:9px;border:1px solid var(--st-line);background:var(--st-panel);color:#ddd}.st-month b{min-width:130px;text-align:center;font-size:14px}.st-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.st-kpis article{border:1px solid var(--st-line);background:var(--st-panel);border-radius:12px;padding:14px}.st-kpis span{font-size:10px;color:var(--st-muted)}.st-kpis b{display:block;font-size:24px;margin-top:5px}
/* Kill visual ghosts/white cards from legacy layers in artist workspace */
body.f77-final #view-clients .cos-paths>button,body.f77-final #view-clients .cos-projects>button,body.f77-final #view-clients .cos-row,body.f77-final #view-clients .card,body.f77-final #view-pathDetail .card,body.f77-final #view-sessionDetail .card{background:#0e110e!important;color:#f4f2eb!important;border-color:#242924!important}
body.f77-final #view-clients *{box-sizing:border-box}
/* tighter professional app rhythm */
.sidebar{width:220px!important}.app{grid-template-columns:220px minmax(0,1fr)!important}.topbar{min-height:58px!important}.workspace{scrollbar-gutter:stable}.btn{min-height:36px!important;border-radius:9px!important;font-size:11px!important}.cos-head h1,.page-head h1{font-size:clamp(26px,3vw,38px)!important}.cos-head{margin-bottom:10px!important}.cos-shell{gap:10px!important}
@media(max-width:1100px){.st-client-cols{grid-template-columns:minmax(170px,1.4fr) minmax(150px,1fr) 150px 140px 90px 20px}.st-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.st-path-hero{grid-template-columns:1fr}.st-session-hero{grid-template-columns:1fr 1fr}.st-session-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:900px){.view{padding:12px 10px 96px!important}.st-page-head{align-items:flex-start}.st-head-action{width:100%}.st-toolbar{grid-template-columns:1fr}.st-list{overflow-x:auto}.st-list-head,.st-list-row{min-width:760px}.st-client-cols,.st-path-cols,.st-session-cols,.st-song-cols,.st-cpath-cols,.st-csession-cols,.st-pdetail-cols{grid-template-columns:190px 150px 150px 150px 110px 24px}.st-detail-grid{grid-template-columns:1fr 1fr}.st-card.st-highlight{grid-column:1/-1}.st-log-grid{grid-template-columns:1fr}.st-path-hero,.st-session-hero{grid-template-columns:1fr}.st-session-actions{justify-content:flex-start}.f76-gate{padding:16px 12px 90px!important}.f76-gate-options{grid-template-columns:1fr!important}.f76-portal{min-height:160px!important;padding:16px!important}.f76-portal h2{font-size:25px!important}.f76-gate-copy h1{font-size:31px!important}.f76-gate-copy p{font-size:11px!important}}
@media(max-width:560px){.st-page-head{display:grid}.st-page-head h1{font-size:28px}.st-page-head p{font-size:11px}.st-detail-grid{grid-template-columns:1fr}.st-card.st-highlight,.st-card.st-wide{grid-column:auto}.st-client-summary{display:grid;grid-template-columns:1fr 1fr}.st-client-summary>span{border-right:0!important;padding-right:0!important}.st-s4 i{width:25px;height:25px}.st-pagination{padding-inline:2px}.st-list-head,.st-list-row{min-width:680px}}