:root{--bg:#0c1119;--panel:#151d29;--panel2:#101722;--line:#2b394c;--text:#eef5ff;--muted:#9badc4;--accent:#7aa5ff;--profit:#ff4f6b;--loss:#19c98d;--warn:#ffd166}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","Noto Sans TC",sans-serif}
header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;background:#101722;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}h1{font-size:24px;margin:0}h1 small{font-size:14px;color:var(--accent)}header p{color:var(--muted);font-size:12px;margin:5px 0 0}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
button,input,select{font:inherit}button{background:#1c2736;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:9px 13px;cursor:pointer}button.primary{background:var(--accent);color:#081222;border-color:transparent;font-weight:800}button.danger{background:#3d2028;color:#ffd4da}
nav{display:flex;gap:7px;padding:10px 18px;background:#101722;border-bottom:1px solid var(--line);overflow:auto;position:sticky;top:82px;z-index:19}.tab{white-space:nowrap}.tab.active{border-color:var(--accent);color:#cbd8ff}
main{max-width:1500px;margin:auto;padding:15px}.page{display:none}.page.active{display:block}.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:15px;margin-bottom:14px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}h2{font-size:18px;margin:0}.hint{color:var(--muted);font-size:12px}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}.cards.compact{grid-template-columns:repeat(4,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:13px}.card span{display:block;color:var(--muted);font-size:12px}.card strong{display:block;margin-top:7px;font-size:20px}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:1fr 1fr}
.badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:11px}.badge.ok{color:#a9f3d4;border-color:#2f7960}.badge.warn{color:#ffe39a;border-color:#75632e}.profit{color:var(--profit)!important}.loss{color:var(--loss)!important}.muted{color:var(--muted)!important}
.form-grid{display:grid;gap:11px}.form-grid.four{grid-template-columns:repeat(4,1fr)}.form-grid.two{grid-template-columns:1fr 1fr}label{font-size:12px;color:var(--muted)}input,select{width:100%;margin-top:5px;padding:10px;background:#0f1621;color:var(--text);border:1px solid var(--line);border-radius:8px}.check{display:flex;align-items:center;gap:8px;color:var(--text);margin-top:9px}.check input{width:auto;margin:0}.wide{grid-column:span 2}.checks{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px;font-size:13px}th,td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}th{color:var(--muted);white-space:nowrap}th:first-child,td:first-child{text-align:left}td small{display:block;color:var(--muted);margin-top:3px}
.notice{border:1px solid #65582d;background:#2a2516;color:#ffe9ae;border-radius:10px;padding:11px;font-size:12px;line-height:1.7}.plan-card{background:#101722;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:9px}.plan-card.triggered{border-left:4px solid var(--warn)}.plan-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.plan-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.plan-metrics div{background:#0c131e;border-radius:8px;padding:8px}.plan-metrics span{display:block;color:var(--muted);font-size:11px}.plan-metrics b{display:block;margin-top:4px}.reason{margin-top:9px;color:var(--muted);font-size:12px;line-height:1.6}
.meter{height:14px;border-radius:999px;background:#0c131e;border:1px solid var(--line);overflow:hidden}.meter>div{height:100%;background:var(--accent)}.risk-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:10px}.risk-metrics div{background:#101722;border-radius:9px;padding:10px}.risk-metrics span{display:block;color:var(--muted);font-size:11px}.risk-metrics strong{display:block;margin-top:5px;font-size:17px}
.alert{padding:10px;border-bottom:1px solid var(--line);line-height:1.6}.alert:last-child{border-bottom:0}pre{white-space:pre-wrap;background:#081019;border:1px solid var(--line);border-radius:10px;padding:12px;color:#bfd2e8;min-height:70px}
#toast{position:fixed;right:18px;bottom:18px;background:#143729;border:1px solid #2d7b5c;color:#caffec;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none;z-index:99}#toast.show{opacity:1;transform:none}
@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(2,1fr)}.plan-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){header{position:static;align-items:flex-start}nav{position:static}.cards,.cards.compact{grid-template-columns:repeat(2,1fr)}.grid.two,.form-grid.two,.form-grid.four{grid-template-columns:1fr}.wide{grid-column:auto}.plan-metrics,.risk-metrics{grid-template-columns:1fr}main{padding:10px}}
.version-stack{display:flex;flex-direction:column;gap:5px;align-items:flex-end}
.card strong{line-height:1.35}
.metric-line{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:2px 0}
.metric-line+ .metric-line{margin-top:4px;padding-top:6px;border-top:1px solid var(--line)}
.metric-line small{font-size:11px;color:var(--muted);font-weight:500}
.metric-line b{font-size:16px;white-space:nowrap}
.risk-hint{display:flex;flex-direction:column;gap:4px;line-height:1.55}
.data-safety-note{border:1px solid #365072;background:#101d2d;border-radius:10px;padding:11px;margin-top:12px;color:#cfe0f5;font-size:12px;line-height:1.7}
.file-button{display:inline-flex;align-items:center;background:#1c2736;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:9px 13px;cursor:pointer;font-size:14px}
.file-button input{display:none}
.allocation-legend-row{display:grid;grid-template-columns:minmax(70px,1fr) minmax(110px,auto) minmax(58px,auto);gap:18px;align-items:center}
.allocation-legend-row .amount{text-align:right}
.allocation-legend-row .percent{text-align:right;color:var(--muted)}
@media(max-width:720px){.version-stack{align-items:flex-start}.metric-line{gap:12px}}

.allocation-layout{display:grid;grid-template-columns:minmax(230px,320px) 1fr;gap:28px;align-items:center}
.allocation-donut{width:220px;height:220px;border-radius:50%;margin:auto;display:grid;place-items:center;position:relative}
.allocation-donut::after{content:"";position:absolute;inset:42px;border-radius:50%;background:var(--panel)}
.allocation-donut>div{position:relative;z-index:1;text-align:center}
.allocation-donut span{display:block;color:var(--muted);font-size:12px}
.allocation-donut strong{display:block;margin-top:5px;font-size:20px}
.allocation-legend{display:grid;gap:12px}
.allocation-label{display:flex;align-items:center;gap:9px}
.allocation-label i{width:11px;height:11px;border-radius:50%;flex:none}
.allocation-legend-row{display:grid!important;grid-template-columns:minmax(80px,1fr) minmax(125px,auto) minmax(60px,auto)!important;column-gap:24px!important;align-items:center;padding:4px 0}
.allocation-legend-row .amount{white-space:nowrap;text-align:right}
.allocation-legend-row .percent{white-space:nowrap;text-align:right;color:var(--muted);padding-left:4px}
@media(max-width:720px){.allocation-layout{grid-template-columns:1fr}.allocation-donut{width:190px;height:190px}.allocation-legend-row{grid-template-columns:minmax(70px,1fr) minmax(105px,auto) minmax(50px,auto)!important;column-gap:14px!important}}

.obligation-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.obligation-summary:last-child{border-bottom:0}
.obligation-summary b,.obligation-summary small{display:block}
.obligation-summary small{color:var(--muted);margin-top:4px}
.obligation-summary>span{text-align:right;color:#d6e2f2;font-size:12px;line-height:1.55}
#overviewCashflow strong{font-size:16px}
@media(max-width:720px){.obligation-summary{align-items:flex-start;flex-direction:column}.obligation-summary>span{text-align:left}}

/* V2.8.3 readable tables */
.table-wrap{overflow-x:auto;overflow-y:hidden}
table th,table td{padding:12px 14px;line-height:1.55}
table th{font-size:12px;letter-spacing:.02em}
table td{font-size:13px}
#budgetList table{min-width:1380px}
#budgetList th:first-child,#budgetList td:first-child{min-width:92px;white-space:nowrap;text-align:center}
#budgetList th:nth-child(10),#budgetList td:nth-child(10){min-width:360px;white-space:normal}
.valuation-table{min-width:1550px}
.valuation-table th,.valuation-table td{white-space:nowrap}
.valuation-table .method-cell{min-width:430px;white-space:normal;text-align:left;line-height:1.7}
.valuation-table th:nth-child(4),.valuation-table td:nth-child(4){min-width:180px}
.valuation-table th:nth-child(7),.valuation-table td:nth-child(7),
.valuation-table th:nth-child(8),.valuation-table td:nth-child(8),
.valuation-table th:nth-child(9),.valuation-table td:nth-child(9){min-width:130px}
.priority-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.priority-flow>div{background:#101722;border:1px solid var(--line);border-radius:11px;padding:12px;min-width:0}
.priority-flow b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#081222;margin-bottom:8px}
.priority-flow span,.priority-flow small{display:block}
.priority-flow span{font-weight:800}.priority-flow small{color:var(--muted);margin-top:5px;line-height:1.5}
.recommend-grid{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:8px;margin-top:10px}
.recommend-grid>div{background:#0c131e;border-radius:8px;padding:9px}
.recommend-grid span{display:block;color:var(--muted);font-size:11px}.recommend-grid b{display:block;margin-top:4px}
@media(max-width:1100px){.priority-flow{grid-template-columns:repeat(3,1fr)}.recommend-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.priority-flow{grid-template-columns:1fr 1fr}.recommend-grid{grid-template-columns:1fr 1fr}}

/* V2.8.3.1 hotfix */
.page-render-error{border:1px solid #8d3e4d;background:#321a20;color:#ffdbe1;border-radius:10px;padding:12px}

/* V2.8.3.2 layout and data-quality fixes */
.budget-note-cell{min-width:330px!important;text-align:left!important}
.note-clause-list{display:grid;grid-template-columns:repeat(2,minmax(135px,1fr));gap:7px 12px;max-width:540px}
.note-clause-list span{position:relative;padding-left:12px;line-height:1.55;text-wrap:pretty}
.note-clause-list span::before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;border-radius:50%;background:#7aa2ff}
.method-lines{display:grid;gap:5px;max-width:520px;text-align:left}
.method-lines span{display:block;line-height:1.55;text-wrap:pretty}
.cost-cell{min-width:205px}
.cost-cell small{white-space:nowrap}
#positionTable table{min-width:1120px}
#pledgeCards{grid-template-columns:repeat(5,minmax(150px,1fr))}
#pledgeCards .card strong small{display:block;font-size:11px;color:var(--muted);font-weight:500;margin-top:5px}
@media(max-width:1100px){
 #pledgeCards{grid-template-columns:repeat(3,1fr)}
 .note-clause-list{grid-template-columns:1fr}
}
@media(max-width:720px){
 #pledgeCards{grid-template-columns:repeat(2,1fr)}
 .budget-note-cell{min-width:260px!important}
}

/* V2.8.3.3 pledge maintenance risk dashboard */
.pledge-risk-banner{border:1px solid var(--line);border-radius:14px;margin-bottom:14px;overflow:hidden;background:#121b28}
.pledge-risk-inner{padding:16px 18px}
.pledge-risk-title{display:flex;align-items:center;gap:10px;font-size:18px}
.risk-dot{width:12px;height:12px;border-radius:50%;background:#8aa0b8;box-shadow:0 0 0 5px rgba(138,160,184,.12)}
.pledge-risk-rates{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:12px}
.pledge-risk-rates>span{display:flex;align-items:baseline;gap:7px;color:var(--muted)}
.pledge-risk-rates strong{font-size:22px;color:var(--text)}
.pledge-risk-rates small{font-size:11px}
.pledge-risk-inner p{margin:11px 0 6px;font-weight:700}
.pledge-risk-foot{font-size:12px;color:var(--muted)}
.pledge-risk-banner.safe{border-color:#237a5b;background:#10281f}.pledge-risk-banner.safe .risk-dot{background:#39d98a}
.pledge-risk-banner.attention{border-color:#8a7628;background:#2c2815}.pledge-risk-banner.attention .risk-dot{background:#e8c94d}
.pledge-risk-banner.warning{border-color:#a86424;background:#332311}.pledge-risk-banner.warning .risk-dot{background:#ff9f43}
.pledge-risk-banner.danger{border-color:#a43e46;background:#35191d}.pledge-risk-banner.danger .risk-dot{background:#ff5b66}
.pledge-risk-banner.critical{border-color:#e02f3e;background:#491318;animation:riskPulse 1.5s infinite}.pledge-risk-banner.critical .risk-dot{background:#ff2438}
@keyframes riskPulse{50%{box-shadow:0 0 0 3px rgba(255,36,56,.12)}}
.stress-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px}
.stress-card{border:1px solid var(--line);border-radius:11px;background:#101722;padding:13px}
.stress-card span,.stress-card strong{display:block}.stress-card span{color:var(--muted);font-size:12px}.stress-card strong{margin-top:7px;font-size:18px}
.stress-card.safe{border-color:#237a5b}.stress-card.attention{border-color:#8a7628}.stress-card.warning{border-color:#a86424}.stress-card.danger,.stress-card.critical{border-color:#a43e46}
.stress-card.threshold{border-color:#6c83aa;background:#142033}
#pledgeCards{grid-template-columns:repeat(5,minmax(150px,1fr))}
#pledgeCards .card strong small{display:block;font-size:11px;color:var(--muted);font-weight:500;margin-top:5px}
@media(max-width:1100px){.stress-grid{grid-template-columns:repeat(3,1fr)}#pledgeCards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.pledge-risk-rates{display:grid;grid-template-columns:1fr}.stress-grid{grid-template-columns:repeat(2,1fr)}#pledgeCards{grid-template-columns:repeat(2,1fr)}}

/* V2.8.3.4 quote sessions, cleaner holdings and right-side reminders */
.overview-top-layout{
 display:grid;
 grid-template-columns:minmax(0,2.15fr) minmax(310px,.85fr);
 gap:14px;
 align-items:start
}
.overview-main-column{min-width:0}
.overview-alerts-panel{
 position:sticky;
 top:150px;
 max-height:calc(100vh - 170px);
 overflow:auto
}
.alert-group{border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:11px;background:#101722}
.alert-group:last-child{margin-bottom:0}
.alert-group h3{
 display:flex;justify-content:space-between;align-items:center;
 margin:0;padding:10px 12px;font-size:13px;background:#121b28;border-bottom:1px solid var(--line)
}
.alert-group h3 span{
 display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;
 border-radius:999px;background:#1d2a3b;color:var(--muted);font-size:11px
}
.alert-group.risk h3{color:#ffd6dc}
.alert-group.data h3{color:#cfe0ff}
.overview-alerts-panel .alert{font-size:12px;padding:10px 12px;line-height:1.6}
.stock-price{font-size:14px;white-space:nowrap}
.stock-price-cell{min-width:180px}
.stock-price-cell small{white-space:nowrap}
#positionTable table{min-width:1240px}
#positionTable th:nth-child(3),#positionTable td:nth-child(3){white-space:nowrap;min-width:105px}
#positionTable th:nth-child(5),#positionTable td:nth-child(5){min-width:185px}
.valuation-table td:nth-child(3) small{white-space:nowrap}
@media(max-width:1180px){
 .overview-top-layout{grid-template-columns:1fr}
 .overview-alerts-panel{position:static;max-height:none}
}
@media(max-width:720px){
 .overview-alerts-panel{order:-1}
 .stock-price-cell small{white-space:normal}
}

/* V2.8.3.5 ETF iNAV status */
#marketStatusBadge{max-width:260px;white-space:normal;text-align:center;line-height:1.35}
.valuation-table th:nth-child(4),.valuation-table td:nth-child(4){min-width:235px}
.valuation-table td:nth-child(4) small{white-space:normal;line-height:1.45}
@media(max-width:900px){
 #marketStatusBadge{display:none}
}

/* V2.8.4.0 compact multi-market decision UI */
.compact-logic{padding:0;overflow:hidden}
.compact-logic>summary{
 display:flex;align-items:center;justify-content:space-between;gap:14px;
 padding:10px 14px;cursor:pointer;list-style:none
}
.compact-logic>summary::-webkit-details-marker{display:none}
.compact-logic>summary span{font-size:14px;font-weight:800}
.compact-logic>summary small{font-size:11px;color:var(--muted);text-align:right}
.compact-logic[open] .priority-flow{border-top:1px solid var(--line)}
.priority-flow{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:9px}
.priority-flow>div{padding:8px;border-radius:8px}
.priority-flow b{width:21px;height:21px;font-size:11px;margin-bottom:5px}
.priority-flow span{font-size:12px}
.priority-flow small{font-size:10px;line-height:1.35}

.market-context{
 display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.8fr);
 gap:10px;padding:10px 12px;margin-bottom:9px;
 border:1px solid var(--line);border-radius:10px;background:#101722
}
.market-context-main span,.market-context-main b,.market-context-main small{display:block}
.market-context-main span{font-size:10px;color:var(--muted)}
.market-context-main b{font-size:16px;margin-top:2px}
.market-context-main small{font-size:10px;color:var(--muted);margin-top:3px}
.market-context-signals{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.market-context-signals>span{font-size:10px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}
.market-context.positive{border-color:#28745c}.market-context.warning{border-color:#846d26}.market-context.danger{border-color:#96414a}

.recommendation-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.compact-recommend{margin:0;padding:10px}
.compact-recommend .plan-top b{font-size:13px}
.compact-recommend .recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px}
.compact-recommend .recommend-grid>div{padding:7px}
.compact-recommend .recommend-grid span{font-size:10px}
.compact-recommend .recommend-grid b{font-size:13px}
.compact-recommend .reason{font-size:10.5px;line-height:1.45;margin-top:7px;max-height:3.1em;overflow:hidden}

.compact-valuation-table{min-width:0!important;table-layout:fixed}
.compact-valuation-table th,.compact-valuation-table td{padding:8px 6px;font-size:11px;white-space:normal}
.compact-valuation-table th:nth-child(1){width:12%}
.compact-valuation-table th:nth-child(2){width:10%}
.compact-valuation-table th:nth-child(3){width:15%}
.compact-valuation-table th:nth-child(4){width:7%}
.compact-valuation-table th:nth-child(5),
.compact-valuation-table th:nth-child(6),
.compact-valuation-table th:nth-child(7){width:8%}
.compact-valuation-table th:nth-child(8){width:11%}
.compact-valuation-table th:nth-child(9){width:13%}
.compact-valuation-table th:nth-child(10){width:8%}
.compact-valuation-table td small{font-size:9px;line-height:1.3}
.context-pill{display:inline-block;padding:3px 7px;border:1px solid var(--line);border-radius:999px;font-size:10px;white-space:nowrap}
.context-pill.positive{color:#a9f3d4;border-color:#2f7960}
.context-pill.warning{color:#ffe39a;border-color:#75632e}
.context-pill.danger{color:#ffd4da;border-color:#8d3e4d}
#valuationSummary.table-wrap{overflow-x:hidden}

.reminder-item{display:grid;gap:7px}
.reminder-text{font-size:11px;line-height:1.5}
.reminder-actions{display:flex;justify-content:flex-end;gap:5px}
.reminder-actions button{padding:5px 8px;font-size:10px;border-radius:7px}

.plan-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.plan-list-grid .plan-card{margin:0;padding:10px}
.plan-list-grid .plan-top b{font-size:13px}
.plan-list-grid .plan-top small{font-size:10px}
.plan-list-grid .plan-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px}
.plan-list-grid .plan-metrics div{padding:7px}
.plan-list-grid .plan-metrics span{font-size:10px}
.plan-list-grid .plan-metrics b{font-size:13px}
.plan-list-grid .reason{font-size:10.5px;margin-top:6px}
.plan-list-grid .actions{margin-top:7px}
.plan-list-grid .actions button{padding:6px 9px;font-size:11px}

.compact-rule-table{min-width:0!important;table-layout:fixed}
.compact-rule-table th,.compact-rule-table td{padding:8px 7px;font-size:11px}
.compact-rule-table th:nth-child(1){width:17%}
.compact-rule-table th:nth-child(2){width:18%}
.compact-rule-table th:nth-child(3),
.compact-rule-table th:nth-child(4),
.compact-rule-table th:nth-child(5){width:11%}
.compact-rule-table th:nth-child(6){width:15%}
.compact-rule-table th:nth-child(7){width:10%}
.compact-rule-table th:nth-child(8){width:7%}
#valuationRuleList.table-wrap{overflow-x:hidden}

#overviewCards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
#overviewCards .card{padding:10px}
#overviewCards .card span{font-size:10.5px}
#overviewCards .card strong{font-size:17px;margin-top:4px}
.panel{padding:13px}
.panel-head{margin-bottom:9px}
.panel-head h2,h2{font-size:16px}
.allocation-layout{grid-template-columns:minmax(170px,230px) 1fr;gap:18px}
.allocation-donut{width:170px;height:170px}
.allocation-donut::after{inset:34px}
.allocation-donut strong{font-size:17px}
.overview-top-layout{grid-template-columns:minmax(0,1.9fr) minmax(290px,.75fr)}

@media(max-width:1180px){
 .recommendation-list{grid-template-columns:1fr}
 .compact-valuation-table{min-width:1050px!important}
 #valuationSummary.table-wrap{overflow-x:auto}
 .compact-rule-table{min-width:850px!important}
 #valuationRuleList.table-wrap{overflow-x:auto}
}
@media(max-width:900px){
 .plan-list-grid{grid-template-columns:1fr}
 .market-context{grid-template-columns:1fr}
 .market-context-signals{justify-content:flex-start}
 .priority-flow{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
 .priority-flow{grid-template-columns:repeat(2,1fr)}
 .compact-logic>summary{align-items:flex-start;flex-direction:column}
 .compact-logic>summary small{text-align:left}
}

/* V2.8.4.1 readability and overview spacing */
#overviewCards.cards{
 display:grid;
 grid-template-columns:minmax(0,2fr) minmax(390px,1fr);
 gap:10px;
 align-items:start;
 margin-bottom:14px
}
.kpi-group{display:grid;gap:8px;align-items:stretch}
.kpi-finance{grid-template-columns:repeat(6,minmax(112px,1fr))}
.kpi-risk{grid-template-columns:repeat(3,minmax(120px,1fr))}
#overviewCards .card{height:100%;min-height:82px;padding:11px 12px}
#overviewCards .card>.kpi-label{font-size:12px;color:#aebed3;line-height:1.35}
#overviewCards .card>strong{font-size:18px;margin-top:6px;line-height:1.25}
#overviewCards .kpi-main-value{display:block;font-size:19px!important;font-weight:800;line-height:1.25}
#overviewCards .metric-line small{font-size:11.5px}
#overviewCards .metric-line b{font-size:16px}

.overview-main-column>.grid.two{align-items:start}
.overview-main-column>.grid.two>.panel{align-self:start;height:auto}
#assetAllocation{min-height:0}
.allocation-layout{align-items:center}

.market-context-main span{font-size:11.5px}
.market-context-main b{font-size:18px}
.market-context-main small{font-size:11.5px;line-height:1.45}
.market-context-signals{justify-content:flex-end;align-content:center}
.market-context-signals>span{font-size:11.5px;padding:5px 8px}
.compact-recommend .reason{font-size:11.5px;line-height:1.5;max-height:3.2em}
.compact-recommend .recommend-grid span{font-size:11px}

.compact-logic>summary span{font-size:15px}
.compact-logic>summary small{font-size:12px}
.priority-flow span{font-size:13px}
.priority-flow small{font-size:11.5px;line-height:1.45}
.priority-flow b{width:23px;height:23px;font-size:12px}

.compact-valuation-table{table-layout:fixed}
.compact-valuation-table th,
.compact-valuation-table td{padding:10px 8px;font-size:12px;line-height:1.5}
.compact-valuation-table td small{font-size:10.5px;line-height:1.4;margin-top:4px}
.compact-valuation-table th:nth-child(1){width:14%}
.compact-valuation-table th:nth-child(2){width:10%}
.compact-valuation-table th:nth-child(3){width:16%}
.compact-valuation-table th:nth-child(4){width:7%}
.compact-valuation-table th:nth-child(5),
.compact-valuation-table th:nth-child(6),
.compact-valuation-table th:nth-child(7){width:8%}
.compact-valuation-table th:nth-child(8){width:12%}
.compact-valuation-table th:nth-child(9){width:17%}
.context-pill{font-size:11px;padding:4px 8px}

@media(max-width:1380px){
 #overviewCards.cards{grid-template-columns:1fr}
 .kpi-finance{grid-template-columns:repeat(6,minmax(110px,1fr))}
 .kpi-risk{grid-template-columns:repeat(3,minmax(150px,1fr));max-width:760px}
}
@media(max-width:980px){
 .kpi-finance{grid-template-columns:repeat(3,1fr)}
 .kpi-risk{grid-template-columns:repeat(3,1fr);max-width:none}
}
@media(max-width:660px){
 .kpi-finance,.kpi-risk{grid-template-columns:repeat(2,1fr)}
 #overviewCards .card{min-height:76px}
 .market-context-signals{justify-content:flex-start}
}