.classic-footer-nav{display:none}
html[data-design="classic"] .page-share-row .classic-footer-nav{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:8px;border:0;background:transparent;color:inherit;box-shadow:none;cursor:pointer}
html[data-design="classic"] .classic-footer-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* Classic dialog close controls match the fullscreen player guide. */
html[data-design="classic"] :is(#detail > .close,#zoom > .close,.classic-song-dialog .classic-song-close,#classic-cassette-choice [data-close-shells]){display:inline-grid;place-items:center;box-sizing:border-box;width:36px;height:36px;min-width:36px;min-height:36px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#26322b;font:26px/1 Arial,sans-serif;cursor:pointer;appearance:none}
html[data-design="classic"] :is(#detail > .close,#zoom > .close,.classic-song-dialog .classic-song-close,#classic-cassette-choice [data-close-shells]):focus-visible{outline:2px solid #ad603e;outline-offset:2px}

/* Keep the cassette preference alongside the full-size cassette selector. */
@media(min-width:761px){html[data-design="classic"] #tidalPlayer .classic-cassette-picker .player-cassette-remember{display:flex;align-items:center;gap:8px;margin-top:6px;color:var(--ink);font:inherit;letter-spacing:normal;text-transform:none}html[data-design="classic"] #tidalPlayer .classic-cassette-picker .player-cassette-remember input{width:16px;height:16px;margin:0;accent-color:var(--accent)}}

/* Full-size track details: compact, with the preference beside the selector. */
@media(min-width:761px){
 html[data-design="classic"] #tidalPlayer .classic-cassette-picker{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:5px;margin-top:12px;padding-top:10px}
 html[data-design="classic"] #tidalPlayer .classic-cassette-picker-label{grid-column:1/-1}
 html[data-design="classic"] #tidalPlayer .classic-cassette-picker .player-cassette-remember{grid-column:2;grid-row:2;margin:0;white-space:nowrap;font:400 13px/1.4 Arial,Helvetica,sans-serif}
 html[data-design="classic"] #tidalPlayer .classic-song-context:not([hidden]){margin-top:12px;padding-top:12px;line-height:1.55}
 html[data-design="classic"] #tidalPlayer .classic-song-context h3{margin-bottom:8px}
 html[data-design="classic"] #tidalPlayer .classic-song-context p{margin-bottom:9px}
 html[data-design="classic"] #tidalPlayer .classic-tidal-links{margin-top:10px;padding-top:9px;gap:6px}
 html[data-design="classic"] #tidalPlayer .classic-track-copy{max-height:var(--cover-height,none);overflow-y:auto}
}

/* Commander uses its own typeface for all page content, controls and previews. */
html[data-design="commander"] body,
html[data-design="commander"] body *,
html[data-design="commander"] body *::before,
html[data-design="commander"] body *::after {
  font-family: Commander, monospace !important;
}

/* Match Commander directory text across both panels and narrow layouts. */
html[data-design="commander"] body :is(#mainNavigation,main,#detailBody) :is(.directory-table,.option-directory,.settings-directory,.commander-columns,.commander-row),
html[data-design="commander"] body :is(#mainNavigation,main,#detailBody) :is(.directory-table,.option-directory,.settings-directory,.commander-columns,.commander-row) :is(th,td,a,button,span,strong,small) {
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
}

/* Commander directory rows use a consistent pitch across pages and panels. */
html[data-design="commander"] body.pane-embedded :is(.directory-table,.option-directory,.settings-directory,.file-directory,.download-table) tr:not(.directory-menu-spacer):not(.directory-info-spacer) > :is(th,td),
html[data-design="commander"] body.pane-embedded #toolDirectory :is(th,td) {
  height:34px !important; padding-top:0 !important; padding-bottom:0 !important; box-sizing:border-box;
}
html[data-design="commander"] body.pane-embedded :is(.directory-table,.option-directory,.settings-directory,.file-directory,.download-table,#toolDirectory) :is(a,button) {
  min-height:34px !important; padding-top:0 !important; padding-bottom:0 !important; display:flex; align-items:center;
}
@media (min-width:761px) {
 html[data-design="commander"] body:not(.pane-embedded) :is(.directory-table,.option-directory,.settings-directory,.file-directory,.download-table) tr:not(.directory-menu-spacer):not(.directory-info-spacer) > :is(th,td),
 html[data-design="commander"] body:not(.pane-embedded) #toolDirectory :is(th,td) {height:34px!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box}
 html[data-design="commander"] body:not(.pane-embedded) :is(.directory-table,.option-directory,.settings-directory,.file-directory,.download-table,#toolDirectory) :is(a,button) {min-height:34px!important;padding-top:0!important;padding-bottom:0!important;display:flex;align-items:center}
}

/* A single, filled selection follows pointer or keyboard in Commander. */
html[data-design="commander"][data-theme="blue"] {--nc-select-bg:#00aaaa;--nc-select-fg:#000}
html[data-design="commander"][data-theme="black"] {--nc-select-bg:#fff;--nc-select-fg:#000}
html[data-design="commander"] body.nc-has-selection :is(.directory-table,.option-directory,.settings-directory,.file-directory,.download-table) tbody tr:not(.nc-selected):not(.directory-menu-spacer):not(.directory-info-spacer) {background:var(--paper)!important;color:var(--ink)!important;outline:none!important}
html[data-design="commander"] body.nc-has-selection :is(.directory-table,.option-directory,.settings-directory,.file-directory,.download-table) tbody tr:not(.nc-selected):not(.directory-menu-spacer):not(.directory-info-spacer) * {color:var(--ink)!important;background:transparent!important}
html[data-design="commander"] body.nc-has-selection :is(.directory-table,.option-directory,.settings-directory,.file-directory,.download-table) tbody tr.nc-selected {background:var(--nc-select-bg,#00aaaa)!important;color:var(--nc-select-fg,#000)!important;outline:none!important}
html[data-design="commander"] body.nc-has-selection :is(.directory-table,.option-directory,.settings-directory,.file-directory,.download-table) tbody tr.nc-selected * {color:var(--nc-select-fg,#000)!important;background:transparent!important}
/* An inactive current-page link must remain readable after focus moves. */
html[data-design="commander"] body.nc-has-selection #mainNavigation .directory-table tbody tr:not(.nc-selected) a[aria-current],
html[data-design="commander"] body.nc-has-selection #mainNavigation .directory-table tbody tr:not(.nc-selected) a[aria-current] * {color:var(--ink)!important;background:transparent!important}

/* Keep main-directory text vertically centered in equally sized rows. */
html[data-design="commander"] #mainNavigation .directory-table tbody tr:not(.directory-menu-spacer):not(.directory-info-spacer) > td {height:34px!important;vertical-align:middle!important}
html[data-design="commander"] #mainNavigation .directory-table tbody tr:not(.directory-menu-spacer):not(.directory-info-spacer) > td:first-child > :is(a,button) {display:flex!important;align-items:center!important;min-height:34px!important;height:34px!important;box-sizing:border-box!important;margin:0!important;padding-top:0!important;padding-bottom:0!important;line-height:1.3!important}
/* Embedded directory panels scroll through the frame, not a nested sidebar. */
html[data-design="commander"] body.pane-embedded[data-section="home"] aside{height:auto!important;max-height:none!important;overflow:visible!important}
/* Search stays in the current Commander palette and uses directory rows. */
html[data-design="commander"] #detail:has(#archiveSearch){background:var(--paper)!important;color:var(--ink)!important;border:4px double var(--line)!important}
html[data-design="commander"] #detail:has(#archiveSearch) :is(#detailBody,table,thead,tbody,tr,td,th,button,label,p){background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important;font-family:Commander,monospace!important}
html[data-design="commander"] #detail:has(#archiveSearch) input{background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--line)!important;font-family:Commander,monospace!important}
html[data-design="commander"] #detail:has(#archiveSearch) input::placeholder{color:var(--ink);opacity:.7}
html[data-design="commander"] #detail:has(#archiveSearch) tr:hover :is(td,button),html[data-design="commander"] #detail:has(#archiveSearch) tr:focus-within :is(td,button){background:#00aaaa!important;color:#000!important}