/* The approved home page owns the shell. Keep its markup and shared-home.css. */
.new-header{background:var(--ink);color:var(--paper)}
.new-header button,.ss-footer button{min-height:0;border-radius:0}
.new-header .icon{min-height:32px}
.new-header .login{padding:0;font-weight:400;display:inline-block}
.new-header #identity{display:block;font-size:12px}
.ss-footer{display:block}
.ss-footer>span{font-size:inherit;letter-spacing:inherit;width:auto}
.ss-footer .footer-top button{min-height:0;border-radius:0}
#app,.cabinet #app{width:88%;max-width:none;margin:0 auto;padding:58px 0 85px;min-height:65vh}
.login-wrap{width:min(100%,560px);max-width:none;margin:20px 0 70px}
.detail-header{max-width:none}
.catalog-tabs{justify-content:flex-start}
.new-header .brand{width:112px}
.new-header .brand img{height:70px;transform:scale(1.5)}
@media(max-width:1150px){.new-header .brand{width:90px}}
@media(max-width:850px){.new-header .brand{width:80px}.new-header .brand img{height:54px}}
@media(max-width:650px){#app,.cabinet #app{padding:32px 0 55px}.new-header #identity{margin-left:0}.login-wrap{width:100%}}
/* Compact, joined music section selector requested by the owner. */
.catalog-tabs{display:inline-flex;flex-wrap:nowrap;gap:0;padding:4px;margin:28px 0 24px;border:1px solid var(--line);border-radius:999px;max-width:100%;background:#10160e}
.catalog-tabs a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:9px 18px;border:0;border-radius:999px;font-size:15px;line-height:1.4;font-weight:500;white-space:nowrap;transition:background-color .15s,color .15s}
.catalog-tabs a:not([aria-current]):hover{background:#20291c}
.catalog-tabs a[aria-current]{background:var(--acid);color:var(--ink)}
@media(max-width:380px){.catalog-tabs a{padding-inline:12px;font-size:14px}}
.music-card{display:grid;grid-template-columns:140px minmax(0,1fr);gap:28px;padding:30px 0;border-bottom:1px solid var(--line)}
.music-card.mix-card{display:block}.music-card h3{font-size:23px;margin:5px 0 12px}.music-card .eyebrow{margin-top:0}.playlist-cover{width:140px;height:140px;object-fit:cover;border-radius:10px}.cover-placeholder{background:#253721;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--acid)}.cover-placeholder span{font-size:52px;font-weight:800}.cover-placeholder small{font-size:10px;letter-spacing:.16em}.wave-track{padding:16px 0;border-bottom:1px solid var(--line)}.wave-title{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px}.wave-title strong{font-size:14px;overflow-wrap:anywhere}.wave-title small{color:var(--muted);font-size:11px;white-space:nowrap}.wave-controls{display:flex;align-items:center;gap:16px}.play-toggle{flex:0 0 44px;width:44px;height:44px;min-height:44px;border:1px solid #79836f;border-radius:50%;padding:0;font-size:18px}.play-toggle:hover{color:var(--acid);border-color:var(--acid)}.wave-main{flex:1;min-width:0}.waveform{display:flex;gap:2px;align-items:center;height:62px;cursor:pointer;border:0;outline-offset:5px}.waveform i{display:block;flex:1;min-width:1px;background:#53605a;pointer-events:none}.waveform i.played{background:var(--acid)}.wave-times{display:flex;justify-content:space-between;font-size:11px;margin-top:5px;color:var(--muted)}.volume{width:85px;font-size:10px;color:var(--muted)}.volume input{width:100%;padding:0;accent-color:var(--acid)}.wave-track audio{display:none}.wave-track .actions:empty{display:none}.wave-track .actions{margin-top:10px;font-size:12px}.detail-header>.playlist-cover{float:left;margin:0 24px 20px 0}.detail-header:after{content:'';display:block;clear:both}#music-access{max-width:480px}#music-access .close{font-size:24px;border:0;padding:0 10px}#music-access .button-link{display:inline-block}
@media(max-width:650px){.music-card{grid-template-columns:70px minmax(0,1fr);gap:14px}.playlist-cover{width:70px;height:70px}.music-card h3{font-size:18px}.music-card-body{display:contents}.music-card-body>.eyebrow,.music-card-body>h3,.music-card-body>.compact-meta{grid-column:2;margin:0}.music-card>.playlist-cover{grid-row:1/4}.inline-tracks,.music-card-body>button{grid-column:1/-1}.mix-card .music-card-body{display:block}.volume{display:none}.waveform{gap:1px;height:48px}.waveform i{min-width:0}.wave-title{flex-direction:column;gap:4px}.cover-placeholder span{font-size:28px}.cover-placeholder small{font-size:7px}}

/* Focused design audit: existing palette and wide grid preserved. */
#app button:not(:disabled):hover,#app .button-link:hover{background:#ffffff12;border-color:currentColor}
.cabinet #app button:not(:disabled):hover,.cabinet #app .button-link:hover{background:#0507060a}
#app .primary:not(:disabled):hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.cabinet #app .primary:not(:disabled):hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#app .music-title{font-size:24px;line-height:1.3;margin:5px 0 12px;font-weight:700;letter-spacing:-.025em}
#app .player-status{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0 0;min-height:0}
#app .player-status:empty{display:none}
.play-toggle[aria-busy=true]{opacity:.65}
.waveform{touch-action:pan-y}
.waveform i{background:#738078}
.cabinet .waveform i{background:#66715e}
.cabinet .waveform i.played{background:#426000}
.wave-times,.wallet-card strong,.ledger{font-variant-numeric:tabular-nums}
#app .form-status{font-weight:500}
#app .filters input[type=search]{font-size:16px}
#app input,#app select,#app textarea{font-size:16px}
#app .filters label{font-size:14px}
#app .filters select{font-size:14px}
@media(max-width:650px){
 #app .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding:20px 0}
 #app .filters label:not(.check){width:auto;min-width:0}
 #app .filters .search{grid-column:1/-1;min-width:0}
 #app .filters>button{grid-column:1/-1}
 #app .filters select{width:100%;font-size:16px;padding:10px 8px}
 #app .filters label.check{font-size:12px;gap:8px;line-height:1.4}
 #app .music-title{font-size:20px;line-height:1.3}
 #app .topline{flex-wrap:wrap}
 #app .topline>button{font-size:14px;min-height:44px}
 #app .list-row{grid-template-columns:32px minmax(0,1fr)}
 #app .list-row>.actions{grid-column:2}
 #app .editor-actions{position:relative}
 #app .side nav{scrollbar-width:thin;scroll-padding-inline:4px}
}

@media(max-width:650px){#app .side-person{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:0 0 16px}#app .side-person small{flex:1;margin:0}#app .side-person button{margin-left:auto}#app .side-person small{min-width:110px}}

@media(max-width:650px){#app .list-row>.button-link{grid-column:2;justify-self:start;white-space:nowrap}}

/* Usability pass scoped to the service workspace, never the home shell. */
#app{--control-edge:#79836f;--public-error:#efa59e}
#app :is(input:not([type=checkbox]):not([type=range]),select,textarea){border-color:var(--control-edge)}
#app :is(button,a,input,select,textarea,summary,[role=slider]):focus-visible{outline:3px solid var(--acid);outline-offset:4px}
.cabinet #app :is(button,a,input,select,textarea,summary,[role=slider]):focus-visible{outline-color:var(--ink)}
#app .form-status{color:var(--public-error)}
.cabinet #app .form-status{color:#8b391b}
#app .editor-actions{flex-wrap:wrap}
#app :is(.wave-times,.wallet-card strong,.ledger){font-variant-numeric:tabular-nums}
@media(max-width:650px){#app .editor-actions>button{flex:1;min-width:120px}#app .editor-actions>.muted{flex-basis:100%}.cabinet #app .login-wrap h1{font-size:30px;line-height:36px;text-wrap:balance}}