*{box-sizing:border-box}:root{color-scheme:dark;--bg:#0b1220;--panel:#131e30;--panel2:#1a2940;--line:#293950;--text:#f3f6fb;--muted:#9eacc0;--accent:#7da9ff;--green:#62d6a1;--red:#ff8585}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;padding-bottom:40px}.topbar{padding:calc(17px + env(safe-area-inset-top)) 18px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#101a2a;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}
h1{font-size:23px;margin:3px 0 0}.eyebrow{font-size:10px;letter-spacing:1.3px;color:var(--muted)}main{max-width:1050px;margin:auto;padding:16px}button,input,select{font:inherit}button{border:0;border-radius:12px;padding:11px 14px;font-weight:650;cursor:pointer}button:disabled{opacity:.5}.primary{background:var(--accent);color:#071326}.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}
.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.summary,.panel,.stock-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:13px}.summary span,.price-grid span,.targets span{display:block;color:var(--muted);font-size:12px}.summary strong{display:block;font-size:19px;margin-top:6px;overflow-wrap:anywhere}
.tabs{display:flex;gap:6px;overflow:auto;margin:17px 0 14px;padding-bottom:4px}.tab{background:transparent;color:var(--muted);border:1px solid var(--line);white-space:nowrap}.tab.active{background:var(--panel2);color:var(--text);border-color:#5576a6}.count{background:#334968;border-radius:20px;padding:1px 6px;font-size:11px}
.view{display:none}.view.active{display:block}.toolbar{display:flex;gap:9px}.toolbar input{flex:1}input,select{width:100%;background:#0d1727;border:1px solid var(--line);color:var(--text);padding:11px;border-radius:11px;min-width:0}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}.filter-row select{max-width:190px}.status,.muted{color:var(--muted);font-size:12px}
.stock-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.stock-card{min-width:0}.stock-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.name{font-size:17px;margin:0 0 2px}.ticker-line{font-size:12px;color:var(--muted)}.remove{font-size:11px;padding:7px 9px;background:transparent;border:1px solid var(--line);color:var(--muted)}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:15px 0}.price-grid strong{display:block;font-size:14px;margin-top:3px;overflow-wrap:anywhere}.targets{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#0e1929;border-radius:11px;padding:9px}.targets span{font-size:10px}.targets strong{display:block;margin-top:4px;font-size:12px;overflow-wrap:anywhere}.meta{display:grid;gap:4px;color:var(--muted);font-size:11px;margin:12px 0}.card-actions{display:flex;justify-content:flex-end}.card-actions button{font-size:12px;padding:8px 10px}
.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-title h2,.panel h2{font-size:17px;margin:0}.section-title p{margin:3px 0 0;color:var(--muted);font-size:12px}.feed{display:grid;gap:9px}.feed-item{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);text-decoration:none}.feed-item strong{font-size:14px}.feed-item>span:not(.feed-meta){font-size:12px;color:#c2ccda}.feed-meta,.linkhint{font-size:11px;color:var(--muted)}.linkhint{color:var(--accent)!important}.empty{padding:20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:13px}
.panel{margin:12px 0}.panel p,.panel li{font-size:13px;color:#c6d0df}.panel ul{padding-left:20px}.panel label{display:block;font-size:12px;color:var(--muted);margin:13px 0}.panel label input{display:block;margin-top:5px}.small{font-size:11px!important}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.footnote{font-size:11px;color:var(--muted);padding:17px 2px}
dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:18px;width:min(94vw,500px);padding:19px}dialog::backdrop{background:#000a}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:19px}.close{background:none;color:var(--muted);font-size:25px;padding:2px 8px}form label{display:block;font-size:12px;color:var(--muted);margin:11px 0}form label input,form label select{display:block;margin-top:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
@media(max-width:650px){.summary-grid{grid-template-columns:1fr 1fr}.summary strong{font-size:17px}.stock-list{grid-template-columns:1fr}.topbar .primary{font-size:12px;padding:10px}.filter-row{align-items:flex-start}.section-title{align-items:flex-start}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}}
\n.pl-percent{display:block;font-size:12px;margin-top:3px}.card-pl-percent{font-weight:600}\n
.news-toolbar{display:flex;align-items:center;gap:10px;margin:10px 0}
.news-toolbar label{font-size:12px;color:var(--muted);white-space:nowrap}
.news-toolbar select{max-width:260px}
.notice{padding:9px 11px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:#0e1929}
.card-actions{justify-content:flex-end;flex-wrap:wrap;gap:6px}
.card-actions .news-open,.card-actions .news-alert{font-size:11px;padding:8px 9px}
.card-actions .news-alert.is-on{border-color:#397b62;background:#153528;color:#8de0b7}
.card-actions .news-open{margin-right:auto}
@media(max-width:650px){.news-toolbar{align-items:flex-start;flex-direction:column}.news-toolbar select{max-width:none}.card-actions{justify-content:flex-start}}

.card-actions{display:flex!important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;margin-top:10px}.card-actions .news-open{margin-right:auto}.card-actions .news-alert.is-on{border-color:#397b62;background:#153528;color:#8de0b7}

.reminder-panel{margin:14px 0 18px}
.reminder-panel h3{margin:0 0 12px;font-size:1rem}
.checkline{display:flex;align-items:center;gap:10px;cursor:pointer}
.checkline input{width:auto;min-width:18px;min-height:18px}
.reminder-days{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.reminder-days select{width:auto;min-width:110px}

.earnings-status{display:inline-block;width:max-content;max-width:100%;padding:4px 8px;border-radius:8px;font-size:.78rem;font-weight:700;background:#26364b;color:#dce8f7}
.earnings-status.confirmed{background:#153c2c;color:#a9efc5}
.earnings-status.estimated{background:#493916;color:#ffe0a0}
.earnings-status.official_candidate{background:#26364b;color:#b8d7ff}
.earnings-status.unknown{background:#303846;color:#c3cad4}

.form-subhead{margin:12px 0 4px;font-size:14px}
.scenario-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.scenario-lines{display:flex;flex-direction:column;gap:3px;margin-top:5px;font-size:11px}
.scenario-lines>div{display:flex;justify-content:space-between;gap:5px}
.scenario-lines>div span{color:var(--muted,#8ea0b8)}
.scenario-lines strong{font-size:11px;text-align:right}
.scenario-lines small{font-weight:400;color:var(--muted,#8ea0b8)}
.target1-detail{display:block;margin-top:4px;font-size:10px;color:var(--muted,#8ea0b8)}
.scenario-missing{font-size:11px;color:var(--muted,#8ea0b8)}
@media(max-width:620px){.scenario-input-grid{grid-template-columns:1fr}}

/* Version 2.13.0: compact scenario rows, daily change and draggable card sections */
.scenario-row{display:flex;align-items:baseline;justify-content:space-between;gap:6px;white-space:nowrap;flex-wrap:nowrap}
.scenario-row>span{flex:0 0 auto}
.scenario-row>strong{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.scenario-row>strong b{font-weight:700}
.scenario-row small{font-size:.78em;white-space:nowrap}
.daily-change{display:block;margin-top:3px;font-size:.76rem;line-height:1.25;white-space:nowrap}
.reorderable{position:relative;padding-top:22px}
.drag-handle{position:absolute;top:2px;right:4px;border:1px solid var(--border,#2a3b54);border-radius:6px;background:transparent;color:var(--muted,#9bb0ce);font-size:14px;padding:1px 7px;cursor:grab;z-index:2}
.drag-handle:active{cursor:grabbing}
.reorderable.dragging{opacity:.55;outline:1px dashed var(--accent,#79a7ff)}
@media(max-width:560px){.scenario-row{white-space:normal;gap:3px}.scenario-row>strong{gap:3px}.scenario-row small{font-size:.72em}}

/* Drag the complete stock card, not individual information sections. */
.stock-title{display:flex;align-items:flex-start;gap:8px;min-width:0}.card-drag{background:var(--panel2);border:1px solid var(--line);color:var(--muted);padding:4px 8px;line-height:1.2;cursor:grab;touch-action:none}.card-drag:active{cursor:grabbing}.stock-card.card-dragging{opacity:.45;border-style:dashed}.stock-card{transition:opacity .12s ease}

.commodity-heading{margin-top:24px}.commodity-list{margin-bottom:24px}.commodity-card .meta{margin-top:16px}.commodity-price-grid{margin-top:18px}
