/* Interior pages only: the approved overview and public landing are unchanged. */
body:not([data-view="overview"]) #app{--inner-line:#e4dfd5;max-width:1320px;margin:0 auto}
body:not([data-view="overview"]) #app>.plan-tabs{background:transparent;border-bottom:1px solid #ded8cc;border-radius:0;padding:0 0 10px;gap:10px;margin:0 0 28px;width:100%;justify-content:flex-start}
body:not([data-view="overview"]) #app>.plan-tabs button{flex:0 1 auto;min-width:132px;padding:12px 20px;font-size:16px;border-radius:9px;color:#56564c}
body:not([data-view="overview"]) #app>.plan-tabs button.active{background:#252921;color:#edf56c}
body:not([data-view="overview"]) #app .panel{padding:28px;border-radius:16px;border:1px solid var(--inner-line);box-shadow:0 3px 12px #302b1803}
body:not([data-view="overview"]) #app .panel.full{margin-top:24px}
body:not([data-view="overview"]) #app .panel-head{align-items:flex-start;gap:22px;margin-bottom:24px}
body:not([data-view="overview"]) #app .panel-head h2{font-size:22px;font-weight:650;line-height:1.45;letter-spacing:0}
body:not([data-view="overview"]) #app .panel-head p{font-size:15px;line-height:1.7;color:#626356;max-width:640px;margin:8px 0 0}
body:not([data-view="overview"]) #app .toolbar{gap:16px;margin-bottom:24px}
body:not([data-view="overview"]) #app .stats{gap:16px}
body:not([data-view="overview"]) #app .stat{padding:23px;border-radius:13px}
body:not([data-view="overview"]) #app .stat-label{font-size:15px;color:#515649}
body:not([data-view="overview"]) #app .stat-value{font-size:30px;margin:15px 0 10px;font-variant-numeric:tabular-nums}
body:not([data-view="overview"]) #app .stat-sub{font-size:14px;line-height:1.6;color:#65685c}
body:not([data-view="overview"]) #app .grid{gap:24px;margin-top:24px;align-items:start}
body:not([data-view="overview"]) #app .grid.equal{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body:not([data-view="overview"]) #app table{font-size:16px;font-variant-numeric:tabular-nums}
body:not([data-view="overview"]) #app th{background:#f7f6f0;padding:14px 16px;font-size:14px;font-weight:600;color:#585b4f}
body:not([data-view="overview"]) #app td{padding:18px 16px;border-bottom:1px solid #e9e5dc}
body:not([data-view="overview"]) #app td small{font-size:14px;line-height:1.6;margin-top:6px;color:#65685d}
body:not([data-view="overview"]) #app .table-wrap{border:1px solid #e9e5dc;border-radius:10px}
body:not([data-view="overview"]) #app form label{font-size:15px;color:#42493b;margin-bottom:20px;line-height:1.6}
body:not([data-view="overview"]) #app form input,body:not([data-view="overview"]) #app form select{padding:12px 14px;font-size:17px;border-radius:9px;background:#fcfcf8;margin-top:8px}
body:not([data-view="overview"]) #app .form-row{gap:20px}
body:not([data-view="overview"]) #app .notice{margin:22px 0;padding:16px 18px;font-size:14px;line-height:1.8;background:#f6f5ed;border-color:#e7e4d4;color:#5b604e}
body:not([data-view="overview"]) #app .hint{font-size:14px;color:#626658;line-height:1.8}
body:not([data-view="overview"]) #app .note-card{padding:24px;margin:18px 0;border-color:#e5deeb;border-left:3px solid #b59cc9;border-radius:12px;background:#fefdfd}
body:not([data-view="overview"]) #app .note-card h3{font-size:20px;line-height:1.5;margin-bottom:10px}
body:not([data-view="overview"]) #app .note-card p{font-size:16px;line-height:1.85;color:#454c40;margin:16px 0}
body:not([data-view="overview"]) #app .note-card small{font-size:14px;color:#64685b}
body:not([data-view="overview"]) #app .note-actions{border-top:1px solid #eeebf1;padding-top:12px;margin-top:20px}
body:not([data-view="overview"]) #app .empty{padding:42px 18px;font-size:15px}
body:not([data-view="overview"]) #app .empty strong{font-size:18px}
body[data-view="trades"] .trade-sleeve-cards{gap:15px;margin-top:20px}
body[data-view="trades"] .trade-sleeve-cards .sleeve-mini{padding:20px;background:#faf9f5;min-height:150px;display:flex;flex-direction:column;gap:7px}
body[data-view="trades"] .trade-sleeve-cards .sleeve-mini.selected{background:#f3edf8;border-color:#b297cb}
body[data-view="trades"] .trade-sleeve-cards strong{font-size:23px}
body[data-view="trades"] .trade-sleeve-cards small{font-size:14px;line-height:1.5;margin:0}
body[data-view="strategies"] .strategy-grid{gap:22px}
body[data-view="strategies"] #app .strategy-grid .note-card{margin:0}
body[data-view="membership"] .member-intro{padding:12px 0 24px;margin:0}
body[data-view="membership"] .member-intro h2{font-size:30px;line-height:1.5;margin:12px 0}
body[data-view="membership"] .member-intro p{font-size:16px;color:#565b4c;line-height:1.8}
body[data-view="membership"] .membership-three{gap:22px;align-items:stretch}
body[data-view="membership"] #app .tier{padding:30px;display:flex;flex-direction:column}
body[data-view="membership"] .tier h2{font-size:27px;margin:20px 0 8px}
body[data-view="membership"] .tier-price{font-size:40px;margin:18px 0}
body[data-view="membership"] .tier-price small{font-size:15px;color:#626356}
body[data-view="membership"] .tier-desc{font-size:16px;line-height:1.7;min-height:54px;color:#555b4c}
body[data-view="membership"] .tier li{font-size:15px;padding:14px 0;line-height:1.65;color:#434b3d}
body[data-view="membership"] .tier em{font-size:12px}
body[data-view="membership"] .tier ul{flex:1;margin:24px 0 12px}
@media(max-width:1200px){body:not([data-view="overview"]) #app .stats{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-view="membership"] .membership-three{grid-template-columns:1fr 1fr}body[data-view="membership"] .membership-three .tier:last-child{grid-column:1/-1}}
@media(max-width:900px){body:not([data-view="overview"]) #app .grid,body:not([data-view="overview"]) #app .grid.equal{grid-template-columns:1fr}body[data-view="strategies"] .strategy-grid{grid-template-columns:1fr}}
@media(max-width:600px){body:not([data-view="overview"]) #app>.plan-tabs{gap:6px;margin-bottom:22px}body:not([data-view="overview"]) #app>.plan-tabs button{flex:1;min-width:0;font-size:15px;padding:12px 8px}body:not([data-view="overview"]) #app .panel{padding:21px 18px}body:not([data-view="overview"]) #app .panel-head{gap:16px;margin-bottom:21px}body:not([data-view="overview"]) #app .panel-head h2{font-size:21px}body:not([data-view="overview"]) #app .stats{gap:12px}body:not([data-view="overview"]) #app .stat{padding:18px 14px}body:not([data-view="overview"]) #app .stat-value{font-size:25px}body:not([data-view="overview"]) #app .form-row{grid-template-columns:1fr;gap:0}body[data-view="trades"] .trade-sleeve-cards{gap:12px}body[data-view="trades"] .trade-sleeve-cards .sleeve-mini{padding:16px;min-height:145px}body[data-view="trades"] .trade-sleeve-cards strong{font-size:20px}body[data-view="membership"] .membership-three{grid-template-columns:1fr}body[data-view="membership"] .membership-three .tier:last-child{grid-column:auto}body[data-view="membership"] #app .tier{padding:25px}body[data-view="membership"] .member-intro h2{font-size:25px}body:not([data-view="overview"]) #app .note-card{padding:21px 18px}body:not([data-view="overview"]) #app td{padding:15px 13px}}