.watchlist-manager{border:1px solid var(--line);border-radius:12px;padding:16px;margin:15px 0;background:var(--panel)}
.watchlist-manager label{font-size:13px;display:block;margin-bottom:9px;color:var(--muted)}
.watchlist-add-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.watchlist-add-row input{min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--bg);width:200px;max-width:100%;font-size:16px}
.watchlist-description{display:flex;gap:5px 22px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:12px;line-height:1.8}
.watchlist-manager #watchlistStatus{margin:8px 0;color:var(--gold);font-size:13px;min-height:23px;overflow-wrap:anywhere}
.watchlist-manager details{margin-top:4px}.watchlist-manager summary{padding:8px 0;color:var(--text)}#watchlistCount{color:var(--gold);margin-left:10px}
#watchlistOrder{margin:8px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#watchlistOrder li{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:8px;flex-wrap:wrap;min-width:0}#watchlistOrder .order-label{flex:1;min-width:105px;color:var(--text)}#watchlistOrder .order-actions{display:flex;gap:4px}#watchlistOrder button{min-width:44px;padding:7px;font-size:13px}#watchlistOrder .remove{color:#ff9aa8}
button:disabled{opacity:.45;cursor:default}.overview-heading h1 small{font-size:13px;color:var(--muted);margin-left:8px}#stocks .stock small:first-child{color:var(--gold)}
@media(max-width:1100px){#watchlistOrder{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){#watchlistOrder{grid-template-columns:1fr}.watchlist-add-row input{flex:1;min-width:120px}.watchlist-manager{padding:12px}.watchlist-add-row button{flex-grow:1}.watchlist-description{display:block}.watchlist-description span{display:block}.overview-heading .grid-actions{width:100%}}
/* Navy board: exactly five columns on desktop and fifteen stable slots. */
:root{--bg:#0b1629;--panel:#132640;--line:#304b70;--text:#eff4ff;--muted:#a9bcd7;--gold:#dac69d}
body[data-page="overview"] #stocks{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin:12px 0 18px!important}
body[data-page="overview"] #stocks .stock,body[data-page="overview"] #stocks .stock-empty{height:150px!important;min-height:150px!important;aspect-ratio:auto!important;margin:0!important;border:1px solid #345176!important;border-radius:12px!important;padding:16px 12px!important;background:#162d4d!important;color:#f0f5ff!important;text-align:left;overflow:hidden}
body[data-page="overview"] #stocks .stock.tone-red{background:#203d60!important}
body[data-page="overview"] #stocks .stock.active{background:#294b73!important;border:2px solid #e4c994!important;box-shadow:0 0 0 2px #e4c99433}
body[data-page="overview"] #stocks .stock b{font-size:19px;display:block;margin-top:9px;white-space:nowrap}
body[data-page="overview"] #stocks .stock b span{font-size:16px;white-space:normal}
body[data-page="overview"] #stocks .stock small{font-size:11px;color:#b9cce6!important;margin-top:7px}
body[data-page="overview"] #stocks .stock-empty{display:flex;align-items:center;justify-content:center;color:#6582a7!important;border-style:dashed!important;opacity:.6}
.watchlist-manager{margin:10px 0;padding:12px 16px}.watchlist-manager label{display:none}.watchlist-description{margin-top:5px}.watchlist-manager #watchlistStatus{margin:4px 0}.overview-heading{margin-bottom:6px}body[data-page="overview"] main{padding:20px 24px}
@media(max-width:980px){body[data-page="overview"] #stocks{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:580px){body[data-page="overview"] #stocks{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}body[data-page="overview"] main{padding:16px 12px}}

body[data-page="overview"] #stocks .stock b{color:#eff4ff!important}body[data-page="overview"] #stocks .entry-line{line-height:1.5;font-size:10px;margin-top:7px}

body[data-page="overview"] #stocks .stock b span{color:#eff4ff!important}

/* Navy / cool-purple checkerboard; title colours exchanged between neighbours. */
body[data-page="overview"] #stocks .stock-tile{position:relative;min-width:0;height:150px}
body[data-page="overview"] #stocks .stock-tile .stock{width:100%;padding-right:34px!important}
body[data-page="overview"] #stocks .stock{background:#172b4d!important}
body[data-page="overview"] #stocks .stock.tone-red{background:#b4a6d3!important}
body[data-page="overview"] #stocks .stock b,body[data-page="overview"] #stocks .stock b span{color:#c9b9ed!important}
body[data-page="overview"] #stocks .stock.tone-red b,body[data-page="overview"] #stocks .stock.tone-red b span{color:#172b4d!important}
body[data-page="overview"] #stocks .stock.tone-red small{color:#263656!important}
body[data-page="overview"] #stocks .stock.active{border:2px solid #ead7a7!important;box-shadow:0 0 0 2px #ead7a755}
.stock-trash{position:absolute;right:1px;top:1px;width:40px;height:40px;padding:9px;border:0;background:transparent;color:#c9b9ed;z-index:1;display:grid;place-items:center}
.stock.tone-red+.stock-trash{color:#172b4d}.stock-trash:hover{background:#ffffff22}.stock-trash:focus-visible{outline:2px solid #fff;outline-offset:-4px}
#cardRemove{color:#ffabb9}.stock-card-controls{flex-wrap:wrap}
body[data-page="overview"] #stocks .stock.active{background:#172b4d!important}
body[data-page="overview"] #stocks .stock.tone-red.active{background:#b4a6d3!important}

/* Keep sidebar hit targets above adjacent content, below deliberate dialogs/player. */
body[data-page="overview"] .site-sidebar{z-index:40;isolation:isolate}
body[data-page="overview"] .site-sidebar .nav-item{position:relative;pointer-events:auto}