:root{--bg:#050505;--bg2:#0a0a0a;--panel:#0c0c0c;--panel2:#121212;--line:#2a2317;--line2:#4a3a1e;--gold:#d8a84e;--gold2:#f4d17a;--green:#3fd58a;--red:#ff625e;--blue:#e8b33f;--purple:#e8b33f;--cyan:#c4912f;--text:#f4d17a;--muted:#c4912f;--shadow:0 18px 50px rgba(0,0,0,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(rgba(2,2,2,.88),rgba(2,2,2,.94)),url('/assets/gold-autosafe-hero.png') center/cover fixed,linear-gradient(145deg,#050505,#0b0b0b 55%,#050505);color:var(--text);font-family:Inter,"Noto Sans Thai",Tahoma,system-ui,sans-serif;min-height:100vh}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px 16px;background:rgba(5,5,5,.94);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 29px}.brand-mark{width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(232,179,63,.65);border-radius:12px;color:var(--gold2);font-weight:900;box-shadow:inset 0 0 18px rgba(232,179,63,.12),0 0 20px rgba(232,179,63,.08)}.brand strong,.brand span{display:block}.brand strong{color:var(--gold2);letter-spacing:2.6px;font-size:16px}.brand span{font-size:11px;letter-spacing:4px;margin-top:3px}.nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:11px;font-size:14px;text-align:left;cursor:pointer;transition:.2s}.nav-item i{font-style:normal;width:20px;text-align:center;font-size:17px}.nav-item:hover{color:#fff;background:#111}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(232,179,63,.22),rgba(232,179,63,.04));box-shadow:inset 3px 0 0 var(--gold)}.sidebar-foot{margin-top:auto}.connection{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#0a0a0a;border-radius:12px;padding:12px}.connection b,.connection small{display:block}.connection b{font-size:12px}.connection small{color:var(--muted);font-size:10px;margin-top:3px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green)}.version{text-align:center;color:#684b17;font-size:10px;margin-top:14px}.main{min-width:0;padding:24px 28px 38px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.topbar-left{display:flex;align-items:center;gap:12px}.topbar h1{margin:0;font-size:27px;letter-spacing:-.5px}.topbar p{margin:5px 0 0;color:var(--muted);font-size:13px}.menu-btn{display:none}.top-actions{display:flex;align-items:center;gap:10px}.account-picker{display:flex;align-items:center;gap:10px;padding:7px 9px 7px 13px;border:1px solid var(--line);border-radius:11px;background:#0c0c0c}.account-picker span{color:var(--muted);font-size:11px}.account-picker select,.filters select{background:#111;color:#fff;border:0;outline:0;padding:6px;border-radius:7px}.icon-btn,.month-nav button{width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:#0c0c0c;color:#fff;font-size:20px;cursor:pointer}.icon-btn:hover,.month-nav button:hover{border-color:var(--gold);color:var(--gold)}.view{display:none}.view.active{display:block}.panel,.kpi{border:1px solid var(--line);background:linear-gradient(145deg,rgba(25,18,7,.96),rgba(12,9,4,.96));border-radius:15px;box-shadow:var(--shadow)}.hero-row{display:grid;grid-template-columns:1fr 280px;gap:13px;margin-bottom:13px}.account-hero{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(105deg,rgba(232,179,63,.13),rgba(12,9,4,.96) 52%)}.eyebrow{color:var(--gold2);font-size:11px;text-transform:uppercase;letter-spacing:1.4px}.account-hero h2{font-size:34px;margin:5px 0 2px}.account-hero p{margin:0;color:var(--muted);font-size:12px}.account-meta{text-align:right}.account-meta span,.account-meta b{display:block}.account-meta span{color:var(--muted);font-size:11px}.account-meta b{margin-top:6px}.date-card{padding:20px}.date-card span,.date-card strong,.date-card small{display:block}.date-card span,.date-card small{color:var(--muted);font-size:11px}.date-card strong{margin:8px 0;font-size:16px}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.kpi{padding:16px;display:flex;gap:12px;align-items:center;min-width:0}.kpi-icon{width:36px;height:36px;min-width:36px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:rgba(255,255,255,.04)}.kpi-icon.gold{color:var(--gold);border:1px solid rgba(232,179,63,.3)}.kpi-icon.blue{color:var(--blue);border:1px solid rgba(232,179,63,.3)}.kpi-icon.green{color:var(--green);border:1px solid rgba(63,213,138,.3)}.kpi-icon.red{color:var(--red);border:1px solid rgba(255,98,94,.3)}.kpi-icon.purple{color:var(--purple);border:1px solid rgba(232,179,63,.3)}.kpi-icon.cyan{color:var(--cyan);border:1px solid rgba(196,145,47,.3)}.kpi span,.kpi small,.kpi strong{display:block}.kpi span{color:var(--muted);font-size:11px}.kpi strong{font-size:18px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi small{color:#60758a;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:13px}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.chart-panel,.distribution-panel,.calendar-preview,.quick-stats,.recent-trades,.page-panel,.analytics-card{padding:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.panel-head h3,.analytics-card h3{font-size:15px;margin:0}.panel-head p,.analytics-card p{font-size:10px;color:var(--muted);margin:4px 0 0}.legend{color:var(--muted);font-size:10px}.gold-line{width:17px;height:2px;background:var(--gold);display:inline-block;margin-right:6px;vertical-align:middle}.svg-chart{height:270px}.svg-chart svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#37270c;stroke-width:1}.chart-line{fill:none;stroke:var(--gold);stroke-width:2.4;filter:drop-shadow(0 0 5px rgba(232,179,63,.25))}.chart-area{fill:url(#areaGradient)}.chart-label{fill:#6f8296;font-size:9px}.donut-wrap{display:grid;place-items:center;padding:5px 0 13px}.donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 50%,var(--red) 50% 100%);position:relative}.donut:after{content:"";position:absolute;inset:18px;background:#0c0904;border-radius:50%;border:1px solid var(--line)}.donut>div{position:relative;z-index:1;text-align:center}.donut strong,.donut span{display:block}.donut strong{font-size:24px}.donut span{color:var(--muted);font-size:10px}.side-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.side-stats div{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;font-size:11px}.dot{width:7px;height:7px;border-radius:50%}.dot.buy{background:var(--green)}.dot.sell{background:var(--red)}.text-btn{background:transparent;border:0;color:var(--gold2);font-size:10px;cursor:pointer}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.calendar-grid.compact .calendar-day{min-height:65px}.calendar-day{border:1px solid var(--line);background:#0a0a0a;border-radius:9px;padding:8px;min-height:95px;position:relative}.calendar-day.empty{opacity:.25}.calendar-day.today{border-color:var(--gold);box-shadow:inset 0 0 0 1px rgba(232,179,63,.16)}.calendar-day .day-num{font-size:10px;color:#72869a}.calendar-day .day-profit{display:block;margin-top:12px;font-size:11px;font-weight:700}.calendar-day .day-count{font-size:8px;color:#684b17;position:absolute;bottom:7px;left:8px}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.neutral{color:#e8b33f!important}.stat-list{display:grid;gap:9px}.stat-list div{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#0a0a0a}.stat-list span{font-size:10px;color:var(--muted)}.stat-list b{font-size:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px}.table-wrap.tall{max-height:calc(100vh - 260px)}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}th,td{padding:11px 12px;border-bottom:1px solid #191207;text-align:left}th{color:#718498;background:#0a0a0a;position:sticky;top:0;z-index:1;font-weight:600}tbody tr:hover{background:rgba(255,255,255,.018)}.badge{display:inline-flex;padding:4px 7px;border-radius:6px;font-size:9px;font-weight:700}.badge.buy{background:rgba(63,213,138,.12);color:var(--green)}.badge.sell{background:rgba(255,98,94,.12);color:var(--red)}.page-panel{min-height:calc(100vh - 115px)}.calendar-toolbar{margin-bottom:18px}.month-nav{display:flex;align-items:center;gap:12px}.month-nav button{width:34px;height:34px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:7px}.calendar-weekdays span{text-align:center;color:var(--muted);font-size:10px;padding:6px}.calendar-grid.full .calendar-day{min-height:108px}.month-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.month-summary div{border:1px solid var(--line);background:#0a0a0a;border-radius:10px;padding:13px}.month-summary span,.month-summary b{display:block}.month-summary span{font-size:9px;color:var(--muted)}.month-summary b{margin-top:4px;font-size:16px}.trades-head{align-items:flex-end}.filters{display:flex;gap:8px}.filters input{border:1px solid var(--line);background:#0a0a0a;color:#fff;border-radius:9px;padding:10px 12px;outline:0;min-width:210px}.filters input:focus{border-color:var(--gold)}.filters select{border:1px solid var(--line)}.trade-summary-strip{display:flex;align-items:center;gap:22px;margin-bottom:12px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#0a0a0a}.trade-summary-strip div span,.trade-summary-strip div b{display:block}.trade-summary-strip div span{font-size:9px;color:var(--muted)}.trade-summary-strip div b{font-size:13px;margin-top:2px}.trade-summary-strip button{margin-left:auto;border:1px solid rgba(232,179,63,.4);background:rgba(232,179,63,.09);color:var(--gold2);border-radius:8px;padding:9px 12px;cursor:pointer}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.analytics-card{min-height:260px}.bar-list{display:grid;gap:12px;margin-top:20px}.bar-row{display:grid;grid-template-columns:90px 1fr 90px;align-items:center;gap:10px}.bar-row span{font-size:10px;color:var(--muted)}.bar-track{height:8px;border-radius:20px;background:#0a0a0a;overflow:hidden}.bar-fill{height:100%;border-radius:20px}.bar-fill.pos{background:linear-gradient(90deg,#209c60,var(--green))}.bar-fill.neg{background:linear-gradient(90deg,#a9343d,var(--red))}.bar-row b{text-align:right;font-size:10px}.vertical-bars{height:240px;display:flex;align-items:center;gap:4px;padding-top:20px;overflow:hidden}.vbar{flex:1;min-width:5px;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.vbar:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid #37270c}.vbar-fill{width:72%;position:absolute;left:14%;border-radius:3px}.vbar-fill.pos{bottom:50%;background:var(--green)}.vbar-fill.neg{top:50%;background:var(--red)}.big-number{font-size:65px;font-weight:800;margin-top:40px}.toast{position:fixed;right:22px;bottom:22px;padding:11px 15px;background:#191207;border:1px solid var(--line2);border-radius:10px;color:#fff;font-size:11px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:100}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.hero-row{grid-template-columns:1fr 240px}}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;transition:.25s;width:248px}.sidebar.open{left:0}.main{padding:18px}.menu-btn{display:block;width:38px;height:38px;border:1px solid var(--line);background:#0c0c0c;color:#fff;border-radius:9px}.hero-row{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr 1fr}.span-2,.span-3{grid-column:span 2}.filters{flex-wrap:wrap}.analytics-grid{grid-template-columns:1fr}.analytics-grid .span-2{grid-column:span 1}}@media(max-width:650px){.main{padding:13px}.topbar{align-items:flex-start}.topbar h1{font-size:21px}.topbar p{display:none}.account-picker span{display:none}.account-picker{padding-left:7px}.icon-btn{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.kpi{padding:12px;gap:8px}.kpi-icon{display:none}.hero-row{display:block}.date-card{display:none}.dashboard-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}.svg-chart{height:220px}.calendar-grid.compact{grid-template-columns:repeat(4,1fr)}.calendar-grid.full .calendar-day{min-height:75px;padding:5px}.calendar-day .day-profit{font-size:9px}.calendar-day .day-count{display:none}.month-summary{grid-template-columns:1fr 1fr}.trades-head{display:block}.filters{margin-top:12px}.filters input{width:100%;min-width:0}.trade-summary-strip{gap:10px;flex-wrap:wrap}.trade-summary-strip button{margin-left:0}.bar-row{grid-template-columns:70px 1fr 70px}}


/* Real-time multi-portfolio */
.live-banner{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;margin-bottom:13px;background:linear-gradient(90deg,rgba(32,156,96,.12),rgba(232,179,63,.06))}.live-banner>div{display:flex;align-items:center;gap:9px}.live-banner small,.live-banner span{color:var(--muted);font-size:10px}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(56,211,135,.1);animation:livePulse 1.5s infinite}.portfolio-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:13px}.portfolio-table-panel{margin-bottom:13px}.live-controls{display:flex;gap:8px}.live-controls input,.live-controls select{border:1px solid var(--line);background:#0c0904;color:#f4d17a;border-radius:8px;padding:9px 10px;font-size:10px}.live-controls input{min-width:240px}.live-status{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:4px 7px;border-radius:20px;border:1px solid}.live-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.live-status.online{color:var(--green);border-color:rgba(56,211,135,.25);background:rgba(56,211,135,.07)}.live-status.warning{color:var(--gold2);border-color:rgba(232,179,63,.3);background:rgba(232,179,63,.07)}.live-status.offline{color:var(--red);border-color:rgba(255,86,94,.3);background:rgba(255,86,94,.07)}.table-sub{display:block;color:var(--muted);font-size:8px;margin-top:3px}.empty-live{text-align:center!important;padding:42px!important;color:var(--muted)}.portfolio-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.portfolio-account-card{padding:16px}.portfolio-card-head{display:flex;justify-content:space-between;gap:10px}.portfolio-card-head h3{font-size:18px;margin:9px 0 3px}.portfolio-card-head p{color:var(--muted);font-size:9px}.portfolio-card-head>b{font-size:16px}.portfolio-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.portfolio-mini-grid div{padding:10px;background:#0c0904;border:1px solid var(--line);border-radius:8px}.portfolio-mini-grid span,.portfolio-mini-grid b{display:block}.portfolio-mini-grid span{font-size:8px;color:var(--muted);margin-bottom:4px}.portfolio-mini-grid b{font-size:11px}.sync-time{display:block;color:var(--muted);font-size:8px;margin-top:10px}@keyframes livePulse{50%{box-shadow:0 0 0 11px rgba(56,211,135,0)}}
@media(max-width:1250px){.portfolio-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:960px){.portfolio-account-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.portfolio-kpis{grid-template-columns:1fr 1fr}.portfolio-account-grid{grid-template-columns:1fr}.live-banner{align-items:flex-start;gap:8px}.live-banner>div{align-items:flex-start;flex-wrap:wrap}.live-controls{width:100%;margin-top:10px}.live-controls input{min-width:0;flex:1}}

/* ปรับปรุงการจัดวางภาษาไทยและการใช้งาน */
html{font-family:"Tahoma","Noto Sans Thai","Segoe UI",sans-serif}body{letter-spacing:0}.main{min-width:0}.topbar{gap:16px}.topbar h1{line-height:1.35}.topbar p{line-height:1.5}.panel{overflow:hidden}.panel-head{gap:16px;align-items:flex-start}.panel-head h3{line-height:1.45}.panel-head p{line-height:1.55}.portfolio-kpis,.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.kpi{min-height:112px;align-items:center}.kpi strong{font-variant-numeric:tabular-nums}.live-controls,.filters{display:flex;flex-wrap:wrap;gap:10px}.live-controls input,.filters input{min-width:240px;flex:1}.live-controls select,.filters select{min-width:135px}.table-wrap{border-radius:12px;border:1px solid rgba(255,255,255,.06)}table{min-width:1050px}th{position:sticky;top:0;z-index:2;white-space:nowrap}td{white-space:nowrap}.portfolio-account-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.portfolio-account-card{min-height:190px}.portfolio-mini-grid{gap:10px}.portfolio-mini-grid>div{padding:12px;border-radius:10px;background:rgba(255,255,255,.025)}.account-picker{min-width:230px}.account-picker select{max-width:260px}.month-summary{grid-template-columns:repeat(4,minmax(130px,1fr))}.toast{max-width:min(420px,calc(100vw - 32px))}
@media(max-width:900px){.topbar{align-items:flex-start}.top-actions{width:100%;justify-content:space-between}.account-picker{flex:1}.account-picker select{width:100%;max-width:none}.live-banner{flex-direction:column;align-items:flex-start;gap:12px}.panel-head,.trades-head,.calendar-toolbar{flex-direction:column}.live-controls,.filters{width:100%}.live-controls input,.filters input,.live-controls select,.filters select{width:100%;min-width:0}.month-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.main{padding:0}.topbar{padding:14px 12px}.view{padding:12px}.portfolio-kpis,.kpi-grid{grid-template-columns:1fr}.kpi{min-height:96px}.hero-row{grid-template-columns:1fr}.month-summary{grid-template-columns:1fr}.portfolio-account-grid{grid-template-columns:1fr}.live-banner{padding:14px}.panel{border-radius:14px}.page-panel{padding:14px}.calendar-day{min-height:74px;padding:6px}.day-profit{font-size:11px}}

/* ตัวเลือกบัญชีและภาพรวมรายบัญชี */
.account-selection-panel{padding:20px;margin-top:16px}
.selection-head{align-items:flex-start;gap:16px}
.selection-actions{display:flex;gap:8px;flex-wrap:wrap}
.secondary-btn{border:1px solid var(--border);background:#191207;color:var(--text);border-radius:10px;padding:9px 14px;cursor:pointer;font:inherit}
.secondary-btn:hover{border-color:var(--gold);color:var(--gold)}
.account-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px;margin-top:16px}
.account-check{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:rgba(12,9,4,.72);cursor:pointer;transition:.18s ease}
.account-check:hover{border-color:rgba(232,179,63,.55);transform:translateY(-1px)}
.account-check.selected{border-color:var(--gold);background:rgba(232,179,63,.08)}
.account-check input{width:18px;height:18px;accent-color:var(--gold);flex:0 0 auto}
.account-check-main{min-width:0;display:flex;flex-direction:column;gap:2px}
.account-check-main b{font-size:14px;color:var(--text)}
.account-check-main small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-check-status{margin-left:auto;font-size:12px;padding:4px 8px;border-radius:999px;background:#191207;color:var(--muted)}
.account-check-status.online{color:var(--green);background:rgba(31,190,120,.1)}
.account-check-status.warning{color:#f6bf55;background:rgba(246,191,85,.1)}
.account-check-status.offline{color:var(--red);background:rgba(239,83,80,.1)}
.selection-summary{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;color:var(--muted);font-size:13px}
.selection-summary b{color:var(--gold)}
.section-title-row{display:flex;align-items:end;justify-content:space-between;margin:22px 2px 10px}
.section-title-row h2{font-size:18px;margin:0 0 3px;color:var(--text)}
.section-title-row p{margin:0;color:var(--muted);font-size:13px}
.account-overview-title{margin-top:26px}
.portfolio-account-card.is-unselected{opacity:.5;filter:saturate(.65)}
.portfolio-account-card .account-card-select{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-top:10px}
.portfolio-account-card .account-card-select input{accent-color:var(--gold)}
@media(max-width:700px){.selection-head{flex-direction:column}.selection-actions{width:100%}.selection-actions button{flex:1}.account-checkbox-grid{grid-template-columns:1fr}.section-title-row{margin-top:18px}.account-selection-panel{padding:15px}}


/* v8: portfolio overview modes */
.portfolio-mode-panel{display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(230px,320px);gap:18px;align-items:center;padding:20px 22px;margin-bottom:16px}
.mode-copy h3{margin:4px 0 3px;font-size:20px}.mode-copy p{margin:0;color:var(--muted);font-size:13px}
.portfolio-mode-switch{display:flex;gap:6px;padding:5px;background:#0c0904;border:1px solid var(--border);border-radius:14px}
.mode-btn{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.mode-btn:hover{color:var(--text);background:rgba(255,255,255,.04)}.mode-btn.active{color:#0c0904;background:linear-gradient(135deg,#f4c85a,#d9a72f);box-shadow:0 5px 20px rgba(226,174,55,.2)}
.single-account-picker{display:none;flex-direction:column;gap:6px}.single-account-picker.show{display:flex}.single-account-picker span{font-size:11px;color:var(--muted)}.single-account-picker select{width:100%;min-height:42px}
.account-selection-panel{transition:opacity .2s,border-color .2s}.account-selection-panel.is-muted{opacity:.62}.account-selection-panel.is-muted:hover{opacity:1}.account-selection-panel.is-muted:before{content:'ใช้เมื่อเลือกโหมด “บัญชีที่เลือก”';display:block;color:var(--gold);font-size:11px;margin-bottom:10px}
.summary-scope-badge{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid rgba(232,179,63,.35);background:rgba(232,179,63,.08);color:var(--gold);border-radius:999px;font-size:12px;font-weight:800}
@media(max-width:1000px){.portfolio-mode-panel{grid-template-columns:1fr}.portfolio-mode-switch{width:max-content;max-width:100%;overflow-x:auto}.single-account-picker{max-width:460px}}
@media(max-width:620px){.portfolio-mode-switch{width:100%}.mode-btn{flex:1;padding:9px 8px;font-size:12px}.portfolio-mode-panel{padding:16px}.summary-scope-badge{margin-top:8px}}
.delete-account-btn{border:1px solid rgba(255,91,99,.38);background:rgba(255,91,99,.09);color:#ff8d93;border-radius:9px;padding:7px 10px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap;transition:.18s ease}
.delete-account-btn:hover{background:rgba(255,91,99,.18);border-color:rgba(255,91,99,.72);transform:translateY(-1px)}
.delete-account-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.account-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.account-check .delete-account-btn{margin-left:auto;position:relative;z-index:2}
@media(max-width:700px){.account-check{flex-wrap:wrap}.account-check .delete-account-btn{width:100%;margin-top:8px}.account-card-footer{align-items:flex-start;flex-direction:column}}

/* Latest: stable connected order and real-time account totals */
.account-check-rich{align-items:flex-start;min-height:126px;position:relative}.account-check-rich>input{margin-top:4px}.account-check-rich .account-check-main{flex:1;gap:7px}.account-check-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-check-title .account-check-status{margin-left:0;flex:0 0 auto}.account-live-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:4px}.account-live-values>span{display:flex;flex-direction:column;gap:3px;padding:7px 8px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(12,9,4,.5);font-size:9px;color:var(--muted)}.account-live-values b{font-size:11px;color:var(--text);font-variant-numeric:tabular-nums}.account-live-values b.positive{color:var(--green)}.account-live-values b.negative{color:var(--red)}.account-check-rich .delete-account-btn{align-self:flex-start;margin-top:2px}@media(max-width:900px){.account-live-values{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.account-check-title{align-items:flex-start;flex-direction:column}.account-live-values{grid-template-columns:1fr 1fr}.account-check-rich .delete-account-btn{width:100%;margin-left:30px}}

/* =========================================================
   BZ JOURNAL UI 12.0 — complete visual refresh
   ========================================================= */
:root{
  --bg:#0c0904;--bg2:#0c0904;--panel:#0c0904;--panel2:#0c0904;
  --line:#37270c;--line2:#37270c;--gold:#c4912f;--gold2:#5fffd1;
  --green:#20e38e;--red:#ff4f5e;--blue:#c4912f;--purple:#e8b33f;
  --cyan:#c4912f;--text:#f4d17a;--muted:#e8b33f;
  --shadow:0 18px 55px rgba(0,0,0,.3);
}
body{background:
 radial-gradient(circle at 85% -5%,rgba(104,75,23,.28),transparent 32%),
 radial-gradient(circle at 30% 110%,rgba(196,145,47,.09),transparent 30%),
 linear-gradient(145deg,#0c0904,#0c0904 58%,#0c0904);}
.app-shell{grid-template-columns:240px minmax(0,1fr)}
.sidebar{padding:18px 14px;background:linear-gradient(180deg,rgba(12,9,4,.98),rgba(12,9,4,.97));border-right:1px solid #37270c}
.bz-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:0 8px 22px;border-bottom:1px solid rgba(196,145,47,.12);margin-bottom:14px}
.brand-logo{width:116px;height:96px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(196,145,47,.2))}
.brand-name strong,.brand-name span{display:block;line-height:1}
.brand-name strong{font-size:43px;letter-spacing:2px;background:linear-gradient(180deg,#c4912f,#c4912f);-webkit-background-clip:text;color:transparent}
.brand-name span{font-size:17px;letter-spacing:1px;margin-top:5px;color:#fff}
.nav{gap:8px}.nav-item{padding:14px 15px;border-radius:11px;font-weight:700;color:#e8b33f}.nav-item:hover{background:#191207}.nav-item.active{background:linear-gradient(95deg,#684b17,#37270c);box-shadow:inset 0 0 0 1px rgba(232,179,63,.15),0 10px 26px rgba(104,75,23,.18)}
.nav-item.active i{color:#e8b33f}.sidebar-foot .connection{background:rgba(12,9,4,.9);border-color:#37270c}.version{color:#684b17;letter-spacing:1px}
.main{padding:16px 24px 34px}.topbar{margin-bottom:12px}.topbar h1{font-size:25px}.topbar p{color:#c4912f}
.account-picker,.icon-btn{background:#0c0904;border-color:#37270c}.account-picker{padding:8px 10px 8px 14px}.account-picker select{background:#191207}
.panel,.kpi{background:linear-gradient(145deg,rgba(12,9,4,.98),rgba(12,9,4,.98));border-color:#37270c;box-shadow:0 15px 40px rgba(0,0,0,.25)}
.live-banner{border-color:#37270c;background:linear-gradient(100deg,rgba(25,18,7,.92),rgba(12,9,4,.96));box-shadow:none}.live-dot{background:#25e48d}
.portfolio-mode-panel{background:linear-gradient(110deg,rgba(12,9,4,.97),rgba(12,9,4,.98))}.eyebrow{color:#c4912f}.portfolio-mode-switch{background:#0c0904;border-color:#37270c}.mode-btn.active{color:#0c0904;background:linear-gradient(135deg,#c4912f,#5fffd1);box-shadow:0 7px 22px rgba(196,145,47,.22)}
.secondary-btn{background:#0c0904;border-color:#37270c}.secondary-btn:hover{border-color:#c4912f;color:#5fffd1}
.account-selection-panel{padding:18px}.account-checkbox-grid{grid-template-columns:repeat(4,minmax(210px,1fr));gap:10px}
.account-check{border-color:#37270c;background:linear-gradient(150deg,#0c0904,#0c0904);border-radius:12px;min-width:0}.account-check:hover{border-color:#c4912f}.account-check.selected{border-color:#c4912f;background:linear-gradient(150deg,rgba(25,18,7,.5),rgba(12,9,4,.96));box-shadow:inset 0 -3px 0 #c4912f}
.account-check input,.portfolio-account-card input{accent-color:#c4912f}.account-check-main b{font-size:13px}.account-check-main small{font-size:10px}
.account-live-values{grid-template-columns:1fr 1fr;gap:6px}.account-live-values>span{padding:9px;background:#0c0904;border-color:#37270c}.account-live-values b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-summary b,.summary-scope-badge{color:#ffe161}.summary-scope-badge{border-color:#6b5b20;background:rgba(255,225,97,.08)}
.section-title-row{margin-top:18px}.portfolio-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.kpi{min-height:94px;padding:14px}.kpi-icon{width:38px;height:38px;min-width:38px;border-radius:50%;background:#0c0904}.kpi strong{font-size:16px}.kpi small{font-size:9px}
.kpi-icon.gold,.kpi-icon.blue{color:#c4912f;border-color:#684b17}.kpi-icon.cyan{color:#c4912f}.kpi-icon.green{color:#20e38e}.kpi-icon.purple{color:#e15fff}.kpi-icon.red{color:#ff5965}
.portfolio-table-panel{padding:16px;min-height:auto}.live-controls input,.filters input,.live-controls select,.filters select{background:#0c0904;border:1px solid #37270c;border-radius:10px;color:#fff}.live-controls input:focus,.filters input:focus{border-color:#c4912f;box-shadow:0 0 0 3px rgba(196,145,47,.08)}
.table-wrap{border-color:#37270c;background:#0c0904}table{font-size:10.5px}th{background:#0c0904;color:#e8b33f;border-color:#37270c}td{border-color:#191207}tbody tr:hover{background:rgba(196,145,47,.04)}
.badge.buy{background:rgba(32,227,142,.12);color:#2bf19c}.badge.sell{background:rgba(255,79,94,.12);color:#ff6571}
.portfolio-account-grid{grid-template-columns:repeat(3,minmax(260px,1fr))}.portfolio-account-card{border-top:3px solid #c4912f}.portfolio-mini-grid>div{background:#0c0904;border-color:#37270c}.portfolio-card-head h3{color:#fff}.sync-time{color:#c4912f}
.chart-line{stroke:#c4912f}.gold-line{background:#c4912f}.chart-area{fill:url(#areaGradient)}
.toast{background:#191207;border:1px solid #684b17}
@media(max-width:1380px){.account-checkbox-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.portfolio-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.brand-logo{width:100px}.brand-name strong{font-size:36px}.portfolio-account-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-260px;width:240px;transition:.25s}.sidebar.open{left:0}.menu-btn{display:grid}.main{padding:12px}.account-checkbox-grid{grid-template-columns:1fr}.portfolio-kpis{grid-template-columns:1fr 1fr}.portfolio-account-grid{grid-template-columns:1fr}}
@media(max-width:520px){.portfolio-kpis{grid-template-columns:1fr}.brand-logo{width:88px}.top-actions{flex-direction:column;align-items:stretch}}

/* =========================================================
   BZ JOURNAL FINAL LAYOUT PATCH 13.0
   Keeps portfolio mode controls inside the panel at all widths.
   ========================================================= */
.portfolio-mode-panel{
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto minmax(280px,410px);
  align-items:end;
  column-gap:20px;
  row-gap:14px;
  overflow:hidden;
}
.portfolio-mode-switch{min-width:0;justify-self:end}
.single-account-picker{min-width:0;max-width:410px;width:100%;justify-self:end}
.single-account-picker select{
  width:100%;max-width:100%;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  background:#0c0904;border:1px solid #37270c;color:#fff;
  border-radius:10px;padding:10px 34px 10px 12px;
}
.mode-copy{min-width:0}.mode-copy h3,.mode-copy p{overflow-wrap:anywhere}
@media(max-width:1250px){
  .portfolio-mode-panel{grid-template-columns:1fr auto}
  .single-account-picker{grid-column:1/-1;max-width:none;justify-self:stretch}
}
@media(max-width:760px){
  .portfolio-mode-panel{grid-template-columns:1fr;align-items:stretch}
  .portfolio-mode-switch{justify-self:stretch;width:100%}
  .portfolio-mode-switch .mode-btn{flex:1}
  .single-account-picker{grid-column:auto}
}


/* =========================================================
   BZ JOURNAL FINAL COMPACT UI 14.0
   - Controls merged into real-time header
   - No duplicate KPI block above account selection
   - Account selector shows only login, broker and status
   ========================================================= */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.realtime-control-panel{
  display:grid;
  grid-template-columns:minmax(260px,1.1fr) auto minmax(260px,360px) auto;
  align-items:center;
  gap:18px;
  padding:16px 18px;
  margin-bottom:14px;
  background:linear-gradient(100deg,rgba(25,18,7,.96),rgba(12,9,4,.98));
  border-color:#37270c;
  min-height:86px;
}
.realtime-copy{min-width:0}.realtime-copy>div{display:flex;align-items:center;gap:10px}.realtime-copy b{font-size:15px}.realtime-copy small{display:block;margin:5px 0 0 24px;color:var(--muted);font-size:11px}
.realtime-control-panel .portfolio-mode-switch{justify-self:center;margin:0;white-space:nowrap}
.realtime-control-panel .single-account-picker{display:flex;min-width:0;max-width:none;width:100%;margin:0}
.realtime-control-panel .single-account-picker:not(.show){visibility:hidden;pointer-events:none}
.realtime-control-panel .single-account-picker span{font-size:10px;color:var(--muted)}
.realtime-control-panel .single-account-picker select{height:40px;padding-top:8px;padding-bottom:8px}
.server-time{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.server-time span{font-size:10px;color:var(--muted)}.server-time strong{font-size:15px;color:#46f0b0;font-variant-numeric:tabular-nums}
.account-selection-panel{margin-top:0;padding:17px 18px 14px}
.account-checkbox-grid{grid-template-columns:repeat(4,minmax(190px,1fr));gap:10px}
.account-check-simple{min-height:78px;padding:14px 14px;align-items:center;overflow:hidden}
.account-check-simple>input{margin-top:0;flex:0 0 auto}
.account-check-simple .account-check-main{min-width:0;gap:5px}
.account-check-simple .account-check-title{align-items:center;flex-direction:row;min-width:0}
.account-check-simple .account-check-title b{font-size:14px;letter-spacing:.2px}
.account-check-simple .account-check-main small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#e8b33f}
.account-check-simple .account-check-status{font-size:10px;padding:4px 7px}
.account-check-simple .delete-account-btn{padding:6px 8px;margin-left:4px}
.account-live-values{display:none!important}
.portfolio-kpis{margin-top:0}
@media(max-width:1320px){
 .realtime-control-panel{grid-template-columns:1fr auto minmax(240px,330px)}
 .server-time{grid-column:1/-1;flex-direction:row;justify-content:flex-end;gap:8px}
}
@media(max-width:980px){
 .realtime-control-panel{grid-template-columns:1fr}
 .realtime-control-panel .portfolio-mode-switch,.realtime-control-panel .single-account-picker{justify-self:stretch;width:100%}
 .realtime-control-panel .portfolio-mode-switch .mode-btn{flex:1}
 .realtime-control-panel .single-account-picker:not(.show){display:none}
 .server-time{grid-column:auto;justify-content:flex-start;align-items:center}
 .account-checkbox-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}
}
@media(max-width:600px){.account-checkbox-grid{grid-template-columns:1fr}.realtime-copy small{margin-left:0}.server-time{justify-content:space-between;width:100%}}


/* =========================================================
   BZ JOURNAL UI 15.0 — MERGED ACCOUNT SELECTION
   Account details are now inside the selection cards.
   ========================================================= */
.account-checkbox-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(230px,1fr));
  gap:12px;
}
.account-select-card{
  position:relative;
  min-width:0;
  padding:14px;
  border:1px solid #37270c;
  border-radius:13px;
  background:linear-gradient(150deg,#0c0904,#0c0904);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.account-select-card:hover{border-color:#c4912f;transform:translateY(-1px)}
.account-select-card.selected{
  border-color:#c4912f;
  background:linear-gradient(150deg,rgba(25,18,7,.58),rgba(12,9,4,.98));
  box-shadow:inset 0 -3px 0 #c4912f,0 8px 24px rgba(0,0,0,.12);
}
.account-select-head{display:flex;align-items:flex-start;gap:10px;cursor:pointer;min-width:0}
.account-select-head>input{margin-top:3px;accent-color:#c4912f;flex:0 0 auto}
.account-select-identity{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
.account-select-identity b{font-size:15px;color:#fff;font-variant-numeric:tabular-nums}
.account-select-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8b33f;font-size:11px}
.account-select-head .account-check-status{margin-left:auto;flex:0 0 auto}
.account-select-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}
.account-select-metrics>div{display:flex;min-width:0;min-height:54px;flex-direction:column;justify-content:center;gap:5px;padding:9px 10px;border:1px solid #37270c;border-radius:9px;background:#0c0904}
.account-select-metrics span{font-size:9px;color:#c4912f}
.account-select-metrics b{font-size:13px;color:#f4d17a;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-select-metrics b.positive{color:var(--green)}
.account-select-metrics b.negative{color:var(--red)}
.account-delete-inline{width:100%;margin-top:10px}
.account-overview-title,.portfolio-account-grid{display:none!important}
@media(max-width:1380px){.account-checkbox-grid{grid-template-columns:repeat(2,minmax(270px,1fr))}}
@media(max-width:760px){.account-checkbox-grid{grid-template-columns:1fr}}
@media(max-width:420px){.account-select-metrics{grid-template-columns:1fr}.account-select-card{padding:12px}}


/* =========================================================
   BZ JOURNAL UI 16.0 — COLLAPSIBLE PANELS
   Account selector and summary can be folded independently.
   ========================================================= */
.collapsible-panel{overflow:hidden}
.collapsible-head{position:relative}
.collapse-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid #c4912f;border-radius:10px;background:linear-gradient(180deg,rgba(25,18,7,.92),rgba(12,9,4,.96));color:#f4d17a;font-weight:700;cursor:pointer;white-space:nowrap;transition:.18s ease}
.collapse-btn:hover{border-color:#c4912f;background:rgba(55,39,12,.9);box-shadow:0 0 0 3px rgba(196,145,47,.08)}
.collapse-icon{display:inline-grid;place-items:center;width:18px;height:18px;color:#c4912f;font-size:16px;line-height:1;transition:transform .2s ease}
.collapsible-body{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .24s ease,opacity .18s ease,margin .24s ease}
.collapsible-body>*{min-height:0;overflow:hidden}
.collapsible-panel.is-collapsed .collapsible-body{grid-template-rows:0fr;opacity:0;margin-top:0!important}
.collapsible-panel.is-collapsed .collapse-icon{transform:rotate(0deg)}
.account-selection-panel.is-collapsed{padding-bottom:12px}
.account-selection-panel.is-collapsed .selection-summary{margin-top:3px;padding-top:8px;border-top:1px solid rgba(104,75,23,.25)}
.summary-collapse-panel{padding:15px 17px 16px;margin-top:18px}
.summary-collapse-panel .section-title-row{margin:0 0 12px}
.summary-collapse-panel.is-collapsed{padding-bottom:12px}
.summary-collapse-panel.is-collapsed .section-title-row{margin-bottom:0}
.summary-head-actions{display:flex;align-items:center;gap:10px}
.summary-collapse-panel .portfolio-kpis{margin:0}
@media(max-width:980px){.selection-actions{flex-wrap:wrap}.collapse-btn{flex:1}.summary-head-actions{width:100%;justify-content:space-between}.summary-collapse-panel .section-title-row{align-items:flex-start;gap:12px}}
@media(max-width:600px){.selection-actions{width:100%}.selection-actions .secondary-btn,.selection-actions .collapse-btn{flex:1 1 calc(50% - 5px)}.summary-head-actions{align-items:stretch;flex-direction:column}.summary-head-actions .collapse-btn{width:100%}}


/* =========================================================
   BZ JOURNAL UI 17.0 — SUMMARY FIRST + COLLAPSIBLE ACCOUNTS
   Places selected-account totals directly below realtime header.
   ========================================================= */
#portfolioSummaryPanel{margin-top:0;margin-bottom:14px}
#accountSelectionPanel{margin-top:0}
#portfolioSummaryPanel .section-title-row{margin-bottom:12px}
#accountSelectionPanel.is-collapsed .selection-summary{display:flex}
#accountSelectionPanel.is-collapsed .panel-head{margin-bottom:0}
#accountSelectionPanel.is-collapsed .selection-summary{padding-top:10px}
@media(max-width:760px){#portfolioSummaryPanel{margin-bottom:10px}}

/* v18 — Account overview scope */
.dashboard-scope-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin-bottom:16px}.dashboard-scope-panel h2{margin:2px 0 4px;font-size:22px}.dashboard-scope-panel p{margin:0;color:var(--muted)}.dashboard-scope-actions{display:flex;border:1px solid var(--border);background:rgba(12,9,4,.55);border-radius:12px;padding:4px;gap:4px}.scope-btn{border:0;background:transparent;color:var(--muted);padding:10px 18px;border-radius:9px;font-weight:800;cursor:pointer}.scope-btn.active{color:#0c0904;background:linear-gradient(135deg,#c4912f,#58f3c6);box-shadow:0 8px 22px rgba(196,145,47,.22)}@media(max-width:760px){.dashboard-scope-panel{align-items:flex-start;flex-direction:column}.dashboard-scope-actions{width:100%}.scope-btn{flex:1}}


/* =========================================================
   BZ JOURNAL UI 19.0 — MULTI ACCOUNT PICKER
   ========================================================= */
.dashboard-account-multiselect{position:relative;min-width:310px;z-index:80}
.dashboard-account-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 12px;border:1px solid #37270c;border-radius:12px;background:#0c0904;color:#f4d17a;cursor:pointer;text-align:left}
.dashboard-account-trigger:hover,.dashboard-account-trigger[aria-expanded="true"]{border-color:#c4912f;box-shadow:0 0 0 3px rgba(196,145,47,.08)}
.dashboard-account-trigger .picker-caption{font-size:10px;color:#c4912f}
.dashboard-account-trigger b{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.dashboard-account-trigger .picker-chevron{color:#c4912f;font-size:17px}
.dashboard-account-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(420px,calc(100vw - 28px));padding:12px;border:1px solid #37270c;border-radius:14px;background:#0c0904;box-shadow:0 20px 60px rgba(0,0,0,.48);z-index:200}
.dashboard-account-menu[hidden]{display:none}
.dashboard-account-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 3px 10px;border-bottom:1px solid rgba(196,145,47,.24)}
.dashboard-account-menu-head strong{font-size:14px}.dashboard-account-menu-head span{font-size:11px;color:#e8b33f}
.dashboard-account-all,.dashboard-account-option{display:flex;align-items:center;gap:11px;padding:10px;border-radius:9px;cursor:pointer}
.dashboard-account-all{margin-top:7px;background:rgba(196,145,47,.07);font-weight:700}
.dashboard-account-option:hover,.dashboard-account-all:hover{background:rgba(196,145,47,.09)}
.dashboard-account-option input,.dashboard-account-all input{width:17px;height:17px;accent-color:#c4912f;flex:0 0 auto}
.dashboard-account-option span{display:flex;min-width:0;flex-direction:column;gap:2px}.dashboard-account-option b{font-size:13px}.dashboard-account-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8b33f;font-size:10px}
.dashboard-account-options{max-height:300px;overflow:auto;padding:4px 0}
.dashboard-account-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:10px;border-top:1px solid rgba(196,145,47,.24)}
.dashboard-account-actions button{min-height:38px;padding:7px 14px;border:1px solid #37270c;border-radius:9px;background:#191207;color:#f4d17a;cursor:pointer}
.dashboard-account-actions button.primary{border-color:#c4912f;background:linear-gradient(135deg,#c4912f,#c4912f);color:#0c0904;font-weight:800}
.dashboard-selection-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.dashboard-selection-status span{font-size:10px;color:#c4912f}.dashboard-selection-status b{color:#c4912f}
@media(max-width:980px){.dashboard-account-multiselect{min-width:0;width:100%}.dashboard-account-menu{left:0;right:auto}.dashboard-selection-status{align-items:flex-start}}

/* BZ Journal v20 calendar lot and compact detail layout */
.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}
.calendar-detail-panel{border:1px solid var(--line);background:#0a0a0a;border-radius:12px;padding:13px;min-height:220px;transition:.2s}
.calendar-detail-panel.is-collapsed{min-height:0;padding-bottom:8px}
.calendar-detail-panel.is-collapsed .selected-day-summary,.calendar-detail-panel.is-collapsed .selected-day-orders{display:none}
.selected-day-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}
.selected-day-summary>div{border:1px solid var(--line);border-radius:8px;padding:9px;background:#0c0904}
.selected-day-summary span,.selected-day-summary b{display:block}.selected-day-summary span{font-size:8px;color:var(--muted);margin-bottom:3px}.selected-day-summary b{font-size:12px}
.selected-day-orders{display:grid;gap:6px;max-height:330px;overflow:auto;padding-right:2px}
.day-order-row{width:100%;border:1px solid var(--line);background:#0c0904;color:#fff;border-radius:8px;padding:8px 9px;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:default}
.day-order-row span,.day-order-row b,.day-order-row small{display:block}.day-order-row small{font-size:8px;color:var(--muted);margin-top:2px}.day-order-row strong{font-size:10px}
.empty-day{color:var(--muted);font-size:10px;text-align:center;padding:25px 5px}
.calendar-day{cursor:pointer;transition:border-color .18s,transform .18s,background .18s}
.calendar-day:not(.empty):hover{border-color:var(--cyan);transform:translateY(-1px)}
.calendar-day.selected{border-color:var(--cyan);box-shadow:inset 0 0 0 1px rgba(196,145,47,.3);background:#191207}
.calendar-day .day-count{bottom:20px}
.calendar-day .day-lots{position:absolute;bottom:6px;left:8px;font-size:8px;color:#e8b33f}
.calendar-grid.full .calendar-day{min-height:122px}
.month-summary{grid-template-columns:repeat(5,1fr)}
.compact-stats{padding:14px}.compact-stats .panel-head{margin-bottom:8px}.compact-stats .panel-head p{display:none}.compact-stats .stat-list{gap:5px}.compact-stats .stat-list div{padding:8px 9px}.compact-stats .stat-list span{font-size:9px}.compact-stats .stat-list b{font-size:10px}
@media(max-width:1100px){.calendar-layout{grid-template-columns:1fr}.calendar-detail-panel{min-height:0}.selected-day-orders{max-height:240px}}
@media(max-width:650px){.calendar-grid.full .calendar-day{min-height:94px}.calendar-day .day-count{display:block;bottom:18px}.calendar-day .day-lots{font-size:7px}.selected-day-summary{grid-template-columns:1fr 1fr}.month-summary{grid-template-columns:1fr 1fr}}


/* BZ Journal v20.1 calendar readability fix */
.calendar-grid.full{align-items:stretch}
.calendar-grid.full .calendar-day,
.calendar-grid.compact .calendar-day{
  width:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:7px;
  overflow:hidden;
  text-align:left;
  font:inherit;
  color:inherit;
}
.calendar-grid.full .calendar-day{
  min-height:138px;
  padding:10px;
}
.calendar-grid.compact .calendar-day{
  min-height:92px;
  padding:8px;
}
.calendar-day .day-num{
  position:static;
  flex:0 0 auto;
  font-size:11px;
  line-height:1.2;
  color:#e8b33f;
  font-weight:700;
}
.calendar-day .day-metrics{
  min-width:0;
  display:grid;
  grid-template-columns:1fr;
  align-content:start;
  gap:4px;
}
.calendar-day .day-profit{
  display:block;
  margin:0;
  min-width:0;
  font-size:11px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.calendar-grid.full .calendar-day .day-profit{font-size:12px}
.calendar-day .day-meta{
  position:static;
  display:block;
  min-width:0;
  color:#e8b33f;
  font-size:8px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.calendar-day .day-winloss{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:1px;
  font-size:7px;
  line-height:1.2;
}
.calendar-day .day-winloss i{font-style:normal;white-space:nowrap}
.calendar-day.empty-metrics{justify-content:center}
.calendar-day .day-count,.calendar-day .day-lots{display:none!important}
.calendar-layout{grid-template-columns:minmax(0,1fr) 250px;gap:12px}
.calendar-detail-panel{min-height:0;padding:12px}
.calendar-detail-panel .panel-head{margin-bottom:9px}
.calendar-detail-panel .panel-head h3{font-size:13px}
.calendar-detail-panel .panel-head p{display:none}
.selected-day-summary{gap:5px;margin-bottom:8px}
.selected-day-summary>div{padding:7px}
.selected-day-orders{max-height:275px;gap:5px}
.day-order-row{padding:7px 8px}
.month-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1250px){
  .calendar-grid.full .calendar-day{min-height:126px;padding:8px}
  .calendar-day .day-winloss{display:none}
  .calendar-layout{grid-template-columns:minmax(0,1fr) 230px}
}
@media(max-width:1100px){
  .calendar-layout{grid-template-columns:1fr}
  .calendar-detail-panel{max-width:none}
}
@media(max-width:760px){
  .calendar-grid.full .calendar-day{min-height:104px;padding:7px;gap:5px}
  .calendar-grid.full .calendar-day .day-profit{font-size:9px}
  .calendar-day .day-meta{font-size:7px}
}

/* BZ Journal v20.2 - compact unified account overview header */
.dashboard-summary-header{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(220px,.85fr) minmax(260px,1fr);
  align-items:stretch;
  gap:0;
  padding:0;
  margin-bottom:13px;
  overflow:hidden;
}
.summary-head-item{
  min-width:0;
  padding:22px 26px;
  display:flex;
  align-items:center;
  gap:16px;
}
.summary-head-item+ .summary-head-item{border-left:1px solid var(--line)}
.summary-head-item span,.summary-head-item strong,.summary-head-item small{display:block}
.summary-head-item>span:not(.summary-head-icon),.summary-head-item div>span{color:var(--muted);font-size:11px}
.summary-profit strong{font-size:34px;line-height:1.08;margin:6px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.summary-profit small,.summary-updated small{color:var(--muted);font-size:11px}
.summary-head-icon{
  width:52px;height:52px;min-width:52px;border-radius:50%;display:grid!important;place-items:center;
  border:1px solid rgba(196,145,47,.34);color:var(--cyan);font-size:23px;background:rgba(196,145,47,.05)
}
.summary-accounts strong,.summary-updated strong{font-size:20px;margin-top:6px;line-height:1.2}
.summary-updated .summary-head-icon{color:var(--purple);border-color:rgba(232,179,63,.38);background:rgba(232,179,63,.06)}
.dashboard-hidden-meta{display:none!important}
@media(max-width:1100px){
  .dashboard-summary-header{grid-template-columns:1fr 1fr}
  .summary-profit{grid-column:1/-1;border-bottom:1px solid var(--line)}
  .summary-head-item:nth-child(2){border-left:0}
}
@media(max-width:650px){
  .dashboard-summary-header{grid-template-columns:1fr}
  .summary-profit{grid-column:auto}
  .summary-head-item{padding:16px 18px;border-left:0!important;border-bottom:1px solid var(--line)}
  .summary-head-item:last-of-type{border-bottom:0}
  .summary-profit strong{font-size:27px}
  .summary-head-icon{width:42px;height:42px;min-width:42px;font-size:18px}
}


/* BZ Journal v21 - balanced analytics dashboard */
.dashboard-analytics-grid{
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.78fr) minmax(330px,.92fr);
  align-items:stretch;
}
.dashboard-analytics-grid>.panel{min-width:0}
.dashboard-chart-panel,.dashboard-distribution-panel,.dashboard-important-stats{min-height:338px}
.dashboard-chart-panel{padding:17px 18px 14px}
.chart-panel-head{align-items:flex-start}
.chart-range{display:flex;gap:4px;padding:3px;border:1px solid var(--line);background:#0c0904;border-radius:9px;flex-wrap:wrap;justify-content:flex-end}
.chart-range button{border:0;background:transparent;color:var(--muted);font-size:9px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:.18s}
.chart-range button:hover{color:#fff;background:#191207}
.chart-range button.active{color:#0c0904;background:linear-gradient(135deg,#c4912f,#c4912f);font-weight:800;box-shadow:0 0 14px rgba(196,145,47,.18)}
.compact-equity-chart{height:238px}
.dashboard-chart-panel .chart-line{stroke:var(--cyan);stroke-width:2.5;filter:drop-shadow(0 0 5px rgba(196,145,47,.28))}
.dashboard-distribution-panel{padding:17px}
.distribution-content{height:265px;display:grid;grid-template-columns:minmax(155px,1fr) minmax(118px,.72fr);align-items:center;gap:12px}
.dashboard-distribution-panel .donut-wrap{padding:0}
.dashboard-distribution-panel .donut{width:172px;height:172px}
.dashboard-distribution-panel .donut:after{inset:21px}
.side-stats.vertical{display:grid;grid-template-columns:1fr;gap:10px}
.side-stats.vertical div{grid-template-columns:auto 1fr;grid-template-areas:"dot title" "dot pct" "dot count";padding:12px 13px;align-items:center}
.side-stats.vertical .dot{grid-area:dot;align-self:start;margin-top:4px}
.side-stats.vertical b{grid-area:title;font-size:11px}
.side-stats.vertical strong{grid-area:pct;font-size:18px;line-height:1.15;margin-top:3px}
.side-stats.vertical small{grid-area:count;color:var(--muted);font-size:9px;margin-top:2px}
.dashboard-important-stats{padding:17px}
.dashboard-important-stats .panel-head{margin-bottom:9px}
.dashboard-important-stats .panel-head p{display:none}
.important-stat-list{gap:0;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#0c0904}
.important-stat-list div{border:0;border-radius:0;border-bottom:1px solid var(--line);background:transparent;padding:8px 11px}
.important-stat-list div:last-child{border-bottom:0}
.important-stat-list span{font-size:9px}
.important-stat-list b{font-size:10px;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-analytics-grid .calendar-wide{grid-column:1/-1}
@media(max-width:1320px){
  .dashboard-analytics-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.8fr)}
  .dashboard-important-stats{grid-column:1/-1;min-height:0}
  .important-stat-list{display:grid;grid-template-columns:repeat(3,1fr)}
  .important-stat-list div{border-right:1px solid var(--line)}
}
@media(max-width:960px){
  .dashboard-analytics-grid{grid-template-columns:1fr 1fr}
  .dashboard-chart-panel{grid-column:1/-1}
  .dashboard-important-stats{grid-column:1/-1}
}
@media(max-width:700px){
  .dashboard-analytics-grid{grid-template-columns:1fr}
  .dashboard-chart-panel,.dashboard-distribution-panel,.dashboard-important-stats{grid-column:1;min-height:0}
  .distribution-content{height:auto;grid-template-columns:1fr;gap:10px}
  .side-stats.vertical{grid-template-columns:1fr 1fr}
  .important-stat-list{grid-template-columns:1fr}
  .chart-panel-head{display:block}
  .chart-range{margin-top:10px;justify-content:flex-start}
  .compact-equity-chart{height:220px}
}

/* BZ Journal v22 - expanded dashboard calendar and lower recent trades */
.dashboard-analytics-grid .calendar-preview.calendar-wide{
  grid-column:1/-1;
  padding:22px 24px 24px;
  margin-top:6px;
  overflow:hidden;
}
.dashboard-analytics-grid .calendar-preview .panel-head{
  margin-bottom:18px;
}
.dashboard-analytics-grid .calendar-preview .panel-head h3{
  font-size:19px;
  line-height:1.25;
}
.dashboard-analytics-grid .calendar-preview .panel-head p{
  font-size:12px;
  margin-top:5px;
}
.dashboard-analytics-grid .calendar-grid.compact{
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:10px;
  width:100%;
}
.dashboard-analytics-grid .calendar-grid.compact .calendar-day{
  min-height:128px;
  padding:13px 14px;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:7px;
  text-align:left;
  overflow:hidden;
}
.dashboard-analytics-grid .calendar-grid.compact .calendar-day .day-num{
  font-size:14px;
  line-height:1;
  font-weight:800;
  color:#f4d17a;
}
.dashboard-analytics-grid .calendar-grid.compact .calendar-day .day-metrics{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  min-width:0;
}
.dashboard-analytics-grid .calendar-grid.compact .calendar-day .day-profit{
  margin:0;
  font-size:15px;
  line-height:1.25;
  font-weight:900;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dashboard-analytics-grid .calendar-grid.compact .calendar-day .day-meta{
  font-size:10px;
  line-height:1.35;
  color:#e8b33f;
}
.dashboard-analytics-grid .calendar-grid.compact .calendar-day .day-winloss{
  display:flex;
  gap:9px;
  margin-top:auto;
  font-size:9px;
  line-height:1.2;
}
.dashboard-analytics-grid .recent-trades{
  grid-column:1/-1;
  margin-top:24px;
  padding:20px 22px 22px;
}
.dashboard-analytics-grid .recent-trades .panel-head{
  margin-bottom:16px;
}
.dashboard-analytics-grid .recent-trades .panel-head h3{font-size:17px}
.dashboard-analytics-grid .recent-trades .panel-head p{font-size:11px}
.dashboard-analytics-grid .recent-trades .table-wrap{max-height:310px}
@media(max-width:1350px){
  .dashboard-analytics-grid .calendar-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dashboard-analytics-grid .calendar-grid.compact .calendar-day{min-height:120px}
}
@media(max-width:900px){
  .dashboard-analytics-grid .calendar-preview.calendar-wide{padding:18px}
  .dashboard-analytics-grid .calendar-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .dashboard-analytics-grid .calendar-grid.compact .calendar-day{min-height:116px;padding:11px}
}
@media(max-width:620px){
  .dashboard-analytics-grid .calendar-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-analytics-grid .calendar-grid.compact .calendar-day{min-height:112px}
  .dashboard-analytics-grid .calendar-grid.compact .calendar-day .day-profit{font-size:13px}
  .dashboard-analytics-grid .calendar-grid.compact .calendar-day .day-winloss{font-size:8px}
  .dashboard-analytics-grid .recent-trades{margin-top:18px;padding:15px}
}


/* BZ Journal v23 - compact distribution, lot metrics and readable key statistics */
.dashboard-analytics-grid{
  grid-template-columns:minmax(0,1.32fr) minmax(270px,.72fr) minmax(420px,1.02fr);
  gap:14px;
}
.dashboard-chart-panel,.dashboard-distribution-panel,.dashboard-important-stats{min-height:350px}
.dashboard-distribution-panel{padding:18px 16px}
.dashboard-distribution-panel .panel-head{margin-bottom:8px}
.compact-distribution{
  height:282px;
  display:grid;
  grid-template-columns:minmax(130px,.86fr) minmax(128px,1fr);
  align-items:center;
  gap:10px;
}
.dashboard-distribution-panel .donut{width:142px;height:142px}
.dashboard-distribution-panel .donut:after{inset:18px}
.dashboard-distribution-panel .donut strong{font-size:22px}
.side-stats.vertical{grid-template-columns:1fr;gap:7px}
.side-stats.vertical div{
  min-height:58px;
  padding:9px 10px;
  grid-template-columns:auto 1fr;
  grid-template-areas:"dot title" "dot pct" "dot count";
}
.side-stats.vertical strong{font-size:16px}
.side-stats.vertical small{font-size:8px}
.side-stats.vertical .lot-stat{
  grid-template-areas:"dot title" "dot pct" "dot count";
  background:linear-gradient(135deg,rgba(196,145,47,.055),rgba(12,9,4,.28));
}
.lot-icon{grid-area:dot;color:var(--cyan);font-size:13px;align-self:start;margin-top:2px}
.side-stats.vertical .lot-stat strong{color:#f4d17a;font-size:14px}
.dashboard-important-stats{padding:18px 19px}
.dashboard-important-stats .panel-head{margin-bottom:12px}
.dashboard-important-stats .panel-head h3{font-size:18px}
.important-stat-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  border:0;
  background:transparent;
  overflow:visible;
}
.important-stat-list div{
  min-height:78px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:6px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:11px;
  background:linear-gradient(145deg,#0c0904,#0c0904);
}
.important-stat-list div:last-child{border-bottom:1px solid var(--line)}
.important-stat-list span{font-size:10px;line-height:1.3;color:#e8b33f}
.important-stat-list b{
  max-width:100%;
  font-size:18px;
  line-height:1.1;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.important-stat-list div:nth-child(1) b{color:var(--green)}
.important-stat-list div:nth-child(4) b{color:var(--purple)}
.important-stat-list div:nth-child(5) b{color:var(--green)}
.important-stat-list div:nth-child(9){grid-column:1/-1;min-height:64px;flex-direction:row;align-items:center;justify-content:space-between}
.important-stat-list div:nth-child(9) b{color:var(--cyan);font-size:22px}
@media(max-width:1450px){
  .dashboard-analytics-grid{grid-template-columns:minmax(0,1.15fr) minmax(260px,.72fr) minmax(360px,.95fr)}
  .important-stat-list b{font-size:16px}
}
@media(max-width:1180px){
  .dashboard-analytics-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}
  .dashboard-important-stats{grid-column:1/-1}
  .important-stat-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .important-stat-list div:nth-child(9){grid-column:auto;flex-direction:column;align-items:flex-start;justify-content:center}
}
@media(max-width:760px){
  .dashboard-analytics-grid{grid-template-columns:1fr}
  .compact-distribution{height:auto;grid-template-columns:1fr}
  .side-stats.vertical{grid-template-columns:repeat(2,minmax(0,1fr))}
  .important-stat-list{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .side-stats.vertical,.important-stat-list{grid-template-columns:1fr}
}


/* =========================================================
   BZ JOURNAL UI 24.0 — PORTFOLIO HEADER CLEANUP
   - Portfolio title/subtitle live inside realtime panel
   - Hide unused account selector and refresh on portfolio page
   - Keep account selector available on Account Overview page
   ========================================================= */
.current-view-portfolio .topbar{display:none}
.portfolio-header-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.portfolio-title-line{display:flex;align-items:center;gap:10px;min-width:0}
.portfolio-title-line h1{margin:0;font-size:25px;line-height:1.2;letter-spacing:.1px;color:#f4d17a}
.portfolio-header-copy p{margin:7px 0 0 24px;font-size:13px;color:#f4d17a}
.portfolio-header-copy small{margin:5px 0 0 24px!important;font-size:10px;color:#c4912f}
.current-view-portfolio .realtime-control-panel{
  grid-template-columns:minmax(360px,1.25fr) auto minmax(250px,340px) auto;
  min-height:108px;
  padding:18px 22px;
  margin-top:0;
}
@media(max-width:1320px){
 .current-view-portfolio .realtime-control-panel{grid-template-columns:minmax(320px,1fr) auto minmax(230px,310px)}
}
@media(max-width:980px){
 .current-view-portfolio .topbar{display:flex;padding-bottom:6px}
 .current-view-portfolio .topbar-left>div,.current-view-portfolio .top-actions{display:none}
 .current-view-portfolio .topbar-left{width:100%}
 .current-view-portfolio .realtime-control-panel{grid-template-columns:1fr;min-height:0}
 .portfolio-title-line h1{font-size:22px}
 .portfolio-header-copy p,.portfolio-header-copy small{margin-left:0!important}
}


/* BZ JOURNAL UI 24.1 — INITIAL PORTFOLIO HEADER FIX */
body.current-view-portfolio>.app-shell>.main>.topbar{display:none!important}
@media(max-width:980px){body.current-view-portfolio>.app-shell>.main>.topbar{display:none!important}}


/* =========================================================
   BZ JOURNAL UI 25.0 — SINGLE PORTFOLIO CONTROL
   - Remove duplicated realtime/mode panel
   - Checkbox cards are the only portfolio scope control
   - Restore server time to top-right header
   ========================================================= */
body.current-view-portfolio>.app-shell>.main>.topbar{
  display:flex!important;align-items:flex-end;margin-bottom:14px;padding:0 0 2px;
}
.current-view-portfolio .topbar-left>div{display:block!important}
.current-view-portfolio .topbar-left h1{font-size:28px}
.current-view-portfolio .topbar-left p{display:block;margin-top:6px}
.current-view-portfolio .top-actions{display:flex!important;margin-left:auto}
.current-view-portfolio #dashboardAccountMultiselect,
.current-view-portfolio #refreshBtn{display:none!important}
.portfolio-top-time{display:none}
.current-view-portfolio .portfolio-top-time{
  display:flex;min-width:190px;flex-direction:column;align-items:flex-end;justify-content:center;
  padding:10px 14px;border:1px solid #37270c;border-radius:12px;background:#0c0904;
}
.portfolio-top-time span{font-size:10px;color:var(--muted)}
.portfolio-top-time strong{margin-top:3px;font-size:17px;color:#42efad;font-variant-numeric:tabular-nums}
.current-view-portfolio .realtime-control-panel{display:none!important}
.current-view-portfolio #portfolioSummaryPanel{margin-top:0}
.current-view-portfolio .account-selection-panel{opacity:1!important}
.current-view-portfolio .account-selection-panel:before{display:none!important}
.current-view-portfolio .selection-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.current-view-portfolio #selectAllAccounts{border-color:rgba(32,227,142,.45);color:#72f5b5}
.current-view-portfolio #clearAllAccounts{border-color:rgba(255,79,94,.4);color:#ff8a94}
@media(max-width:760px){
 body.current-view-portfolio>.app-shell>.main>.topbar{align-items:flex-start;gap:12px}
 .current-view-portfolio .top-actions{margin-left:0;width:auto}
 .current-view-portfolio .portfolio-top-time{min-width:160px;padding:9px 11px}
}
@media(max-width:560px){
 body.current-view-portfolio>.app-shell>.main>.topbar{padding:14px 12px;flex-direction:column}
 .current-view-portfolio .top-actions,.current-view-portfolio .portfolio-top-time{width:100%}
 .current-view-portfolio .portfolio-top-time{align-items:flex-start}
}


/* =========================================================
   BZ JOURNAL UI 26.0 — COMPACT HORIZONTAL PORTFOLIO CLOCK
   ========================================================= */
.current-view-portfolio .portfolio-top-time{
  min-width:0;width:auto;max-width:none;flex-direction:row;align-items:center;justify-content:flex-end;
  padding:8px 12px;border-color:rgba(104,75,23,.72);border-radius:10px;background:rgba(12,9,4,.72);
  white-space:nowrap;
}
.current-view-portfolio .portfolio-top-time strong{
  display:flex;align-items:baseline;gap:9px;margin:0;font-size:16px;line-height:1.15;font-weight:700;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
.current-view-portfolio .portfolio-top-time i{font-style:normal;color:#c4912f;font-size:12px}
.current-view-portfolio .portfolio-day{color:#f4d17a}
.current-view-portfolio .portfolio-date{color:#c4912f}
.current-view-portfolio .portfolio-clock{color:#42efad;font-size:19px;font-weight:800}
@media(max-width:760px){
  .current-view-portfolio .portfolio-top-time{padding:7px 10px}
  .current-view-portfolio .portfolio-top-time strong{gap:6px;font-size:14px}
  .current-view-portfolio .portfolio-clock{font-size:17px}
}
@media(max-width:560px){
  .current-view-portfolio .portfolio-top-time{width:100%;justify-content:center;overflow-x:auto}
  .current-view-portfolio .portfolio-top-time strong{font-size:13px}
  .current-view-portfolio .portfolio-clock{font-size:16px}
}

/* =========================================================
   BZ JOURNAL UI 27.0 — TABLET / MOBILE RESPONSIVE FIX
   Prevent narrow, collapsed content on iPad and phones.
   ========================================================= */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.app-shell,.main,.view,.view.active{width:100%;max-width:100%;min-width:0}
.panel,.kpi,.account-selection-panel,#portfolioSummaryPanel,.page-panel{min-width:0;max-width:100%}

/* iPad and compact laptops: use overlay sidebar so content keeps full width */
@media(max-width:1100px){
  .app-shell{display:block!important;width:100%!important;min-width:0!important}
  .sidebar{position:fixed!important;top:0;bottom:0;left:-270px!important;width:250px!important;height:100dvh!important;z-index:1000!important;transition:left .24s ease!important;box-shadow:18px 0 45px rgba(0,0,0,.38)}
  .sidebar.open{left:0!important}
  .main{width:100%!important;max-width:100%!important;margin:0!important;padding:14px 16px 30px!important}
  .menu-btn{display:grid!important;position:relative;z-index:1001;flex:0 0 auto}
  .topbar{width:100%;max-width:100%;gap:12px;align-items:center}
  .topbar-left{min-width:0;flex:1}
  .topbar-left>div{min-width:0}
  .topbar h1{font-size:24px;line-height:1.22;overflow-wrap:normal;word-break:normal}
  .topbar p{font-size:12px}
  .current-view-portfolio .portfolio-top-time{margin-left:auto;max-width:100%;flex-shrink:0}
  .portfolio-kpis,.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .account-checkbox-grid,.portfolio-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboard-grid{grid-template-columns:1fr 1fr!important}
  .dashboard-grid>.span-3{grid-column:1/-1!important}
  .table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* Portrait tablet */
@media(max-width:820px){
  .main{padding:12px!important}
  body.current-view-portfolio>.app-shell>.main>.topbar{display:flex!important;flex-direction:row!important;align-items:center!important;padding:4px 0 8px!important;margin-bottom:10px!important}
  .current-view-portfolio .topbar-left{display:flex!important;align-items:flex-start!important;min-width:0!important}
  .current-view-portfolio .topbar-left h1{font-size:24px!important;line-height:1.25!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important}
  .current-view-portfolio .topbar-left p{font-size:12px!important;line-height:1.4!important}
  .current-view-portfolio .top-actions{display:flex!important;width:auto!important;margin-left:auto!important;flex:0 0 auto!important}
  .current-view-portfolio .portfolio-top-time{width:auto!important;max-width:48vw!important;justify-content:flex-end!important;overflow:visible!important;padding:7px 10px!important}
  .current-view-portfolio .portfolio-top-time strong{font-size:12px!important;gap:5px!important}
  .current-view-portfolio .portfolio-clock{font-size:15px!important}
  .portfolio-kpis,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .account-checkbox-grid,.portfolio-account-grid{grid-template-columns:1fr 1fr!important}
  .selection-head,.section-title-row{align-items:flex-start;gap:12px;flex-wrap:wrap}
  .selection-actions{width:100%;justify-content:flex-end}
  .selection-actions .secondary-btn,.selection-actions .collapse-btn{flex:0 1 auto!important}
  .dashboard-grid{grid-template-columns:1fr!important}
  .dashboard-grid>*{grid-column:1!important}
  .filters,.live-controls{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}
  .filters input,.live-controls input{width:100%!important;min-width:0!important}
}

/* Phones */
@media(max-width:600px){
  .main{padding:10px!important}
  body.current-view-portfolio>.app-shell>.main>.topbar{align-items:flex-start!important;gap:8px!important}
  .current-view-portfolio .topbar-left h1{font-size:21px!important;max-width:58vw!important}
  .current-view-portfolio .topbar-left p{font-size:11px!important;max-width:58vw!important}
  .current-view-portfolio .portfolio-top-time{max-width:42vw!important;padding:6px 8px!important}
  .current-view-portfolio .portfolio-top-time strong{font-size:10px!important;gap:4px!important}
  .current-view-portfolio .portfolio-clock{font-size:13px!important}
  .portfolio-kpis,.kpi-grid{grid-template-columns:1fr!important}
  .kpi{min-height:82px!important;padding:12px!important}
  .account-checkbox-grid,.portfolio-account-grid{grid-template-columns:1fr!important}
  .account-selection-panel,#portfolioSummaryPanel,.page-panel{padding:13px!important}
  .selection-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  .selection-actions .collapse-btn{grid-column:1/-1!important;width:100%!important}
  .filters,.live-controls{grid-template-columns:1fr!important}
  .filters select,.live-controls select{width:100%!important}
  table{min-width:900px!important}
}

/* Very narrow phones: keep header readable rather than squeezing vertically */
@media(max-width:390px){
  body.current-view-portfolio>.app-shell>.main>.topbar{flex-wrap:wrap!important}
  .current-view-portfolio .topbar-left{width:100%!important}
  .current-view-portfolio .topbar-left h1,.current-view-portfolio .topbar-left p{max-width:none!important}
  .current-view-portfolio .top-actions{width:100%!important;margin-left:0!important}
  .current-view-portfolio .portfolio-top-time{width:100%!important;max-width:none!important;justify-content:center!important}
}

/* =========================================================
   BZ JOURNAL UI 27.1 — MOBILE HEADER / DUPLICATE CONTROL FIX
   ========================================================= */
@media(max-width:600px){
  body.current-view-portfolio>.app-shell>.main>.topbar{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:start!important;
    gap:8px 10px!important;
    padding:4px 0 10px!important;
  }
  .current-view-portfolio .topbar-left{
    display:contents!important;
  }
  .current-view-portfolio .menu-btn{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
  }
  .current-view-portfolio .topbar-left>div{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
  }
  .current-view-portfolio .topbar-left h1{
    max-width:none!important;
    margin:0!important;
    font-size:21px!important;
    line-height:1.28!important;
    white-space:normal!important;
  }
  .current-view-portfolio .topbar-left p{
    display:none!important;
  }
  .current-view-portfolio .top-actions{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    margin:0!important;
    justify-content:flex-start!important;
  }
  .current-view-portfolio .portfolio-top-time{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    justify-content:center!important;
    padding:7px 10px!important;
    overflow:hidden!important;
  }
  .current-view-portfolio .portfolio-top-time strong{
    width:100%!important;
    justify-content:center!important;
    gap:5px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  .current-view-portfolio .portfolio-clock{font-size:15px!important}

  /* Avoid repeating "บัญชีที่เลือก" beside the same section title. */
  #portfolioSummaryPanel .summary-scope-badge{display:none!important}
  #portfolioSummaryPanel .section-title-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
    gap:10px!important;
  }
  #portfolioSummaryPanel .summary-head-actions{
    width:auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
  }
  #portfolioSummaryPanel .summary-head-actions .collapse-btn{
    width:auto!important;
    min-width:124px!important;
  }

  /* Use two compact KPI columns on phones to reduce excessive vertical scrolling. */
  .portfolio-kpis,.kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .kpi{
    min-height:112px!important;
    padding:12px 10px!important;
    gap:9px!important;
  }
  .kpi .kpi-icon{width:38px!important;height:38px!important;min-width:38px!important}
  .kpi strong{font-size:18px!important;line-height:1.2!important;overflow-wrap:anywhere}
  .kpi span{font-size:11px!important}
  .kpi small{font-size:9px!important}

  /* Keep account controls compact and non-duplicative. */
  .selection-head{display:block!important}
  .selection-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:12px!important;
  }
  .selection-actions .secondary-btn{width:100%!important}
  .selection-actions .collapse-btn{
    grid-column:1/-1!important;
    width:100%!important;
  }
}

@media(max-width:360px){
  .portfolio-kpis,.kpi-grid{grid-template-columns:1fr!important}
  .current-view-portfolio .portfolio-top-time strong{font-size:11px!important;gap:4px!important}
  .current-view-portfolio .portfolio-clock{font-size:14px!important}
}


/* BZ Journal v31 - True Monday-Sunday calendar with weekly totals */
.calendar-weekdays-v31,.calendar-grid-v31{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr)) minmax(150px,.9fr)!important;gap:8px!important}
.calendar-weekdays-v31{margin-bottom:8px}
.calendar-weekdays-v31 span{min-height:38px;display:flex;align-items:center;justify-content:center;padding:8px 5px;border:1px solid var(--line);border-radius:9px;background:#0a0a0a;color:#e8b33f;font-size:11px;font-weight:700}
.calendar-weekdays-v31 .weekly-head{color:#e8b33f;border-color:rgba(196,145,47,.32);background:rgba(196,145,47,.07)}
.calendar-grid-v31 .calendar-day{min-width:0;min-height:132px!important;height:auto!important;padding:10px!important;overflow:hidden}
.calendar-grid-v31 .calendar-day.outside-month{opacity:.42;background:#0c0904}
.calendar-grid-v31 .calendar-day.outside-month:hover{opacity:.72}
.calendar-grid-v31 .calendar-day .day-num{display:flex;align-items:baseline;gap:5px;font-size:15px}
.calendar-grid-v31 .calendar-day .day-num small{font-size:8px;color:var(--muted);font-weight:500}
.calendar-week-total{min-width:0;min-height:132px;padding:10px;border:1px solid var(--line2);border-radius:12px;background:linear-gradient(155deg,#0c0904,#0c0904);display:flex;flex-direction:column;justify-content:center;gap:5px;overflow:hidden}
.calendar-week-total.week-positive{border-color:rgba(63,213,138,.35);background:linear-gradient(155deg,rgba(23,80,59,.34),#0c0904)}
.calendar-week-total.week-negative{border-color:rgba(255,98,94,.38);background:linear-gradient(155deg,rgba(92,35,43,.32),#0c0904)}
.calendar-week-total .week-label{font-size:10px;color:#e8b33f;font-weight:800}
.calendar-week-total .week-profit{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-week-total>span:not(.week-label){font-size:8px;color:#e8b33f}
.calendar-week-total .week-winloss{display:flex;gap:8px;flex-wrap:wrap}
.calendar-week-total .week-winloss i{font-style:normal;font-size:8px;white-space:nowrap}
#fullCalendarDescription:after{content:' • จัดสัปดาห์วันจันทร์–อาทิตย์';color:#c4912f}
@media(max-width:1180px){.calendar-weekdays-v31,.calendar-grid-v31{grid-template-columns:repeat(7,minmax(92px,1fr)) minmax(135px,.9fr)!important;min-width:900px}.calendar-layout>div:first-child{overflow-x:auto;padding-bottom:6px}}
@media(max-width:650px){.calendar-weekdays-v31,.calendar-grid-v31{min-width:840px;gap:6px!important}.calendar-grid-v31 .calendar-day,.calendar-week-total{min-height:116px!important;padding:8px!important}.calendar-weekdays-v31 span{font-size:9px;min-height:34px}.calendar-grid-v31 .calendar-day .day-profit{font-size:10px!important}}

/* BZ Journal v32 - Calendar Pro alignment, readability and desktop polish */
#view-calendar .page-panel{padding:18px;overflow:hidden}
.calendar-toolbar-v32{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding-bottom:13px;border-bottom:1px solid rgba(104,75,23,.42)}
.calendar-title-block h3{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:18px;line-height:1.25;margin:0 0 4px}
.calendar-title-block p{font-size:10px;color:#e8b33f;margin:0}
.mt5-basis-badge{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border:1px solid rgba(63,213,138,.3);border-radius:999px;background:rgba(63,213,138,.08);color:#58e39a;font-size:9px;font-weight:800;white-space:nowrap}
.calendar-toolbar-actions{display:flex;align-items:center;gap:9px}
.today-month-btn{height:36px;padding:0 14px;border:1px solid rgba(196,145,47,.3);border-radius:9px;background:rgba(196,145,47,.07);color:#e8b33f;font-weight:800;cursor:pointer}
.today-month-btn:hover{background:rgba(196,145,47,.14);border-color:#c4912f}
.month-nav{height:38px;display:grid;grid-template-columns:38px minmax(148px,auto) 38px;align-items:center;gap:0;border:1px solid #37270c;border-radius:10px;overflow:hidden;background:#0c0904}
.month-nav button{width:38px!important;height:38px!important;border:0!important;border-radius:0!important;background:#0c0904!important;color:#f4d17a;font-size:22px;cursor:pointer}
.month-nav button:hover{background:#191207!important;color:#e8b33f}
.month-nav strong{height:38px;display:flex;align-items:center;justify-content:center;padding:0 14px;border-left:1px solid #37270c;border-right:1px solid #37270c;font-size:13px;white-space:nowrap}
.calendar-layout-v32{grid-template-columns:minmax(0,1fr) 292px;gap:14px;align-items:stretch}
.calendar-main-column{min-width:0}
.calendar-scroll-shell{width:100%;overflow-x:auto;padding-bottom:3px;scrollbar-color:#37270c #0c0904}
.calendar-weekdays-v31,.calendar-grid-v31{width:100%;grid-template-columns:repeat(7,minmax(112px,1fr)) minmax(162px,1.08fr)!important;gap:0!important;min-width:980px;border-left:1px solid #37270c;border-top:1px solid #37270c}
.calendar-weekdays-v31{margin:0!important;border-radius:10px 10px 0 0;overflow:hidden}
.calendar-weekdays-v31 span{min-height:42px!important;border:0!important;border-right:1px solid #37270c!important;border-bottom:1px solid #37270c!important;border-radius:0!important;background:linear-gradient(180deg,#0c0904,#0c0904)!important;color:#f4d17a!important;font-size:12px!important;font-weight:850!important;letter-spacing:.1px}
.calendar-weekdays-v31 span:nth-child(6),.calendar-weekdays-v31 span:nth-child(7){background:linear-gradient(180deg,#191207,#0c0904)!important;color:#f4d17a!important}
.calendar-weekdays-v31 .weekly-head{background:linear-gradient(180deg,rgba(55,39,12,.72),rgba(12,9,4,.82))!important;color:#e8b33f!important;border-color:#37270c!important}
.calendar-grid-v31 .calendar-day,.calendar-week-total{min-height:132px!important;border:0!important;border-right:1px solid #37270c!important;border-bottom:1px solid #37270c!important;border-radius:0!important;padding:11px 12px!important;background:#0c0904;box-shadow:none!important}
.calendar-grid-v31 .calendar-day{display:flex!important;flex-direction:column;align-items:stretch;text-align:left;gap:8px;transition:background .16s,border-color .16s,box-shadow .16s}
.calendar-grid-v31 .calendar-day:hover{transform:none!important;background:#191207!important;box-shadow:inset 0 0 0 1px rgba(196,145,47,.35)!important;z-index:2}
.calendar-grid-v31 .calendar-day:nth-child(8n+6),.calendar-grid-v31 .calendar-day:nth-child(8n+7){background:#0c0904}
.calendar-grid-v31 .calendar-day.profit-day{background:linear-gradient(145deg,rgba(18,61,50,.27),#0c0904 72%)}
.calendar-grid-v31 .calendar-day.loss-day{background:linear-gradient(145deg,rgba(77,31,39,.25),#0c0904 72%)}
.calendar-grid-v31 .calendar-day.outside-month{opacity:.46;background:#0c0904!important}
.calendar-grid-v31 .calendar-day.selected{opacity:1;border-color:transparent!important;background:linear-gradient(145deg,#191207,#191207)!important;box-shadow:inset 0 0 0 2px #c4912f,0 0 18px rgba(196,145,47,.12)!important;z-index:3}
.calendar-grid-v31 .calendar-day.today:not(.selected){box-shadow:inset 0 0 0 1px rgba(232,179,63,.82)!important}
.calendar-grid-v31 .calendar-day .day-num{width:100%;display:flex!important;align-items:center!important;gap:6px!important;color:#f4d17a;font-size:17px!important;font-weight:900;line-height:1}
.calendar-grid-v31 .calendar-day .day-num small{font-size:9px!important;color:#73899b!important}
.calendar-grid-v31 .calendar-day .day-num em{margin-left:auto;padding:3px 6px;border-radius:5px;background:#684b17;color:#f4d17a;font-size:8px;font-style:normal;font-weight:800}
.calendar-grid-v31 .calendar-day .day-metrics{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:4px!important;margin-top:0!important;line-height:1.25}
.calendar-grid-v31 .calendar-day .day-profit{max-width:100%;font-size:14px!important;font-weight:900!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-grid-v31 .calendar-day .day-meta{font-size:9.5px!important;color:#e8b33f!important}
.calendar-grid-v31 .calendar-day .day-winloss{display:flex!important;gap:10px!important;margin-top:2px;font-size:8.5px!important;font-weight:800}
.calendar-grid-v31 .calendar-day .empty-metrics{justify-content:flex-start!important;opacity:.65}
.calendar-week-total{display:flex;flex-direction:column;justify-content:center;gap:7px!important;background:linear-gradient(145deg,rgba(25,18,7,.78),#0c0904)!important;border-color:#37270c!important;padding:12px 14px!important}
.calendar-week-total.week-negative{background:linear-gradient(145deg,rgba(72,31,38,.72),#0c0904)!important;border-color:#683941!important}
.calendar-week-total.week-neutral{background:linear-gradient(145deg,rgba(25,18,7,.75),#0c0904)!important}
.calendar-week-total .week-label{font-size:11px!important;color:#f4d17a!important;font-weight:900!important}
.calendar-week-total .week-profit{font-size:16px!important;font-weight:950;line-height:1.15}
.calendar-week-total .week-orders{font-size:9.5px!important;color:#f4d17a!important}
.calendar-week-total .week-winloss{gap:10px!important}
.calendar-week-total .week-winloss i{font-size:8.5px!important;font-weight:800}
.calendar-detail-panel{min-height:100%;padding:13px!important;border-radius:10px!important;background:linear-gradient(165deg,#0c0904,#0c0904)!important;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.calendar-detail-panel .panel-head{align-items:flex-start;margin-bottom:11px!important;padding-bottom:10px;border-bottom:1px solid #37270c}
.calendar-detail-panel .panel-head h3{font-size:14px!important;line-height:1.35}
.calendar-detail-panel .text-btn{font-size:9px;padding:5px 7px}
.selected-day-summary{grid-template-columns:1fr 1fr;gap:7px!important}
.selected-day-summary>div{min-height:65px;padding:10px!important;display:flex;flex-direction:column;justify-content:center}
.selected-day-summary span{font-size:8px!important}
.selected-day-summary b{font-size:15px!important;margin-top:5px!important}
.selected-day-summary>div:first-child{grid-column:1/-1;min-height:78px}
.selected-day-summary>div:first-child b{font-size:22px!important}
.selected-day-orders{max-height:410px!important;padding-right:3px}
.day-order-row{padding:10px!important;border-radius:8px!important;gap:8px}
.day-order-row span b{font-size:11px!important}
.day-order-row small{font-size:7.5px!important;line-height:1.45!important}
.day-order-row strong{font-size:10px!important;white-space:nowrap}
.month-summary{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important;margin-top:13px!important}
.month-summary div{min-height:73px;padding:12px 13px!important;background:linear-gradient(145deg,#0c0904,#0c0904)!important}
.month-summary span{font-size:9px!important}
.month-summary b{font-size:17px!important;margin-top:6px!important}
@media(max-width:1350px){.calendar-layout-v32{grid-template-columns:minmax(0,1fr) 260px}.calendar-weekdays-v31,.calendar-grid-v31{grid-template-columns:repeat(7,minmax(105px,1fr)) minmax(150px,1fr)!important;min-width:930px}.calendar-grid-v31 .calendar-day,.calendar-week-total{min-height:125px!important}}
@media(max-width:1100px){.calendar-layout-v32{grid-template-columns:1fr}.calendar-detail-panel{min-height:0}.calendar-weekdays-v31,.calendar-grid-v31{min-width:940px}.month-summary{grid-template-columns:repeat(3,1fr)!important}.selected-day-orders{max-height:260px!important}}
@media(max-width:650px){#view-calendar .page-panel{padding:12px}.calendar-toolbar-v32{align-items:flex-start;flex-direction:column}.calendar-toolbar-actions{width:100%;justify-content:space-between}.month-nav{flex:1;grid-template-columns:36px minmax(130px,1fr) 36px}.today-month-btn{height:38px}.calendar-weekdays-v31,.calendar-grid-v31{min-width:880px;grid-template-columns:repeat(7,minmax(96px,1fr)) minmax(145px,1fr)!important}.calendar-grid-v31 .calendar-day,.calendar-week-total{min-height:118px!important;padding:9px!important}.calendar-grid-v31 .calendar-day .day-num{font-size:15px!important}.calendar-grid-v31 .calendar-day .day-profit{font-size:12px!important}.month-summary{grid-template-columns:1fr 1fr!important}}


/* ===== BZ JOURNAL v1.1.0 PRODUCT REDESIGN ===== */
.nav-section-label{display:block;margin:18px 16px 8px;color:#c4912f;font-size:10px;font-weight:800;letter-spacing:.16em}.nav-section-label:first-child{margin-top:4px}.command-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;background:radial-gradient(circle at 75% 10%,rgba(196,145,47,.15),transparent 34%),linear-gradient(135deg,rgba(12,9,4,.98),rgba(12,9,4,.98));overflow:hidden}.command-hero-copy{max-width:760px}.command-hero .eyebrow{display:block;color:#c4912f;font-size:11px;font-weight:900;letter-spacing:.18em;margin-bottom:8px}.command-hero h2{font-size:30px;margin:0 0 8px;color:#f4d17a}.command-hero p{margin:0;color:#e8b33f;line-height:1.65}.command-live-pill{display:flex;align-items:center;gap:12px;min-width:235px;padding:14px 16px;border:1px solid rgba(196,145,47,.22);border-radius:16px;background:rgba(12,9,4,.72)}.command-live-pill .status-dot{width:10px;height:10px;box-shadow:0 0 18px rgba(196,145,47,.8)}.command-live-pill div{display:grid;gap:3px}.command-live-pill b{color:#f4d17a;font-size:13px}.command-live-pill small{color:#c4912f}.command-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:16px}.command-kpi{position:relative;overflow:hidden;padding:18px;border-radius:18px;border:1px solid rgba(104,75,23,.28);background:linear-gradient(145deg,rgba(25,18,7,.96),rgba(12,9,4,.96));min-height:122px;display:flex;flex-direction:column;justify-content:center}.command-kpi:after{content:"";position:absolute;right:-30px;bottom:-40px;width:95px;height:95px;border-radius:50%;background:rgba(196,145,47,.06)}.command-kpi.accent{border-color:rgba(196,145,47,.36)}.command-kpi.warning{border-color:rgba(242,177,62,.32)}.command-kpi-label{color:#c4912f;font-size:12px;font-weight:700}.command-kpi strong{font-size:25px;margin:8px 0 4px;color:#f4d17a}.command-kpi small{color:#c4912f}.command-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;margin-top:16px}.command-account-panel{min-width:0}.command-panel-head{align-items:flex-start}.command-actions{display:flex;gap:8px;flex-wrap:wrap}.command-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.command-account-card{padding:16px;border:1px solid rgba(104,75,23,.28);border-radius:16px;background:linear-gradient(160deg,rgba(25,18,7,.96),rgba(12,9,4,.96));transition:.2s ease}.command-account-card:hover{transform:translateY(-2px);border-color:rgba(196,145,47,.38)}.command-account-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.command-account-head b{font-size:16px;color:#f4d17a}.command-account-head small{display:block;margin-top:3px;color:#c4912f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.command-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.command-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.command-status.online{color:#26d9a5;background:rgba(38,217,165,.1)}.command-status.warning{color:#f3b34b;background:rgba(243,179,75,.1)}.command-status.offline{color:#f26f7a;background:rgba(242,111,122,.1)}.command-account-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.command-account-metrics div{padding:9px 10px;border-radius:11px;background:rgba(12,9,4,.55)}.command-account-metrics span{display:block;color:#c4912f;font-size:10px}.command-account-metrics b{display:block;margin-top:4px;color:#f4d17a;font-size:13px}.command-side-stack{display:grid;gap:16px;align-content:start}.health-list{display:grid;gap:10px}.health-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:12px;background:rgba(12,9,4,.52)}.health-list span{display:flex;align-items:center;gap:8px;color:#e8b33f}.health-list b{font-size:12px;color:#f4d17a}.health-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.health-dot.online{background:#26d9a5;box-shadow:0 0 12px rgba(38,217,165,.65)}.quick-links{display:grid;gap:10px}.quick-links button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid rgba(104,75,23,.24);border-radius:13px;padding:12px;background:rgba(12,9,4,.64);color:#f4d17a;cursor:pointer}.quick-links button:hover{border-color:rgba(196,145,47,.4);background:rgba(25,18,7,.8)}.quick-links button>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(196,145,47,.1);color:#c4912f}.quick-links button div{display:grid;gap:2px}.quick-links small{color:#c4912f}.current-view-command .dashboard-account-multiselect{display:none}
@media(max-width:1500px){.command-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.command-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.command-layout{grid-template-columns:1fr}.command-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.command-hero{align-items:flex-start;flex-direction:column;padding:20px}.command-hero h2{font-size:24px}.command-live-pill{width:100%;min-width:0}.command-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.command-account-grid{grid-template-columns:1fr}.command-side-stack{grid-template-columns:1fr}.command-actions{width:100%}.command-actions button{flex:1}.command-kpi strong{font-size:20px}}


/* ===== BZ JOURNAL v1.2.0 BILINGUAL UI ===== */
.language-switch{position:relative}.language-trigger{height:42px;min-width:112px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid rgba(104,75,23,.55);border-radius:12px;background:#0c0904;color:#f4d17a;cursor:pointer}.language-trigger:hover{border-color:#c4912f;background:#191207}.language-trigger b{font-size:12px}.language-icon{font-size:15px}.language-menu{position:absolute;right:0;top:48px;z-index:500;width:190px;padding:8px;border:1px solid rgba(104,75,23,.55);border-radius:14px;background:#0c0904;box-shadow:0 18px 45px rgba(0,0,0,.42)}.language-menu button{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:#f4d17a;cursor:pointer}.language-menu button:hover{background:#191207}.language-menu button>span{font-size:18px}.language-menu button div{display:grid;gap:2px}.language-menu button b{font-size:12px}.language-menu button small{font-size:10px;color:#c4912f}@media(max-width:650px){.language-trigger{min-width:48px;padding:0 9px}.language-trigger b{display:none}.language-menu{right:-45px}}

/* v1.5.0 Hybrid Cloud Foundation */
.subscription-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px;margin-bottom:16px;background:linear-gradient(135deg,rgba(25,18,7,.95),rgba(12,9,4,.96))}.subscription-hero h2{margin:5px 0 6px;font-size:28px}.subscription-hero p{margin:0;color:var(--muted);max-width:760px}.subscription-mode{padding:10px 16px;border:1px solid rgba(44,211,154,.4);border-radius:999px;color:#5ce2ad;background:rgba(44,211,154,.09);font-weight:800;white-space:nowrap}.subscription-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.subscription-grid article{padding:20px}.subscription-grid span{display:block;color:var(--muted);font-size:13px}.subscription-grid strong{display:block;font-size:25px;margin:8px 0}.subscription-grid small{color:var(--muted)}.usage-track{height:7px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden;margin:8px 0}.usage-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#c4912f,#36df9c);border-radius:inherit;transition:width .35s}.subscription-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:14px}.subscription-details,.subscription-cloud-card{padding:20px}.license-tree{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center;margin:20px 0}.license-tree>div{padding:17px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.025)}.license-tree b,.license-tree small{display:block}.license-tree small{color:var(--muted);margin-top:4px}.license-tree>span{color:#c4912f;font-size:25px}.subscription-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.subscription-facts div{padding:13px;border-radius:11px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}.subscription-facts span,.subscription-facts b{display:block}.subscription-facts span{color:var(--muted);font-size:12px;margin-bottom:5px}.cloud-steps{display:grid;gap:10px;margin:18px 0}.cloud-steps>div{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:11px}.cloud-steps i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-style:normal;background:rgba(196,145,47,.12);color:#e8b33f}.cloud-steps .done i{background:rgba(44,211,154,.15);color:#5ce2ad}.cloud-steps b,.cloud-steps small{display:block}.cloud-steps small{color:var(--muted);margin-top:3px}.privacy-note{padding:14px;border-radius:12px;background:rgba(44,211,154,.07);border:1px solid rgba(44,211,154,.23)}.privacy-note p{margin:6px 0 0;color:var(--muted);line-height:1.6}@media(max-width:1100px){.subscription-grid{grid-template-columns:repeat(2,1fr)}.subscription-layout{grid-template-columns:1fr}}@media(max-width:650px){.subscription-hero{align-items:flex-start;flex-direction:column}.subscription-grid{grid-template-columns:1fr}.license-tree{grid-template-columns:1fr}.license-tree>span{transform:rotate(90deg);justify-self:center}.subscription-facts{grid-template-columns:1fr}}

/* v1.5.2 Trade Control */
.trade-control-panel{border-color:#37270c;background:linear-gradient(180deg,rgba(25,18,7,.96),rgba(12,9,4,.96));}.trade-control-head{gap:20px;align-items:center}.trade-control-head p{max-width:900px}.danger-btn,.danger-outline-btn{border:1px solid #ff535f;border-radius:9px;font-weight:800;cursor:pointer;transition:.18s ease}.danger-btn{background:#c82631;color:#fff;padding:11px 16px}.danger-btn:hover{background:#e03540}.danger-btn:disabled,.danger-outline-btn:disabled{opacity:.35;cursor:not-allowed}.danger-outline-btn{background:rgba(255,55,68,.08);color:#ff7780;padding:7px 10px}.danger-outline-btn:hover:not(:disabled){background:rgba(255,55,68,.18)}.trade-control-notice{margin-top:10px;padding:10px 12px;border-radius:8px;background:rgba(255,183,77,.08);border:1px solid rgba(255,183,77,.2);color:#f4d17a;font-size:12px}.trade-control-notice b{color:#ffbd58}.trade-command-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.command-pill{display:inline-flex;gap:6px;align-items:center;padding:6px 9px;border-radius:999px;background:#191207;border:1px solid #37270c;font-size:11px;color:#e8b33f}.command-pill.completed{border-color:#187a5b;color:#44e3a4}.command-pill.failed{border-color:#8b2c35;color:#ff7780}.command-pill.partial{border-color:#9c6b19;color:#ffc66d}.command-pill.pending,.command-pill.delivered{border-color:#684b17;color:#e8b33f}.account-control-actions{display:flex;gap:8px;align-items:center;margin-top:9px}.account-control-actions .account-delete-inline{margin-top:0}.control-modal[hidden]{display:none}.control-modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center}.control-modal-backdrop{position:absolute;inset:0;background:rgba(12,9,4,.76);backdrop-filter:blur(3px)}.control-modal-card{position:relative;width:min(520px,calc(100vw - 30px));background:#0c0904;border:1px solid #684b17;border-radius:14px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.55)}.control-modal-card h3{margin:0 0 8px;font-size:20px}.control-modal-card>p{color:#e8b33f;margin:0 0 16px}.control-modal-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.control-modal-metrics>div{background:#0c0904;border:1px solid #37270c;border-radius:9px;padding:10px}.control-modal-metrics span{display:block;font-size:11px;color:#c4912f}.control-modal-metrics b{font-size:15px}.control-confirm-wrap{display:block;margin:12px 0}.control-confirm-wrap span{display:block;margin-bottom:7px;color:#f4d17a;font-size:12px}.control-confirm-wrap input{width:100%;box-sizing:border-box;background:#0c0904;border:1px solid #684b17;color:#fff;border-radius:8px;padding:10px}.control-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}@media(max-width:760px){.trade-control-head{align-items:flex-start;flex-direction:column}.trade-control-head .danger-btn{width:100%}.control-modal-metrics{grid-template-columns:1fr 1fr}}

/* ===== v1.5.6.2 Stable Calendar Range + Responsive ===== */
.calendar-range-controls{display:flex;align-items:center;gap:7px}.calendar-range-field{height:36px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line2);border-radius:9px;background:#0c0904;color:#e8b33f;font-size:9px;white-space:nowrap}.calendar-range-field input{border:0;outline:0;background:transparent;color:#f4d17a;color-scheme:dark;font:inherit;min-width:108px}.calendar-apply-range{height:36px;padding:0 13px;border:1px solid rgba(232,179,63,.4);border-radius:9px;background:rgba(232,179,63,.1);color:#f0ca69;font-weight:800;cursor:pointer}.calendar-range-presets{display:flex;gap:5px}.calendar-range-presets button{height:30px;padding:0 9px;border:1px solid var(--line2);border-radius:8px;background:#0c0904;color:#e8b33f;font-size:9px;cursor:pointer}.calendar-day.in-range{background:linear-gradient(180deg,rgba(196,145,47,.09),rgba(196,145,47,.025))!important;box-shadow:inset 0 0 0 1px rgba(196,145,47,.28)}.calendar-day.in-range.selected{box-shadow:inset 0 0 0 2px #c4912f}.range-days-list{display:flex;flex-direction:column;gap:6px}.range-day-row{display:grid;grid-template-columns:1fr auto;gap:3px 10px;text-align:left;padding:10px;border:1px solid var(--line2);border-radius:9px;background:#0c0904;color:#f4d17a;cursor:pointer}.range-day-row small{grid-column:1/-1;color:#c4912f;font-size:9px}.selected-day-summary .daily-profit-card{grid-column:1/-1}
@media (min-width:761px) and (max-width:1366px){.main{padding:16px}.calendar-layout-v32{grid-template-columns:minmax(0,1fr)!important}.calendar-detail-panel{position:static!important;max-height:none!important}.calendar-scroll-shell{overflow-x:auto;-webkit-overflow-scrolling:touch}.calendar-weekdays-v31,.calendar-grid-v31{min-width:900px}}
@media(max-width:760px){.main{padding:10px!important}.calendar-toolbar-actions{display:flex!important;flex-direction:column;align-items:stretch!important;gap:8px!important}.calendar-range-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.calendar-range-field{min-width:0}.calendar-range-field input{min-width:0;width:100%}.calendar-apply-range{grid-column:1/-1;width:100%}.calendar-range-presets{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.month-nav{width:100%;display:grid!important;grid-template-columns:38px 1fr 38px}.calendar-scroll-shell{overflow-x:auto;-webkit-overflow-scrolling:touch}.calendar-weekdays-v31,.calendar-grid-v31{min-width:700px!important}.calendar-layout-v32{display:block!important}.calendar-detail-panel{position:static!important;margin-top:10px;max-height:none!important}.selected-day-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:420px){.calendar-range-controls{grid-template-columns:1fr}.calendar-apply-range{grid-column:auto}}

/* ===== v1.5.6.3 Calendar Range Filter ===== */
.calendar-show-all{
  height:36px;padding:0 13px;border:1px solid var(--line2);border-radius:9px;
  background:#0c0904;color:#f4d17a;font-weight:800;cursor:pointer;white-space:nowrap
}
.calendar-show-all:hover{background:#191207;color:#fff}
.calendar-range-filter-active .calendar-week-total{
  opacity:.28;
}
.calendar-range-filter-active .calendar-week-total .week-label::after{
  content:" • ช่วงที่กรอง";
  font-size:7px;
  color:#6f8798;
}
@media(max-width:760px){
  .calendar-range-controls{grid-template-columns:1fr 1fr!important}
  .calendar-apply-range,.calendar-show-all{width:100%}
  .calendar-apply-range{grid-column:1}
  .calendar-show-all{grid-column:2}
}
@media(max-width:420px){
  .calendar-range-controls{grid-template-columns:1fr!important}
  .calendar-apply-range,.calendar-show-all{grid-column:auto!important}
}

/* ===== v1.5.6.4 Calendar Soft Filter =====
   Keep every calendar cell/date visible; hide only trade metrics outside range. */
.calendar-day.calendar-filter-muted{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  background:rgba(12,9,4,.72)!important;
  border-color:var(--line2)!important;
  box-shadow:none!important;
}
.calendar-day.calendar-filter-muted .day-profit,
.calendar-day.calendar-filter-muted .day-meta,
.calendar-day.calendar-filter-muted .day-winloss,
.calendar-day.calendar-filter-muted .no-orders,
.calendar-day.calendar-filter-muted .today-chip{
  opacity:0!important;
  visibility:hidden!important;
}
.calendar-day.calendar-filter-muted .day-num{
  opacity:.55!important;
  visibility:visible!important;
  color:#e8b33f!important;
}
.calendar-day.calendar-filter-muted:hover{
  background:rgba(12,9,4,.78)!important;
}
.calendar-day.in-range{
  opacity:1!important;
}
.calendar-range-filter-active .calendar-week-total{
  opacity:.42;
}
.calendar-range-filter-active .calendar-week-total .week-label::after{
  content:" • ช่วงที่กรอง";
  font-size:7px;
  color:#6f8798;
}
\n\n/* ===== v1.5.6.5 Command Center Clean Header ===== */\n.current-view-command .topbar-left>div{display:none}\n.current-view-command .topbar{min-height:44px;margin-bottom:8px;justify-content:flex-end}\n.current-view-command .top-actions{margin-left:auto}\n.current-view-command .language-switch{display:block!important}\n.current-view-command #refreshBtn{display:inline-grid}\n.current-view-command .command-summary-shell{display:block;padding:20px 22px 22px;border:1px solid rgba(196,145,47,.78);box-shadow:0 0 0 1px rgba(196,145,47,.10),0 0 26px rgba(196,145,47,.09);background:radial-gradient(circle at 78% 0%,rgba(196,145,47,.10),transparent 34%),linear-gradient(135deg,rgba(12,9,4,.98),rgba(12,9,4,.98))}\n.current-view-command .command-summary-brand{display:flex;align-items:center;gap:8px;margin:0 0 12px 2px}\n.current-view-command .command-summary-brand .eyebrow{margin:0;padding:6px 11px;border:1px solid rgba(196,145,47,.48);border-radius:999px;background:rgba(12,9,4,.72);font-size:10px;letter-spacing:.13em}\n.current-view-command .command-summary-pulse{color:#c4912f;font-size:20px;line-height:1}\n.current-view-command .command-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0}\n.current-view-command .command-kpi{min-height:102px;padding:14px 16px;border-radius:14px;background:linear-gradient(145deg,rgba(25,18,7,.98),rgba(12,9,4,.98));border-color:rgba(104,75,23,.40)}\n.current-view-command .command-kpi strong{font-size:23px;margin:7px 0 3px}\n.current-view-command .command-live-hidden{display:none!important}\n.current-view-command .command-layout{margin-top:14px}\n@media(max-width:1500px){.current-view-command .command-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}\n@media(max-width:760px){.current-view-command .topbar{min-height:42px}.current-view-command .command-summary-shell{padding:15px}.current-view-command .command-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.current-view-command #refreshBtn{display:inline-grid}.current-view-command .language-trigger{min-height:40px}}\n
/* ===== v1.5.6.6 Command Center Visual Refinement ===== */
.current-view-command .main{padding:16px 18px 28px}
.current-view-command .topbar{min-height:54px;margin-bottom:10px;justify-content:space-between}
.current-view-command .topbar-left>div{display:block}
.current-view-command .topbar h1{font-size:clamp(22px,1.65vw,28px);line-height:1.08}
.current-view-command .topbar p{font-size:11px;margin-top:4px}
.current-view-command .top-actions{margin-left:auto}
.current-view-command .language-switch{display:block!important}
.current-view-command #refreshBtn{display:inline-grid}

.current-view-command .command-summary-shell{
  display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:12px 14px;
  padding:14px 16px 16px;border-radius:20px;border:1px solid rgba(196,145,47,.88);
  box-shadow:inset 0 0 0 1px rgba(196,145,47,.10),0 0 28px rgba(196,145,47,.08);
  background:radial-gradient(circle at 84% 8%,rgba(196,145,47,.10),transparent 30%),linear-gradient(145deg,rgba(12,9,4,.99),rgba(12,9,4,.99))
}
.current-view-command .command-summary-brand{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:0 0 0 6px}
.current-view-command .command-summary-brand .eyebrow{margin:0;padding:5px 11px;border:1px solid rgba(196,145,47,.40);border-radius:999px;background:rgba(12,9,4,.72);font-size:10px;letter-spacing:.12em;color:#c4912f}
.current-view-command .command-summary-pulse{color:#c4912f;font-size:20px;line-height:1}
.current-view-command .command-kpis{grid-column:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;min-width:0}
.current-view-command .command-kpi{min-width:0;min-height:108px;padding:13px 12px 11px 58px;border-radius:13px;border:1px solid rgba(104,75,23,.48);background:linear-gradient(145deg,rgba(12,9,4,.99),rgba(12,9,4,.99));justify-content:center;overflow:hidden}
.current-view-command .command-kpi:after{display:none}
.current-view-command .command-kpi:before{position:absolute;left:13px;top:15px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:18px;font-weight:900;color:#e8b33f;background:rgba(196,145,47,.18);box-shadow:0 0 18px rgba(196,145,47,.13)}
.current-view-command .command-kpi:nth-child(1):before{content:"♙"}
.current-view-command .command-kpi:nth-child(2):before{content:"▣";color:#c4912f;background:rgba(104,75,23,.15)}
.current-view-command .command-kpi:nth-child(3):before{content:"⌂";color:#c4912f;background:rgba(104,75,23,.15)}
.current-view-command .command-kpi:nth-child(4):before{content:"↘";color:#ff7380;background:rgba(218,45,68,.17)}
.current-view-command .command-kpi:nth-child(5):before{content:"☷";color:#e8b33f;background:rgba(196,145,47,.18)}
.current-view-command .command-kpi:nth-child(6):before{content:"◇";color:#ffd42a;background:rgba(213,165,0,.16)}
.current-view-command .command-kpi-label{font-size:clamp(9px,.72vw,11px);line-height:1.22;color:#e8b33f;white-space:normal}
.current-view-command .command-kpi strong{font-size:clamp(18px,1.35vw,24px);line-height:1.05;margin:6px 0 5px;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;overflow:visible}
.current-view-command .command-kpi small{font-size:clamp(8px,.58vw,10px);line-height:1.2;color:#c4912f;white-space:normal}
.current-view-command .command-kpi.accent strong{color:#ff4f5f}
.current-view-command .command-kpi.warning strong{color:#28e2ad}
.current-view-command .command-live-hidden{grid-column:2;display:flex!important;align-self:stretch;min-width:0;width:100%;padding:14px 15px;border-radius:14px;border:1px solid rgba(196,145,47,.25);background:linear-gradient(145deg,rgba(12,9,4,.95),rgba(12,9,4,.96))}
.current-view-command .command-live-pill b{font-size:12px;line-height:1.25}.current-view-command .command-live-pill small{font-size:9px;line-height:1.25}

.current-view-command .command-layout{grid-template-columns:minmax(0,1fr) 320px;gap:12px;margin-top:10px}
.current-view-command .command-account-panel,.current-view-command .command-health-card,.current-view-command .command-quick-card{border-radius:16px;background:linear-gradient(155deg,rgba(12,9,4,.98),rgba(12,9,4,.98));border-color:rgba(104,75,23,.44);box-shadow:none}
.current-view-command .command-account-panel{padding:12px}
.current-view-command .command-panel-head{margin-bottom:10px;align-items:center}
.current-view-command .command-panel-head h3{font-size:clamp(18px,1.35vw,24px)}
.current-view-command .command-panel-head p{display:none}
.current-view-command .command-actions .secondary-btn{min-height:38px;border-radius:9px;padding:8px 13px}
.current-view-command .command-account-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.current-view-command .command-account-card{padding:13px;border-radius:14px;border-color:rgba(104,75,23,.52);background:linear-gradient(155deg,rgba(12,9,4,.99),rgba(12,9,4,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}
.current-view-command .command-account-head{gap:8px}.current-view-command .command-account-head b{font-size:clamp(15px,1.15vw,20px);line-height:1.05}
.current-view-command .command-account-head small{font-size:clamp(9px,.67vw,11px);max-width:100%;line-height:1.25}
.current-view-command .command-status{padding:4px 8px;font-size:9px;flex:0 0 auto}
.current-view-command .command-account-metrics{gap:7px;margin-top:10px}
.current-view-command .command-account-metrics div{padding:8px 9px;border-radius:9px;background:rgba(12,9,4,.66);min-width:0}
.current-view-command .command-account-metrics span{font-size:clamp(8px,.58vw,10px);line-height:1.15;white-space:normal}
.current-view-command .command-account-metrics b{font-size:clamp(11px,.84vw,14px);line-height:1.18;white-space:normal;overflow-wrap:anywhere}
.current-view-command .command-side-stack{gap:12px}
.current-view-command .command-health-card,.current-view-command .command-quick-card{padding:14px}
.current-view-command .health-list{gap:7px}.current-view-command .health-list>div{padding:10px;border-radius:10px}
.current-view-command .health-list span{font-size:clamp(10px,.78vw,13px)}.current-view-command .health-list b{font-size:clamp(9px,.72vw,12px)}
.current-view-command .quick-links{gap:8px}.current-view-command .quick-links button{padding:10px;border-radius:11px}
.current-view-command .quick-links button>span{width:32px;height:32px}.current-view-command .quick-links button div{min-width:0}.current-view-command .quick-links button b{font-size:clamp(11px,.85vw,14px)}.current-view-command .quick-links small{font-size:clamp(8px,.62vw,10px);line-height:1.2}

@media(max-width:1500px){
  .current-view-command .command-summary-shell{grid-template-columns:1fr}
  .current-view-command .command-kpis{grid-column:1;grid-template-columns:repeat(6,minmax(0,1fr))}
  .current-view-command .command-live-hidden{grid-column:1;width:auto;min-height:64px}
  .current-view-command .command-layout{grid-template-columns:minmax(0,1fr) 290px}
}
@media(max-width:1250px){
  .current-view-command .command-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .current-view-command .command-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
  .current-view-command .main{padding:14px}
  .current-view-command .command-layout{grid-template-columns:1fr}
  .current-view-command .command-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .current-view-command .topbar{min-height:48px}.current-view-command .topbar-left>div{display:block}
  .current-view-command .topbar p{display:none}
  .current-view-command .command-summary-shell{padding:12px;border-radius:16px}
  .current-view-command .command-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .current-view-command .command-kpi{padding:12px 10px 10px 50px;min-height:98px}
  .current-view-command .command-kpi:before{left:10px;top:13px;width:30px;height:30px;font-size:16px}
  .current-view-command .command-account-grid,.current-view-command .command-side-stack{grid-template-columns:1fr}
  .current-view-command .command-actions{width:100%}.current-view-command .command-actions button{flex:1}
}
@media(max-width:480px){
  .current-view-command .main{padding:10px}
  .current-view-command .command-kpis{grid-template-columns:1fr}
  .current-view-command .command-kpi{min-height:88px}
  .current-view-command .command-account-metrics{grid-template-columns:1fr 1fr}
}


/* ===== BZ JOURNAL v1.5.6.7 Command Center layout ===== */
.command-summary-shell{
  display:grid!important;
  grid-template-columns:minmax(320px,.86fr) 1px minmax(620px,1.75fr);
  gap:18px;
  align-items:stretch;
  padding:14px 16px!important;
  min-height:0!important;
}
.command-summary-brand{display:none!important}
.command-summary-group{min-width:0}
.command-group-title{
  font-size:13px;font-weight:800;color:#f4d17a;margin:0 0 9px 2px
}
.command-summary-divider{width:1px;background:rgba(104,75,23,.5);align-self:stretch}
.command-account-status-kpis{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px
}
.command-finance-kpis{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px
}
.command-summary-shell .command-kpi{
  min-height:94px!important;padding:11px 12px!important;border-radius:13px!important;
  justify-content:flex-start!important
}
.command-status-kpi{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  column-gap:9px;
  align-items:center
}
.command-status-kpi .command-kpi-icon,.command-status-kpi .command-status-dot{grid-row:1;grid-column:1}
.command-status-kpi .command-kpi-label{grid-row:1;grid-column:2}
.command-status-kpi strong{
  grid-row:2;grid-column:1/-1;text-align:center;margin:5px 0 0!important;font-size:25px!important
}
.command-status-dot{
  width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:10px
}
.command-status-dot.online{background:#22e6a4;box-shadow:0 0 12px rgba(34,230,164,.55)}
.command-status-dot.offline{background:#64798c}
.command-kpi-icon{
  width:32px;height:32px;min-width:32px;border-radius:9px;display:grid;place-items:center;
  font-size:14px;font-weight:900
}
.command-kpi-icon.blue{color:#e8b33f;background:rgba(196,145,47,.15)}
.command-kpi-icon.green{color:#28e0a6;background:rgba(27,188,126,.15)}
.command-kpi-icon.cyan{color:#c4912f;background:rgba(196,145,47,.15)}
.command-kpi-icon.red{color:#ff625e;background:rgba(255,98,94,.15)}
.command-kpi-icon.purple{color:#f4d17a;background:rgba(232,179,63,.15)}
.command-finance-kpi{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr);
  grid-template-rows:auto auto 1fr;
  column-gap:8px;
  align-content:start
}
.command-finance-kpi .command-kpi-icon{grid-column:1;grid-row:1/3}
.command-finance-kpi .command-currency-label{
  grid-column:2;grid-row:1;color:#f4d17a;font-size:10px;font-weight:800;line-height:1.1
}
.command-finance-kpi .command-kpi-label{grid-column:2;grid-row:2;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.command-finance-kpi strong{
  grid-column:1/-1;grid-row:3;margin:7px 0 0!important;text-align:center;
  font-size:23px!important;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.command-finance-kpi small{
  grid-column:1/-1;text-align:center;margin-top:4px;font-size:9px!important
}
.command-live-hidden{display:none!important}

/* selector placed beside Account Overview */
.command-panel-head{align-items:center!important}
.command-actions{align-items:center;justify-content:flex-end;position:relative}
.command-card-layout-picker{position:relative;display:flex;align-items:center;gap:7px}
.command-card-layout-label{font-size:10px;color:#c4912f;white-space:nowrap}
.command-card-layout-trigger{
  height:34px;min-width:92px;padding:0 10px;border:1px solid rgba(104,75,23,.65);
  border-radius:9px;background:#0c0904;color:#f4d17a;display:flex;align-items:center;
  justify-content:space-between;gap:8px;cursor:pointer
}
.command-card-layout-trigger b{font-size:10px}
.command-card-layout-trigger:hover{border-color:#c4912f}
.command-card-layout-menu{
  position:absolute;top:39px;right:0;z-index:900;width:112px;padding:6px;
  border:1px solid rgba(104,75,23,.65);border-radius:10px;background:#0c0904;
  box-shadow:0 16px 34px rgba(0,0,0,.45)
}
.command-card-layout-menu button{
  width:100%;height:31px;border:0;border-radius:7px;background:transparent;color:#f4d17a;
  text-align:left;padding:0 10px;font-size:10px;cursor:pointer
}
.command-card-layout-menu button:hover{background:#191207;color:#fff}
.command-card-layout-menu button.active{background:#37270c;color:#fff;box-shadow:inset 2px 0 0 #c4912f}

/* user-selectable account-card density */
.command-account-grid{
  --command-card-columns:4;
  grid-template-columns:repeat(var(--command-card-columns),minmax(0,1fr))!important;
}
.command-account-grid[data-columns="1"] .command-account-card{max-width:720px}
.command-account-grid[data-columns="4"] .command-account-card{padding:13px}
.command-account-grid[data-columns="4"] .command-account-head b{font-size:15px}
.command-account-grid[data-columns="4"] .command-account-head small{max-width:145px;font-size:9px}
.command-account-grid[data-columns="4"] .command-account-metrics{gap:7px;margin-top:10px}
.command-account-grid[data-columns="4"] .command-account-metrics div{padding:8px}
.command-account-grid[data-columns="4"] .command-account-metrics b{font-size:12px}
.command-account-grid[data-columns="5"] .command-account-card,
.command-account-grid[data-columns="6"] .command-account-card{padding:10px}
.command-account-grid[data-columns="5"] .command-account-head b,
.command-account-grid[data-columns="6"] .command-account-head b{font-size:13px}
.command-account-grid[data-columns="5"] .command-account-head small,
.command-account-grid[data-columns="6"] .command-account-head small{max-width:105px;font-size:8px}
.command-account-grid[data-columns="5"] .command-status,
.command-account-grid[data-columns="6"] .command-status{font-size:8px;padding:4px 6px}
.command-account-grid[data-columns="5"] .command-account-metrics,
.command-account-grid[data-columns="6"] .command-account-metrics{
  grid-template-columns:1fr;gap:5px;margin-top:8px
}
.command-account-grid[data-columns="5"] .command-account-metrics div,
.command-account-grid[data-columns="6"] .command-account-metrics div{padding:6px 7px}
.command-account-grid[data-columns="5"] .command-account-metrics span,
.command-account-grid[data-columns="6"] .command-account-metrics span{font-size:8px}
.command-account-grid[data-columns="5"] .command-account-metrics b,
.command-account-grid[data-columns="6"] .command-account-metrics b{font-size:10px;margin-top:2px}

@media(max-width:1450px){
  .command-summary-shell{grid-template-columns:1fr}
  .command-summary-divider{display:none}
  .command-finance-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1100px){
  .command-account-grid{grid-template-columns:repeat(min(var(--command-card-columns),2),minmax(0,1fr))!important}
  .command-actions{width:100%;justify-content:flex-start}
  .command-panel-head{align-items:flex-start!important;flex-direction:column}
}
@media(max-width:760px){
  .command-account-status-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .command-finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .command-account-grid{grid-template-columns:1fr!important}
  .command-card-layout-picker{display:none}
  .command-summary-shell{padding:12px!important;gap:13px}
}


/* ===== v1.5.6.7.1 COMMAND CENTER UI MATCH HOTFIX =====
   Final override: match approved screenshot, neutralize legacy v1.5.6.6 rules. */

.current-view-command .command-summary-shell{
  display:grid!important;
  grid-template-columns:minmax(390px,.78fr) 1px minmax(760px,1.72fr)!important;
  grid-template-rows:auto!important;
  column-gap:18px!important;
  row-gap:0!important;
  align-items:stretch!important;
  padding:13px 15px 14px!important;
  min-height:0!important;
  border-radius:16px!important;
  overflow:visible!important;
}
.current-view-command .command-account-status-group{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
}
.current-view-command .command-summary-divider{
  display:block!important;
  grid-column:2!important;
  grid-row:1!important;
  width:1px!important;
  height:auto!important;
  align-self:stretch!important;
  background:rgba(104,75,23,.55)!important;
}
.current-view-command .command-finance-group{
  grid-column:3!important;
  grid-row:1!important;
  min-width:0!important;
}
.current-view-command .command-live-hidden,
.current-view-command .command-live-pill.command-live-hidden{
  display:none!important;
}

.current-view-command .command-group-title{
  display:block!important;
  margin:0 0 8px 1px!important;
  font-size:12px!important;
  line-height:1.15!important;
  color:#f4d17a!important;
  font-weight:800!important;
}
.current-view-command .command-account-status-kpis{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  margin:0!important;
}
.current-view-command .command-finance-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  margin:0!important;
}
.current-view-command .command-summary-shell .command-kpi{
  min-width:0!important;
  min-height:91px!important;
  height:91px!important;
  padding:10px 11px!important;
  border-radius:12px!important;
  background:linear-gradient(150deg,rgba(12,9,4,.99),rgba(12,9,4,.99))!important;
  border:1px solid rgba(104,75,23,.48)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.current-view-command .command-summary-shell .command-kpi:before,
.current-view-command .command-summary-shell .command-kpi:after{
  display:none!important;
  content:none!important;
}

/* Account status cards */
.current-view-command .command-status-kpi{
  display:grid!important;
  grid-template-columns:31px minmax(0,1fr)!important;
  grid-template-rows:30px 1fr!important;
  align-items:center!important;
  column-gap:8px!important;
}
.current-view-command .command-status-kpi .command-kpi-icon{
  display:grid!important;
  grid-column:1!important;
  grid-row:1!important;
  width:30px!important;height:30px!important;min-width:30px!important;
  margin:0!important;
}
.current-view-command .command-status-kpi .command-status-dot{
  grid-column:1!important;grid-row:1!important;
  margin:0 0 0 10px!important;width:10px!important;height:10px!important;
}
.current-view-command .command-status-kpi .command-kpi-label{
  grid-column:2!important;grid-row:1!important;
  font-size:10px!important;line-height:1.15!important;
  color:#f4d17a!important;font-weight:700!important;
  white-space:nowrap!important;
}
.current-view-command .command-status-kpi strong{
  grid-column:1/-1!important;grid-row:2!important;
  align-self:center!important;
  margin:0!important;
  text-align:center!important;
  font-size:24px!important;
  line-height:1!important;
  color:#fff!important;
  white-space:nowrap!important;
  overflow:visible!important;
}

/* Financial cards: currency top, label below it, number bottom */
.current-view-command .command-finance-kpi{
  display:grid!important;
  grid-template-columns:31px minmax(0,1fr)!important;
  grid-template-rows:15px 25px 1fr!important;
  column-gap:7px!important;
  align-content:start!important;
}
.current-view-command .command-finance-kpi .command-kpi-icon{
  display:grid!important;
  grid-column:1!important;
  grid-row:1/3!important;
  width:30px!important;height:30px!important;min-width:30px!important;
  margin:0!important;align-self:center!important;
}
.current-view-command .command-finance-kpi .command-currency-label{
  grid-column:2!important;grid-row:1!important;
  font-size:9px!important;line-height:1!important;
  font-weight:800!important;color:#f4d17a!important;
  align-self:end!important;
}
.current-view-command .command-finance-kpi .command-kpi-label{
  grid-column:2!important;grid-row:2!important;
  font-size:9px!important;line-height:1.15!important;
  color:#f4d17a!important;font-weight:700!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  align-self:center!important;
}
.current-view-command .command-finance-kpi strong{
  grid-column:1/-1!important;grid-row:3!important;
  align-self:center!important;
  margin:1px 0 0!important;
  text-align:center!important;
  font-size:23px!important;line-height:1!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  color:#fff!important;
}
.current-view-command .command-finance-kpi.accent strong{color:#ff4f5f!important}
.current-view-command .command-finance-kpi small{
  position:absolute!important;
  right:10px!important;bottom:7px!important;
  margin:0!important;
  font-size:8px!important;color:#e8b33f!important;
}

/* Approved Command Center lower section */
.current-view-command .command-layout{
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:12px!important;
  margin-top:10px!important;
}
.current-view-command .command-account-panel{padding:11px!important}
.current-view-command .command-panel-head{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:10px!important;
}
.current-view-command .command-panel-head h3{
  font-size:clamp(18px,1.35vw,23px)!important;
  margin:0!important;
}
.current-view-command .command-panel-head p{display:none!important}
.current-view-command .command-actions{
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  position:relative!important;
}
.current-view-command .command-actions .secondary-btn{
  flex:0 0 auto!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 11px!important;
  font-size:10px!important;
  border-radius:8px!important;
}

/* Card-density dropdown exactly beside Account Overview */
.current-view-command .command-card-layout-picker{
  display:flex!important;
  position:relative!important;
  align-items:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
}
.current-view-command .command-card-layout-label{
  font-size:9px!important;color:#e8b33f!important;white-space:nowrap!important;
}
.current-view-command .command-card-layout-trigger{
  height:34px!important;
  min-width:83px!important;
  padding:0 9px!important;
  border-radius:8px!important;
}
.current-view-command .command-card-layout-trigger b{font-size:9px!important}
.current-view-command .command-card-layout-menu{
  top:37px!important;
  right:0!important;
  width:100px!important;
  z-index:2000!important;
}

/* 4-card approved density */
.current-view-command .command-account-grid{
  --command-card-columns:4;
  display:grid!important;
  grid-template-columns:repeat(var(--command-card-columns),minmax(0,1fr))!important;
  gap:10px!important;
}
.current-view-command .command-account-card{
  padding:11px!important;
  border-radius:13px!important;
  min-width:0!important;
}
.current-view-command .command-account-head b{
  font-size:clamp(13px,.96vw,17px)!important;
}
.current-view-command .command-account-head small{
  font-size:8px!important;
  max-width:150px!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.current-view-command .command-status{font-size:8px!important;padding:3px 6px!important}
.current-view-command .command-account-metrics{
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  margin-top:8px!important;
}
.current-view-command .command-account-metrics div{padding:7px!important}
.current-view-command .command-account-metrics span{font-size:8px!important}
.current-view-command .command-account-metrics b{
  font-size:clamp(10px,.72vw,12px)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Keep user-selected 1-6 column behavior */
.current-view-command .command-account-grid[data-columns="1"]{grid-template-columns:1fr!important}
.current-view-command .command-account-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.current-view-command .command-account-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.current-view-command .command-account-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.current-view-command .command-account-grid[data-columns="5"]{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.current-view-command .command-account-grid[data-columns="6"]{grid-template-columns:repeat(6,minmax(0,1fr))!important}

/* Responsive: preserve approved desktop until truly tablet-sized */
@media(max-width:1280px){
  .current-view-command .command-summary-shell{
    grid-template-columns:1fr!important;
    row-gap:12px!important;
  }
  .current-view-command .command-account-status-group,
  .current-view-command .command-finance-group{
    grid-column:1!important;
  }
  .current-view-command .command-account-status-group{grid-row:1!important}
  .current-view-command .command-finance-group{grid-row:2!important}
  .current-view-command .command-summary-divider{display:none!important}
  .current-view-command .command-layout{grid-template-columns:1fr!important}
  .current-view-command .command-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .current-view-command .command-panel-head{align-items:flex-start!important;flex-direction:column!important}
  .current-view-command .command-actions{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}
  .current-view-command .command-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .current-view-command .command-account-status-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .current-view-command .command-finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .current-view-command .command-account-grid{grid-template-columns:1fr!important}
  .current-view-command .command-card-layout-picker{display:none!important}
  .current-view-command .command-side-stack{grid-template-columns:1fr!important}
}


/* Gold AutoSafe unified branding */
.brand-logo{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(216,168,78,.25))}.brand-name strong{color:var(--gold2)!important}.brand-name span{color:#d8d0bd!important}.sidebar{box-shadow:8px 0 35px rgba(0,0,0,.25)}.panel,.kpi{background:linear-gradient(145deg,rgba(16,16,16,.97),rgba(7,7,7,.97));border-color:#2d2418}.license-btn{border:1px solid rgba(216,168,78,.48);background:linear-gradient(135deg,rgba(216,168,78,.14),rgba(216,168,78,.04));color:var(--gold2);padding:10px 13px;border-radius:11px;cursor:pointer;font-weight:700}.license-btn:hover{border-color:var(--gold2);box-shadow:0 0 20px rgba(216,168,78,.12)}
.gas-license-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.84);backdrop-filter:blur(12px);display:grid;place-items:center;padding:18px}.gas-license-overlay[hidden]{display:none}.gas-license-card{width:min(520px,96vw);max-height:90vh;overflow:auto;position:relative;padding:28px;border:1px solid rgba(216,168,78,.42);border-radius:22px;background:linear-gradient(155deg,rgba(21,18,13,.98),rgba(6,6,6,.99));box-shadow:0 30px 90px rgba(0,0,0,.7),0 0 50px rgba(216,168,78,.08)}.gas-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#8f8064;font-size:30px;cursor:pointer}.gas-license-logo{display:block;width:92px;height:92px;object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 0 22px rgba(216,168,78,.18))}.gas-kicker{text-align:center;color:var(--gold2);letter-spacing:3px;font-size:10px}.gas-license-card h2{text-align:center;margin:8px 0 6px}.gas-sub{text-align:center;color:#9d9588;font-size:12px;line-height:1.65;margin:0 auto 18px}.gas-status-box{padding:12px 14px;border-radius:12px;border:1px solid #302716;background:#0b0b0b;color:#cfc5b3;margin-bottom:14px}.gas-status-box.ok{border-color:rgba(63,213,138,.35);color:#69e8a0}.gas-status-box.bad{border-color:rgba(255,98,94,.35);color:#ff8b87}.gas-license-card form{display:grid;gap:11px}.gas-license-card label{display:grid;gap:6px;color:#c7baa0;font-size:11px}.gas-license-card input{width:100%;border:1px solid #342a1b;background:#090909;color:white;border-radius:11px;padding:12px 13px;outline:0}.gas-license-card input:focus{border-color:var(--gold)}.gas-activate-btn{border:0;border-radius:11px;padding:13px;background:linear-gradient(135deg,#9d6f23,#e5b759);color:#100c05;font-weight:900;cursor:pointer}.gas-bindings{display:grid;gap:8px;margin-top:15px}.gas-binding{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid #2c251b;border-radius:10px;background:#090909}.gas-binding b,.gas-binding small{display:block}.gas-binding small{color:#8e8576;margin-top:3px}.gas-pill{font-size:9px;padding:4px 7px;border-radius:999px;background:rgba(63,213,138,.12);color:#6ee4a1}.gas-pill.bad{background:rgba(255,98,94,.12);color:#ff817d}.gas-note{display:block;color:#716b61;line-height:1.5;margin-top:14px}.gas-locked .main,.gas-locked .sidebar{filter:blur(5px);pointer-events:none;user-select:none}



/* ==========================================================
   GOLD AUTOSAFE OFFICIAL FINAL UI — BLACK / GOLD PROFESSIONAL
   v3.1 FINAL FIX3
   ========================================================== */
:root{
  --bg:#050403!important;
  --bg2:#090704!important;
  --panel:#0b0906!important;
  --panel2:#100d08!important;
  --line:#45331b!important;
  --line2:#765327!important;
  --gold:#d79b2b!important;
  --gold2:#ffd36a!important;
  --green:#72e6a6!important;
  --red:#ff6964!important;
  --blue:#e7ad3d!important;
  --purple:#d3a75c!important;
  --cyan:#f3c45b!important;
  --text:#fff8e8!important;
  --muted:#aa9d86!important;
  --shadow:0 24px 70px rgba(0,0,0,.48)!important;
}
html{background:#020201}
body{
  background:
    radial-gradient(circle at 73% 8%,rgba(226,158,39,.13),transparent 28%),
    radial-gradient(circle at 22% 82%,rgba(206,137,18,.08),transparent 32%),
    linear-gradient(rgba(2,2,1,.90),rgba(2,2,1,.97)),
    url('/assets/gold-autosafe-official-banner.png') center top/cover fixed!important;
  color:var(--text)!important;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(232,169,55,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(232,169,55,.025) 1px,transparent 1px);
  background-size:42px 42px;
}
.app-shell{grid-template-columns:252px minmax(0,1fr)!important}
.sidebar{
  background:linear-gradient(180deg,rgba(7,6,4,.985),rgba(2,2,2,.985))!important;
  border-right:1px solid #4d3719!important;
  box-shadow:16px 0 48px rgba(0,0,0,.55)!important;
  padding-top:18px!important;
}
.brand{
  min-height:168px;justify-content:center;flex-direction:column;gap:4px!important;
  padding:5px 8px 26px!important;border-bottom:1px solid rgba(218,159,48,.22);
}
.brand-logo{
  width:116px!important;height:116px!important;object-fit:contain!important;
  filter:drop-shadow(0 0 18px rgba(245,184,56,.32))!important;
}
.brand-name{text-align:center}
.brand-name strong{
  color:#ffd36a!important;font-size:26px!important;letter-spacing:5px!important;
  text-shadow:0 0 18px rgba(235,168,47,.24);
}
.brand-name span{font-size:14px!important;letter-spacing:2px!important;color:#f5eee0!important;margin-top:0!important}
.brand-name small{display:block;color:#9d7b3f;letter-spacing:4px;font-size:8px;margin-top:5px}
.nav-section-label{color:#78613e!important;letter-spacing:2.4px!important;font-weight:800!important}
.nav-item{color:#a89b85!important;border:1px solid transparent!important}
.nav-item i{color:#d6a447!important}
.nav-item:hover{
  background:linear-gradient(90deg,rgba(213,151,38,.12),rgba(213,151,38,.025))!important;
  border-color:rgba(216,158,50,.18)!important;color:#fff7e9!important;
}
.nav-item.active{
  background:linear-gradient(90deg,rgba(216,158,50,.25),rgba(216,158,50,.045))!important;
  border:1px solid rgba(232,174,64,.30)!important;
  box-shadow:inset 3px 0 0 #f0b649,0 10px 26px rgba(0,0,0,.22)!important;
}
.connection{background:#080704!important;border-color:#4a3519!important}
.status-dot,.health-dot.online{background:#e7b34b!important;box-shadow:0 0 13px rgba(231,179,75,.8)!important}
.version{color:#795d32!important;letter-spacing:1.3px!important}

.main{padding:18px 24px 38px!important}
.official-brand-hero{
  position:relative;overflow:hidden;min-height:182px;border:1px solid rgba(230,167,48,.45);
  border-radius:20px;margin-bottom:18px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;
  background:
    linear-gradient(90deg,rgba(4,3,2,.96) 0%,rgba(7,5,2,.76) 42%,rgba(4,3,1,.54) 100%),
    url('/assets/gold-autosafe-official-banner.png') center/cover;
  box-shadow:0 25px 65px rgba(0,0,0,.50),inset 0 0 55px rgba(225,158,30,.065);
}
.official-brand-hero:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,transparent,#9f6710,#ffd76e,#9f6710,transparent);
  box-shadow:0 0 22px rgba(255,194,64,.7)
}
.official-brand-copy{position:relative;z-index:2}
.official-kicker{display:block;color:#efbd57;font-size:10px;letter-spacing:4px;font-weight:900;margin-bottom:9px}
.official-brand-hero h2{font-size:42px;line-height:1;margin:0;color:#faf4e7;letter-spacing:-1px}
.official-brand-hero h2 b{
  color:#ffc64e;background:linear-gradient(180deg,#fff4a3 0%,#efaf27 48%,#8a5208 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 7px 22px rgba(219,151,28,.18)
}
.official-brand-hero p{margin:11px 0 13px;color:#d7c8ad;letter-spacing:2px;font-size:11px}
.official-badges{display:flex;flex-wrap:wrap;gap:7px}
.official-badges span{
  border:1px solid rgba(220,160,47,.34);background:rgba(10,7,3,.70);color:#e8bd68;
  border-radius:999px;padding:6px 10px;font-size:8px;letter-spacing:1.2px;font-weight:800
}
.official-brand-hero>img{
  position:relative;z-index:2;width:142px;height:142px;object-fit:contain;margin-right:24px;
  filter:drop-shadow(0 0 32px rgba(241,177,46,.38))
}

.topbar{
  padding:13px 16px!important;border:1px solid rgba(202,145,43,.22)!important;border-radius:15px!important;
  background:linear-gradient(135deg,rgba(11,8,4,.92),rgba(5,4,2,.95))!important;
  box-shadow:0 12px 32px rgba(0,0,0,.25)!important;
}
.topbar h1{color:#fff8ea!important;font-size:24px!important}
.topbar p{color:#907e64!important}
.icon-btn,.dashboard-account-trigger,.language-trigger,.account-picker,.filters input,.filters select,.live-controls input,.live-controls select{
  background:#0a0805!important;border-color:#49351b!important;color:#f7edda!important;
}
.icon-btn:hover,.dashboard-account-trigger:hover,.language-trigger:hover{border-color:#e4aa42!important;color:#ffd878!important}
.license-btn{
  border:1px solid #8d672e!important;
  background:linear-gradient(135deg,#1b1206,#443017)!important;color:#ffd66e!important;
  box-shadow:inset 0 0 18px rgba(218,157,45,.08),0 0 20px rgba(0,0,0,.18)!important
}

.panel,.kpi,.command-kpi,.analytics-card,.account-select-card,.portfolio-account-card{
  background:linear-gradient(145deg,rgba(17,13,7,.965),rgba(6,5,3,.985))!important;
  border-color:#45331b!important;
  box-shadow:0 17px 42px rgba(0,0,0,.33),inset 0 1px 0 rgba(255,218,133,.025)!important;
}
.panel:hover,.kpi:hover{border-color:#654a24!important}
.panel-head h3,.analytics-card h3{color:#fdf5e6!important}
.panel-head p,.analytics-card p,.command-kpi-label,.selected-day-summary span{color:#96866e!important}
.command-summary-shell{border-color:#765327!important;position:relative;overflow:hidden}
.command-summary-shell:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,rgba(228,160,33,.06),transparent 34%,rgba(228,160,33,.035));
}
.command-group-title{color:#dbab50!important;letter-spacing:1px!important}
.command-summary-divider{background:#50381b!important}
.command-kpi-icon,.kpi-icon{background:linear-gradient(145deg,#171006,#080603)!important;border-color:#60451f!important;color:#f2bc52!important}
.command-kpi-icon.blue,.command-kpi-icon.green,.command-kpi-icon.cyan,.command-kpi-icon.purple,.command-kpi-icon.red,
.kpi-icon.gold,.kpi-icon.blue,.kpi-icon.green,.kpi-icon.red,.kpi-icon.purple,.kpi-icon.cyan{
  color:#f0bb55!important;border-color:#6b4b21!important;
}
.command-status-dot.online{background:#e9b955!important;box-shadow:0 0 12px #e9b955!important}
.command-status-dot.offline{background:#5c5140!important}
.secondary-btn,.collapse-btn,.dashboard-account-actions button,.mode-btn{
  background:linear-gradient(180deg,#151006,#090704)!important;border-color:#4f391d!important;color:#e7d6b8!important
}
.secondary-btn:hover,.collapse-btn:hover{border-color:#e1a747!important;color:#ffd576!important}
.mode-btn.active,.scope-btn.active,.dashboard-account-actions button.primary,.gas-activate-btn{
  background:linear-gradient(135deg,#9e6411,#f1ba4b,#ffd76b)!important;
  border-color:#f3c15e!important;color:#160e03!important;
  box-shadow:0 10px 28px rgba(214,148,31,.20)!important
}
.account-select-metrics>div,.portfolio-mini-grid>div,.selected-day-summary>div,.stat-list div,.month-summary div,
.account-check,.table-wrap,.calendar-day,.day-order-row{
  background:#090704!important;border-color:#3b2c19!important
}
.account-check.selected,.calendar-day.selected{
  border-color:#d89b30!important;background:linear-gradient(145deg,rgba(72,47,12,.46),rgba(8,6,3,.96))!important;
  box-shadow:inset 0 -3px 0 #dba03a!important
}
.account-check input,.portfolio-account-card input,.dashboard-account-option input,.dashboard-account-all input{accent-color:#d89e38!important}
.dashboard-account-menu,.language-menu{
  background:#080603!important;border-color:#5c421e!important;box-shadow:0 24px 70px rgba(0,0,0,.68)!important
}
.dashboard-account-all{background:rgba(215,154,43,.08)!important}
.dashboard-account-option:hover,.dashboard-account-all:hover{background:rgba(215,154,43,.10)!important}
.table-wrap{background:#070603!important}
th{background:#0d0a05!important;color:#b6a27f!important;border-color:#302416!important}
td{border-color:#251c11!important}
tbody tr:hover{background:rgba(216,157,47,.045)!important}
.chart-grid{stroke:#2f2416!important}.chart-line{stroke:#e2a73d!important;filter:drop-shadow(0 0 6px rgba(226,167,61,.32))!important}
.gold-line{background:#e2a73d!important}
.donut:after{background:#0b0804!important;border-color:#443018!important}
.badge.buy{background:rgba(215,156,47,.13)!important;color:#ffd06d!important}
.badge.sell{background:rgba(255,105,100,.11)!important;color:#ff918c!important}
.positive{color:#74e2a4!important}.negative{color:#ff716d!important}

.command-health-card,.command-quick-card{border-top:2px solid #a97423!important}
.health-list>div,.quick-link,.command-card-layout-menu{
  border-color:#3d2c17!important;background:#080603!important
}
.quick-link:hover{border-color:#d69b35!important;background:#100b05!important}

.gas-license-overlay{
  background:
    radial-gradient(circle at 50% 20%,rgba(220,155,37,.11),transparent 32%),
    rgba(0,0,0,.91)!important;
}
.gas-license-card{
  width:min(560px,96vw)!important;border:1px solid rgba(233,176,65,.55)!important;border-radius:24px!important;
  background:linear-gradient(155deg,rgba(24,17,8,.99),rgba(4,4,3,.995))!important;
  box-shadow:0 35px 110px rgba(0,0,0,.82),0 0 70px rgba(222,157,38,.09)!important
}
.gas-license-card:before{
  content:"";position:absolute;left:20%;right:20%;top:0;height:2px;
  background:linear-gradient(90deg,transparent,#ffd46c,transparent);box-shadow:0 0 20px #c17e17
}
.gas-license-logo{width:116px!important;height:116px!important;filter:drop-shadow(0 0 28px rgba(228,165,46,.32))!important}
.gas-kicker{color:#e9ae45!important}
.gas-license-card h2{color:#fff3da!important;font-size:25px!important}
.gas-status-box,.gas-binding{background:#080603!important;border-color:#3e2e18!important}
.gas-license-card label{color:#c6b28e!important}
.gas-license-card input{background:#070503!important;border-color:#49351c!important}
.gas-license-card input:focus{border-color:#e0a43e!important;box-shadow:0 0 0 3px rgba(224,164,62,.08)!important}
.gas-note{color:#82745d!important}
.toast{background:#1a1005!important;border-color:#815d27!important;color:#f8e8c5!important}

::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:#050403}
::-webkit-scrollbar-thumb{background:#4f391d;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:#805922}

@media(max-width:1050px){
  .official-brand-hero{min-height:150px;padding:22px}
  .official-brand-hero h2{font-size:34px}
  .official-brand-hero>img{width:110px;height:110px;margin-right:0}
}
@media(max-width:760px){
  .official-brand-hero{min-height:auto;align-items:flex-start}
  .official-brand-hero>img{width:86px;height:86px}
  .official-brand-hero h2{font-size:29px}
  .official-badges{display:none}
}
@media(max-width:520px){
  .official-brand-hero>img{display:none}
  .official-brand-hero p{letter-spacing:.8px}
}



/* ==========================================================
   FIX4 — ALL GOLD / NO BLUE
   Force every remaining legacy navy/cyan component into the
   official GOLD AutoSafe black / bronze / metallic-gold theme.
   ========================================================== */
:root{
  --blue:#e5a936!important;
  --cyan:#f1bd4d!important;
  --purple:#c9953a!important;
  --muted:#a99b82!important;
}

/* Every primary surface/card */
.panel,
.kpi,
.command-kpi,
.command-status-kpi,
.command-finance-kpi,
.command-account-panel,
.command-account-status-kpis,
.command-finance-kpis,
.command-summary-shell,
.command-health-card,
.command-quick-card,
.analytics-card,
.account-selection-panel,
.account-select-card,
.portfolio-account-card,
.subscription-plan-card,
.subscription-usage-card,
.subscription-cloud-card,
.control-modal-card,
.calendar-detail-panel,
.quick-stats,
.recent-trades,
.page-panel,
.date-card,
.account-hero,
.trade-control-panel,
.summary-collapse-panel,
.dashboard-summary-header,
.trade-summary-strip{
  background:linear-gradient(145deg,rgba(18,13,6,.985),rgba(5,4,2,.995))!important;
  border-color:#5d421e!important;
  color:#fff6e5!important;
}

/* KPI cards / account cards that still inherited blue */
.command-kpi,
.command-status-kpi,
.command-finance-kpi,
.kpi,
.account-select-metrics>div,
.portfolio-mini-grid>div,
.control-modal-metrics>div,
.month-summary>div,
.selected-day-summary>div,
.stat-list>div,
.summary-head-item,
.subscription-facts>div{
  background:linear-gradient(150deg,#110c05,#070502)!important;
  border-color:#51391b!important;
  box-shadow:inset 0 1px 0 rgba(255,216,120,.025)!important;
}

/* All icon tiles: warm gold, never cyan/blue */
.command-kpi-icon,
.command-kpi-icon.blue,
.command-kpi-icon.cyan,
.command-kpi-icon.green,
.command-kpi-icon.purple,
.command-kpi-icon.red,
.kpi-icon,
.kpi-icon.blue,
.kpi-icon.cyan,
.kpi-icon.green,
.kpi-icon.purple,
.kpi-icon.red,
.kpi-icon.gold,
.summary-head-icon,
.quick-link i,
.cloud-steps i{
  background:linear-gradient(145deg,#1c1205,#090603)!important;
  border:1px solid #6d4b20!important;
  color:#f1bc4f!important;
  box-shadow:inset 0 0 16px rgba(231,167,46,.08)!important;
}

/* Inputs/selects/dropdowns */
.account-picker,
.account-picker select,
.filters input,
.filters select,
.live-controls input,
.live-controls select,
.calendar-range-field,
.calendar-range-field input,
.dashboard-account-trigger,
.dashboard-account-menu,
.dashboard-account-all,
.dashboard-account-option,
.language-trigger,
.language-menu,
.command-card-layout-trigger,
.command-card-layout-menu,
.command-card-layout-menu button,
.control-confirm-wrap input{
  background:#090603!important;
  border-color:#51391b!important;
  color:#f5ead3!important;
}

/* Active dropdown/menu states */
.dashboard-account-option:hover,
.dashboard-account-all:hover,
.command-card-layout-menu button:hover,
.command-card-layout-menu button.active{
  background:linear-gradient(90deg,rgba(218,153,42,.19),rgba(117,73,15,.09))!important;
  border-color:#8e652b!important;
  color:#ffd46a!important;
  box-shadow:inset 2px 0 0 #e5aa3d!important;
}

/* Buttons and pills that were cyan/blue */
.mode-btn,
.scope-btn,
.calendar-range-presets button,
.calendar-show-all,
.calendar-apply-range,
.secondary-btn,
.collapse-btn,
.dashboard-account-actions button,
.account-control-actions button,
.command-pill{
  background:linear-gradient(180deg,#151006,#080603)!important;
  border-color:#5c411f!important;
  color:#dfcfb0!important;
}
.mode-btn:hover,
.scope-btn:hover,
.calendar-range-presets button:hover,
.calendar-show-all:hover,
.secondary-btn:hover,
.collapse-btn:hover{
  background:#181006!important;
  border-color:#c48a2e!important;
  color:#ffd56f!important;
}
.mode-btn.active,
.scope-btn.active,
.calendar-range-presets button.active,
.calendar-apply-range,
.dashboard-account-actions button.primary{
  background:linear-gradient(135deg,#82520c,#d99825,#ffd36b)!important;
  border-color:#efbd57!important;
  color:#150d02!important;
  box-shadow:0 8px 24px rgba(210,143,27,.18)!important;
}

/* Calendar — remove cyan range highlight */
.calendar-day,
.range-day-row,
.selected-day-orders,
.day-order-row{
  background:#090603!important;
  border-color:#443019!important;
}
.calendar-day.in-range{
  background:linear-gradient(180deg,rgba(202,138,28,.15),rgba(110,69,12,.055))!important;
  border-color:#755225!important;
  box-shadow:inset 0 0 0 1px rgba(230,170,60,.28)!important;
}
.calendar-day.in-range.selected,
.calendar-day.selected{
  background:linear-gradient(180deg,rgba(217,150,34,.20),rgba(83,51,8,.08))!important;
  border-color:#e1a743!important;
  box-shadow:inset 0 0 0 2px #d99d35!important;
}

/* Chart grid and chart accents */
.chart-grid{stroke:#362715!important}
.chart-label{fill:#9f8d72!important}
.chart-line{stroke:#e0a33a!important}
.chart-area{opacity:.72!important}

/* Trade-control modal / commands — remove navy */
.trade-control-panel,
.control-modal-card,
.control-modal-metrics>div,
.control-confirm-wrap input{
  background:#090603!important;
  border-color:#5a4020!important;
}
.control-modal-backdrop{background:rgba(0,0,0,.86)!important}
.trade-control-notice{
  background:rgba(211,148,37,.07)!important;
  border-color:rgba(221,163,58,.22)!important;
  color:#cbbd9f!important;
}
.command-pill{
  background:#0c0804!important;
  border-color:#5b411f!important;
  color:#d5c2a0!important;
}
.command-pill.pending,
.command-pill.delivered,
.command-pill.completed,
.command-pill.partial{
  border-color:#9a6a27!important;
  color:#efc46b!important;
}

/* Quick links/status blocks */
.health-list>div,
.quick-link,
.command-card-layout-menu,
.connection,
.gas-status-box,
.gas-binding{
  background:#090603!important;
  border-color:#4f381c!important;
}
.quick-link:hover{
  background:#130d05!important;
  border-color:#c68c31!important;
}

/* Tables */
.table-wrap,
th{
  background:#080502!important;
}
th,td{
  border-color:#302315!important;
}
tbody tr:hover{
  background:rgba(218,154,45,.045)!important;
}

/* Sidebar active remains gold */
.nav-item.active{
  background:linear-gradient(90deg,rgba(219,155,43,.28),rgba(113,71,13,.055))!important;
  border-color:rgba(226,167,57,.30)!important;
  box-shadow:inset 3px 0 0 #e5aa3f,0 10px 28px rgba(0,0,0,.25)!important;
}

/* License modal */
.gas-license-card{
  background:linear-gradient(155deg,#181006,#050402)!important;
  border-color:#8f6329!important;
}
.gas-license-card input{
  background:#080502!important;
  border-color:#51391c!important;
}

/* Explicit legacy navy/cyan safety net */
[style*="#0c0904"],
[style*="#0c0904"],
[style*="#37270c"],
[style*="#191207"],
[style*="#191207"],
[style*="#0c0904"],
[style*="#c4912f"],
[style*="#c4912f"]{
  background:#090603!important;
  border-color:#5b401d!important;
  color:#efc369!important;
}

/* Preserve green/red only for semantic status and P/L */
.status-dot,
.health-dot.online,
.command-status-dot.online{background:#dfaa3d!important;box-shadow:0 0 12px rgba(223,170,61,.72)!important}
.positive,.gas-status-box.ok,.gas-pill:not(.bad){color:#74e2a4!important}
.negative,.gas-status-box.bad,.gas-pill.bad{color:#ff7772!important}

/* Remove residual turquoise focus/glow */
*:focus-visible{
  outline:1px solid #d99e38!important;
  outline-offset:2px;
}


/* FIX5 — ALL GOLD FRAME/THEME NORMALIZATION */
:root{--blue:#d8a84e;--purple:#d8a84e;--cyan:#f4d17a;--muted:#a99570;--line:#3b2c10;--line2:#6b4d17}
.panel,.kpi,.page-panel,.analytics-card{border-color:var(--line)!important;background:linear-gradient(145deg,rgba(12,9,4,.97),rgba(6,5,3,.98))!important}
.table-wrap,.calendar-day,.stat-list div,.month-summary div,.connection,.account-picker,.filters input,.filters select{border-color:var(--line)!important;background:#0a0804!important}
.chart-grid{stroke:#3b2c10!important}.chart-label{fill:#a99570!important}
.kpi-icon.blue,.kpi-icon.cyan,.kpi-icon.purple{color:var(--gold2)!important;border-color:rgba(232,179,63,.34)!important;background:rgba(232,179,63,.06)!important}

/* V6 Dashboard Account System */
.gas-account-card{max-height:92vh;overflow:auto}
.gas-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.gas-auth-tabs button{border:1px solid #66501e;background:#0a0d11;color:#b9b29f;padding:11px;border-radius:10px;font-weight:800;cursor:pointer}
.gas-auth-tabs button.active{background:linear-gradient(180deg,#f5c94f,#ba7f13);color:#171006;border-color:#ffd75f}
.gas-auth-form{display:grid;gap:10px}.gas-auth-form[hidden]{display:none!important}
.gas-auth-form label{display:grid;gap:6px;color:#d8d8d8;font-size:12px;font-weight:700}
.gas-auth-form input{height:45px;border:1px solid #334050;border-radius:9px;background:#070b10;color:#fff;padding:0 13px;outline:none}
.gas-auth-form input:focus{border-color:#e2ad2e;box-shadow:0 0 0 3px rgba(226,173,46,.10)}
.gas-auth-error{margin:10px 0;padding:10px 12px;border:1px solid #a53339;border-radius:9px;background:#351014;color:#ff858b;font-size:12px;font-weight:700}
.gas-owner-sep{display:flex;align-items:center;gap:10px;margin:14px 0;color:#80765f;font-size:11px}.gas-owner-sep:before,.gas-owner-sep:after{content:"";height:1px;background:#3a3324;flex:1}
.gas-owner-btn{border:1px solid #6d571f;background:#0a0d11;color:#f0c64e;padding:9px 12px;border-radius:9px;font-weight:800;cursor:pointer}
.gas-user-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:10px 12px;border:1px solid #313a45;border-radius:10px;background:#0a0e13}
.gas-user-head div{display:flex;flex-direction:column;gap:2px}.gas-user-head small{color:#8e99a6}.gas-user-head b{color:#f4c953}
#gasLicensePanel[hidden]{display:none!important}

/* V6.2 Logged-in ID + Logout + Add License Account */
.dashboard-user-chip{
  display:flex;align-items:center;gap:8px;min-width:150px;height:42px;padding:0 12px;
  border:1px solid #5c491d;border-radius:11px;background:linear-gradient(180deg,#131008,#0b0a07);
  box-shadow:inset 0 0 18px rgba(238,181,45,.03)
}
.dashboard-user-chip[hidden]{display:none!important}
.dashboard-user-icon{font-size:17px}
.dashboard-user-chip div{display:flex;flex-direction:column;line-height:1.05}
.dashboard-user-chip small{font-size:9px;color:#9e8e63;letter-spacing:.5px}
.dashboard-user-chip b{font-size:12px;color:#f5cc5a;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-logout-btn{
  height:42px;padding:0 13px;border:1px solid #78353a;border-radius:11px;background:#160b0c;
  color:#ff8d92;font-weight:800;cursor:pointer
}
.dashboard-logout-btn:hover{border-color:#d24c55;background:#2a0e11;color:#ffb1b5}
.dashboard-logout-btn[hidden]{display:none!important}
#openGoldLicense{white-space:nowrap}
@media(max-width:1200px){
  .dashboard-user-chip{min-width:auto}
  .dashboard-user-chip small{display:none}
}

/* V6.3 Thai date picker + sidebar logout + license modal back */
.sidebar-logout-btn{
 width:100%;margin-top:8px;height:42px;border:1px solid #8d232a;border-radius:11px;
 background:linear-gradient(180deg,#220b0e,#12080a);color:#ff6f77;font-weight:900;cursor:pointer;
 letter-spacing:.2px
}
.sidebar-logout-btn:hover{background:#321015;border-color:#e2424b;color:#ffb0b4}
.sidebar-logout-btn[hidden]{display:none!important}
.top-actions .dashboard-logout-btn{display:none!important}

.thai-range-field{position:relative}
.thai-range-display{
 min-width:150px;height:36px;padding:0 34px 0 12px;border:1px solid #5f4a17;border-radius:8px;
 background:#0b0905;color:#f2e5c5;font-weight:800;text-align:left;cursor:pointer;position:relative
}
.thai-range-display:after{content:"▣";position:absolute;right:10px;color:#d6a52a}
.thai-range-display:hover,.thai-range-display:focus{border-color:#e3ad2e;box-shadow:0 0 0 2px rgba(227,173,46,.10);outline:none}

.thai-dashboard-picker{
 position:fixed;z-index:12000;width:310px;padding:13px;border:1px solid #80631d;border-radius:12px;
 background:linear-gradient(180deg,#17130c,#0f0d09);box-shadow:0 24px 70px rgba(0,0,0,.72);color:#f4ecd9
}
.thai-dashboard-picker[hidden]{display:none!important}
.thai-dashboard-picker-head{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;margin-bottom:9px}
.thai-dashboard-picker-head b{text-align:center;color:#f5d06a;font-size:14px}
.thai-dashboard-picker-head button,.thai-dashboard-picker-foot button{
 height:34px;border:1px solid #5a4a22;border-radius:8px;background:#0b0a07;color:#ead8aa;cursor:pointer
}
.thai-dashboard-week,.thai-dashboard-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.thai-dashboard-week span{text-align:center;padding:5px 0;color:#b7aa88;font-size:11px;font-weight:900}
.thai-dashboard-week span:first-child{color:#ff6b71}.thai-dashboard-week span:last-child{color:#61a1ff}
.thai-dashboard-days button{
 height:34px;border:0;border-radius:7px;background:transparent;color:#f5efe0;font-weight:800;cursor:pointer
}
.thai-dashboard-days button:hover{background:#2a2417}
.thai-dashboard-days button.sun{color:#ff7077}.thai-dashboard-days button.sat{color:#6ba8ff}
.thai-dashboard-days button.selected{background:linear-gradient(180deg,#ffd965,#ce931b)!important;color:#160f04!important;box-shadow:0 0 0 1px #ffe385}
.thai-dashboard-days .thai-empty{height:34px}
.thai-dashboard-picker-foot{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #332b19}
.thai-dashboard-picker-foot button{padding:0 12px}

.gas-account-card{position:relative}
.gas-modal-close{
 position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid #8d6a1c;border-radius:10px;
 background:#12100b;color:#f0d27c;font-size:25px;line-height:1;cursor:pointer;z-index:3
}
.gas-modal-close:hover{border-color:#ffcf48;background:#241b09;color:#fff}
.gas-modal-close[hidden]{display:none!important}
.gas-back-dashboard-btn{
 width:100%;margin-top:12px;padding:11px 14px;border:1px solid #40516a;border-radius:10px;
 background:#090d12;color:#70b8ff;font-weight:900;cursor:pointer
}
.gas-back-dashboard-btn:hover{background:#0e1720;border-color:#4f98d8;color:#a8d7ff}

/* V6.4 separate Admin login */
.gas-admin-link-wrap{margin-top:14px;text-align:center}
.gas-admin-link{
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 min-height:38px;padding:0 14px;border:1px solid #4d3d1b;border-radius:9px;
 background:#0a0906;color:#cba23e;text-decoration:none;font-weight:800;font-size:12px
}
.gas-admin-link:hover{border-color:#d2a63a;color:#f6d36f;background:#141006}

/* V6.5 member registration + forgot password */
button.gas-admin-link{font:inherit;cursor:pointer}
#gasForgotPanel[hidden]{display:none!important}

/* V6.6.14 COMPLETE */
#commandFloating.positive{color:#45e58f!important;text-shadow:0 0 12px rgba(69,229,143,.18)}
#commandFloating.negative{color:#ff5f67!important;text-shadow:0 0 12px rgba(255,95,103,.18)}
#commandFloating.neutral{color:#f4d17a!important}
.command-account-metrics b.positive{color:#45e58f!important}
.command-account-metrics b.negative{color:#ff5f67!important}
.command-side-count b{display:flex!important;align-items:center;gap:5px;flex-wrap:wrap}
.command-side-count em{font-style:normal;font-weight:900}
.command-side-count .buy-count{color:#45e58f!important}
.command-side-count .sell-count{color:#ff6b70!important}
.command-side-count i{font-style:normal;color:#a99570}
.command-total-line{display:block;margin-top:4px;font-size:12px;font-weight:800;color:#f4d17a;letter-spacing:.1px}

/* GAS Update2: lightweight order pagination/filter controls */
.trade-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 8px}
.trade-pager span{color:#d9b85d;font-weight:700;font-size:12px}
.ghost-btn{border:1px solid rgba(218,169,48,.35);background:rgba(218,169,48,.06);color:#e7c66d;border-radius:8px;padding:8px 12px;cursor:pointer}
.ghost-btn:hover{background:rgba(218,169,48,.12)}
.ghost-btn:disabled{opacity:.35;cursor:not-allowed}
.filters input[type=date]{min-width:132px}

/* GAS Update3 - analytics enhancement; client-side only */
.analytics-range-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:10px 12px;border:1px solid rgba(218,169,48,.22);border-radius:10px;background:rgba(10,8,3,.55)}
.analytics-range-bar>span:first-child{color:#d9b85d;font-weight:700;margin-right:4px}
.analytics-range{border:1px solid rgba(218,169,48,.3);background:rgba(218,169,48,.05);color:#d7bd72;border-radius:8px;padding:7px 12px;cursor:pointer}
.analytics-range.active{background:#d5a631;color:#171005;border-color:#f0c759;font-weight:800}
.analytics-range-info{margin-left:auto;color:#8e7a46;font-size:12px}
.analytics-extra-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.analytics-extra-card{min-height:82px;border:1px solid rgba(218,169,48,.25);border-radius:12px;background:rgba(11,9,4,.75);padding:14px}
.analytics-extra-card small{display:block;color:#a88e50;margin-bottom:8px}
.analytics-extra-card strong{font-size:16px;color:#e7c86e}
.analytics-extra-card strong.positive{color:#64e5a4}.analytics-extra-card strong.negative{color:#ff6f6f}
@media(max-width:1100px){.analytics-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.analytics-extra-grid{grid-template-columns:1fr}.analytics-range-info{width:100%;margin-left:0}}

/* GAS Update4 - advanced analytics, no additional server/API load */
.analytics-pro-panel{margin:0 0 14px;border:1px solid rgba(218,169,48,.24);border-radius:14px;background:rgba(9,7,3,.72);padding:14px}
.analytics-pro-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.analytics-pro-head strong{color:#efd276;font-size:16px}.analytics-pro-head small{display:block;color:#88743f;margin-top:3px}.analytics-pro-head>span{color:#d9b85d;border:1px solid rgba(218,169,48,.28);border-radius:999px;padding:5px 10px;font-size:11px}
.analytics-pro-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.analytics-pro-kpis>div{border:1px solid rgba(218,169,48,.18);border-radius:10px;padding:11px;background:rgba(218,169,48,.025)}.analytics-pro-kpis small{display:block;color:#907a43;margin-bottom:6px}.analytics-pro-kpis strong{color:#e9c965;font-size:16px}
.analytics-pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.analytics-pro-box{min-height:220px;border:1px solid rgba(218,169,48,.18);border-radius:11px;padding:12px}.analytics-pro-title{color:#c9a952;font-weight:700;margin-bottom:10px}
.ap-bars{height:165px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid rgba(218,169,48,.18);overflow:hidden}.ap-bar-col{height:100%;flex:1;min-width:4px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.ap-bar{width:70%;min-width:3px;border-radius:3px 3px 0 0;background:#66dda0}.ap-bar.down{background:#ff6f6f}.ap-bar-col small{height:18px;font-size:8px;color:#79683b;margin-top:3px}.ap-empty{margin:auto;color:#76663a}
.ap-equity{width:100%;height:165px}.ap-line{stroke:#e5b83f;stroke-width:3;vector-effect:non-scaling-stroke}.ap-zero{stroke:rgba(218,169,48,.18);stroke-width:1;vector-effect:non-scaling-stroke}
@media(max-width:1000px){.analytics-pro-grid{grid-template-columns:1fr}.analytics-pro-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.analytics-pro-kpis{grid-template-columns:1fr}}

/* GAS ChartFix — ANALYTICS PAGE ONLY */
#view-analytics .vertical-bars{
  height:220px;
  align-items:center;
  justify-content:space-around;
  gap:10px;
  padding:22px 18px 18px;
  overflow:hidden;
  background:
    linear-gradient(to bottom,
      transparent 24.7%,rgba(218,169,48,.07) 25%,transparent 25.3%,
      transparent 49.7%,rgba(218,169,48,.11) 50%,transparent 50.3%,
      transparent 74.7%,rgba(218,169,48,.07) 75%,transparent 75.3%);
}
#view-analytics .vbar{
  flex:1 1 0;
  min-width:18px;
  max-width:78px;
  height:100%;
}
#view-analytics .vbar-fill{
  width:22px;
  max-width:22px;
  min-height:3px;
  left:50%;
  transform:translateX(-50%);
  border-radius:6px 6px 2px 2px;
  box-shadow:0 0 10px rgba(63,213,138,.10);
}
#view-analytics .vbar-fill.neg{
  border-radius:2px 2px 6px 6px;
  box-shadow:0 0 10px rgba(255,98,94,.10);
}
#view-analytics .vbar:before{border-top-color:rgba(218,169,48,.20)}
#view-analytics .ap-bars{
  height:175px;
  align-items:flex-end;
  justify-content:space-around;
  gap:8px;
  padding:8px 12px 0;
}
#view-analytics .ap-bar-col{
  flex:1 1 0;
  min-width:20px;
  max-width:70px;
}
#view-analytics .ap-bar{
  width:18px;
  max-width:18px;
  min-width:18px;
  border-radius:6px 6px 2px 2px;
  box-shadow:0 0 10px rgba(102,229,164,.10);
}
#view-analytics .ap-bar.down{
  border-radius:2px 2px 6px 6px;
  box-shadow:0 0 10px rgba(255,111,111,.10);
}
@media(max-width:700px){
 #view-analytics .vertical-bars{gap:5px;padding-left:8px;padding-right:8px}
 #view-analytics .vbar{min-width:10px;max-width:50px}
 #view-analytics .vbar-fill{width:14px;max-width:14px}
 #view-analytics .ap-bar{width:12px;max-width:12px;min-width:12px}
}

/* GAS Analytics2 — analytics page only */
#view-analytics .analytics-pro-box,
#view-analytics .analytics-extra-card{transition:border-color .18s ease,transform .18s ease}
#view-analytics .analytics-pro-box:hover,
#view-analytics .analytics-extra-card:hover{border-color:rgba(229,184,63,.42)}
#view-analytics .ap-bar,#view-analytics .vbar-fill{transition:filter .15s ease,opacity .15s ease}
#view-analytics .ap-bar:hover,#view-analytics .vbar-fill:hover{filter:brightness(1.18);opacity:1}
.gas-chart-tip{position:fixed;z-index:99999;pointer-events:none;display:none;padding:7px 10px;border:1px solid rgba(229,184,63,.45);border-radius:7px;background:rgba(8,7,4,.96);color:#ead079;font-size:11px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.gas-chart-tip.show{display:block}

/* GAS Portfolio — Portfolio Realtime page only */
#view-portfolio .portfolio-live-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:0 0 14px;padding:11px;border:1px solid rgba(218,169,48,.22);border-radius:13px;background:rgba(9,7,3,.72)}
#view-portfolio .portfolio-live-strip>div{min-width:0;padding:9px 11px;border:1px solid rgba(218,169,48,.14);border-radius:9px;background:rgba(218,169,48,.025)}
#view-portfolio .portfolio-live-strip small{display:block;color:#8d7842;font-size:10px;margin-bottom:5px}
#view-portfolio .portfolio-live-strip strong{display:block;color:#e8ca70;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view-portfolio .portfolio-live-strip .pf-online{color:#61dfa0}
#view-portfolio table tbody tr{transition:background .15s ease}
#view-portfolio table tbody tr:hover{background:rgba(218,169,48,.045)}
@media(max-width:1200px){#view-portfolio .portfolio-live-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){#view-portfolio .portfolio-live-strip{grid-template-columns:repeat(2,1fr)}}

/* GAS Portfolio2 — requested Portfolio Realtime cleanup only */
#view-portfolio .portfolio-live-strip{display:none!important}
#view-portfolio button[data-action*="close-all"],
#view-portfolio .close-all,
#view-portfolio .btn-close-all{display:none!important}
#view-portfolio .pf-side-summary{display:flex;justify-content:flex-end;gap:10px;margin:0 0 12px}
#view-portfolio .pf-side-card{display:flex;align-items:center;gap:10px;min-width:142px;padding:11px 14px;border:1px solid rgba(218,169,48,.25);border-radius:11px;background:rgba(9,7,3,.78)}
#view-portfolio .pf-side-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:900}
#view-portfolio .pf-side-card small,#view-portfolio .pf-side-card em{display:block;font-style:normal}
#view-portfolio .pf-side-card small{color:#d8bd72;font-weight:800}
#view-portfolio .pf-side-card strong{display:block;font-size:20px;line-height:1.1;margin:2px 0}
#view-portfolio .pf-side-card em{font-size:9px;color:#7f7048}
#view-portfolio .pf-side-card.buy .pf-side-icon,#view-portfolio .pf-side-card.buy strong{color:#54e49a}
#view-portfolio .pf-side-card.buy .pf-side-icon{border:1px solid rgba(84,228,154,.45)}
#view-portfolio .pf-side-card.sell .pf-side-icon,#view-portfolio .pf-side-card.sell strong{color:#ff706d}
#view-portfolio .pf-side-card.sell .pf-side-icon{border:1px solid rgba(255,112,109,.45)}
@media(max-width:650px){#view-portfolio .pf-side-summary{justify-content:stretch}.pf-side-card{flex:1;min-width:0!important}}

/* GAS PF BuySellFix — BUY/SELL moved into portfolio summary frame */
#view-portfolio>.pf-side-summary{display:none!important}
#view-portfolio .pf-summary-side-card{
 display:flex;align-items:center;gap:10px;min-width:0;padding:12px 14px;
 border:1px solid rgba(218,169,48,.22);border-radius:11px;background:rgba(10,8,3,.68)
}
#view-portfolio .pf-summary-side-icon{
 width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;
 font-size:22px;font-weight:900
}
#view-portfolio .pf-summary-side-card small{display:block;color:#bda25c;font-size:10px;font-weight:800}
#view-portfolio .pf-summary-side-card strong{display:block;font-size:18px;line-height:1.15;margin:2px 0}
#view-portfolio .pf-summary-side-card em{display:block;font-size:9px;font-style:normal;color:#887744}
#view-portfolio .pf-summary-side-card.pf-buy strong,#view-portfolio .pf-summary-side-card.pf-buy .pf-summary-side-icon{color:#54e49a}
#view-portfolio .pf-summary-side-card.pf-buy .pf-summary-side-icon{border:1px solid rgba(84,228,154,.45)}
#view-portfolio .pf-summary-side-card.pf-sell strong,#view-portfolio .pf-summary-side-card.pf-sell .pf-summary-side-icon{color:#ff706d}
#view-portfolio .pf-summary-side-card.pf-sell .pf-summary-side-icon{border:1px solid rgba(255,112,109,.45)}