/* Phone-first reading layout: each table row becomes a labeled record. */
main,.grid>div,.metrics>div,.account-grid>div{min-width:0}
.cell-value{min-width:0;overflow-wrap:anywhere}
.chart-range{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:13px;margin-top:18px;flex-wrap:wrap}
.more-nav{display:none}aside{overflow-y:auto}nav{margin-top:22px;gap:4px}
.member-list,.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.menu-grid button{text-align:left;padding:18px}.menu-grid small{display:block;margin-top:6px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
#own-form label{display:block;font-size:14px;color:var(--muted)}#own-form input,#own-form select{display:block;width:100%;margin:6px 0 14px}
#own-form button{margin:8px 6px 0 0}summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:16px}
.verdict{font-size:18px;font-weight:650;color:var(--blue)}.reasons{padding-left:20px;color:var(--muted);font-size:14px}.reasons li{margin-bottom:8px}
.brief{border-left:3px solid var(--blue);padding:4px 0 4px 16px;margin-bottom:22px}.brief h2{font-size:21px;margin:0 0 8px}.brief p{color:var(--muted);margin:0;max-width:850px;font-size:15px}.brief.warning{border-color:#f7c87a}.brief.warning h2,.caution{color:#f7c87a}
.quick-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.pattern-comparisons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pattern-compare{margin:0}.pattern-compare h2{font-size:23px}.balance-label{font-size:14px}.comparison-row{display:grid;grid-template-columns:72px minmax(0,1fr) 48px;align-items:center;gap:12px;margin:12px 0;font-size:14px}.comparison-row svg{width:100%;height:16px}.comparison-row strong{text-align:right;font-variant-numeric:tabular-nums}.bar-track{fill:#26354c}.bar-long{fill:var(--green)}.bar-short{fill:var(--red)}.bar-accent{fill:var(--blue)}.pattern-compare details{border-top:1px solid var(--line);margin-top:18px;padding-top:6px}.pattern-compare details h3{margin-top:16px}.group-result{padding:16px 0;border-bottom:1px solid var(--line)}.group-result:last-child{border:0}.group-result .panel-head{margin-bottom:8px}.disclosure>summary{font-weight:650}.disclosure[open]>summary{margin-bottom:20px}.disclosure .panel{border-radius:9px}
.filters{align-items:end}.control-label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:13px;flex:1;min-width:145px}.control-label select{width:100%;margin:0}.filter-state{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;font-size:14px}.status-chip{display:inline-block;padding:4px 8px;border-radius:6px;font-size:13px;background:#1b2c41}.status-chip.pending{color:#f7c87a}.pnl-hero{font-size:28px;font-weight:650;margin:16px 0}.pnl-hero small{display:block;font-size:13px;font-weight:400}.verdict.negative{color:var(--red)}.chart+small{display:block}.menu-grid button strong{font-size:18px}
@media(max-width:700px){
 body{font-size:16px;-webkit-text-size-adjust:100%}
 .pattern-comparisons{grid-template-columns:1fr}.comparison-row{grid-template-columns:58px minmax(0,1fr) 42px;gap:10px}.brief h2{font-size:20px}.control-label{min-width:calc(50% - 8px)}.quick-links button{flex:1 1 140px}.disclosure{padding:14px 10px}
 .shell{min-height:100dvh}
 aside{position:relative;padding:14px max(14px,env(safe-area-inset-right)) 14px max(14px,env(safe-area-inset-left))}
 .brand{max-width:calc(100% - 88px)}.brand small{font-size:12px;letter-spacing:0}
 .aside-note{display:block;position:absolute;right:max(14px,env(safe-area-inset-right));top:14px;font-size:0}
 .aside-note button{margin:0;font-size:14px;padding:8px 10px}
 main{padding:20px max(14px,env(safe-area-inset-right)) calc(100px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
 header{display:block;margin-bottom:18px}h1{font-size:28px;overflow-wrap:anywhere}
 .eyebrow{font-size:12px;letter-spacing:1px}
 .connection{max-width:none;text-align:left;display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px;align-items:center}
 .connection small{margin:0;font-size:13px}.connection span{font-size:14px}
 nav{padding-left:max(5px,env(safe-area-inset-left));padding-right:max(5px,env(safe-area-inset-right));backdrop-filter:blur(16px)}
 nav button{font-size:13px;min-height:48px;padding:10px 3px;overflow-wrap:anywhere}
 nav .secondary-nav{display:none}nav .more-nav{display:block}.menu-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}aside{overflow:visible}
 .metrics{gap:10px}.metric{padding:14px 12px}.metric strong{font-size:clamp(20px,6vw,28px);letter-spacing:-.4px;overflow-wrap:anywhere;line-height:1.25}.metric small{font-size:13px}
 .panel{padding:16px 12px}.panel-head{flex-wrap:wrap;gap:10px}.panel-head small{max-width:none;text-align:left}
 .panel-head h2{font-size:18px}.panel-head button{font-size:14px;padding:8px 12px}
 input,select,.filters select{font-size:16px;min-height:44px}.filters select{flex:0 0 auto;min-width:0;height:44px}
 .table-wrap{overflow:visible}table,tbody{display:block;width:100%}
 thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 tbody tr{display:block;padding:12px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;background:#0e1828}
 tbody tr:last-child{margin-bottom:0}
 td{display:grid;grid-template-columns:minmax(90px,.85fr) minmax(0,1.15fr);align-items:center;gap:12px;padding:7px 0;border:0;font-size:15px}
 td::before{content:attr(data-label);color:var(--muted);font-size:14px;font-weight:400}
 td .cell-value{text-align:right}td button{font-size:16px;min-height:44px;white-space:normal;max-width:100%;padding:6px 10px}
 td small{font-size:13px}td .tag{font-size:13px}
 .account-value{font-size:26px;overflow-wrap:anywhere}.statline{font-size:15px;gap:12px}.statline>span{min-width:0;overflow-wrap:anywhere}
 dialog{width:100%;max-width:100%;max-height:92dvh;margin:auto 0 0;padding:16px 14px calc(24px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;overscroll-behavior:contain}
 #close-detail{position:sticky;top:0;z-index:1;background:#192841;min-height:48px}#login{margin:20px auto;padding:20px 16px}
 .top-item{gap:8px}.top-item small{overflow-wrap:anywhere}footer{font-size:13px}
}
@media(max-width:359px){.metrics{grid-template-columns:1fr}.brand small{display:none}nav button{font-size:12px}}
.own-sections{display:grid;gap:2rem;min-width:0}.own-position{min-width:0}.own-position .panel-head{flex-wrap:wrap;gap:.5rem}.own-position small{overflow-wrap:anywhere}.own-position details{margin:1rem 0}.own-position .verdict{line-height:1.35}.own-position h3{margin-top:1rem}
