:root{
  --bg:#f5f7fb;--bg2:#eef3fb;--surface:#fff;--surface2:#f8fafc;--text:#111827;--muted:#667085;--line:#d9e2ef;
  --primary:#3569cc;--primary2:#eaf2ff;--green:#2da342;--green2:#eaf8ee;--red:#dc3545;--red2:#fff0f1;--amber:#d69b00;--amber2:#fff8d8;
  --nav:#ffffff;--hero:#050f3f;--shadow:0 10px 24px rgba(16,24,40,.08);--radius:9px;--radius-lg:12px;
  --font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--border:var(--line);--card:var(--surface);--accent:var(--primary);
}
html[data-theme="dark"]{--bg:#0f172a;--bg2:#111827;--surface:#151e31;--surface2:#0b1220;--text:#e5e7eb;--muted:#9aa8bd;--line:#29364c;--primary:#60a5fa;--primary2:#11284b;--green:#22c55e;--green2:#0b2a19;--red:#f87171;--red2:#351219;--amber:#fbbf24;--amber2:#33250b;--nav:#111827;--hero:#071147;--shadow:0 12px 30px rgba(0,0,0,.28)}
html[data-density="dense"]{--radius:7px;--radius-lg:9px}.density-dense .card{padding:10px}.density-dense .table td{padding:7px 8px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);background:linear-gradient(180deg,var(--bg) 0,var(--bg2) 100%);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}a{color:var(--primary);text-decoration:none}.surface{background:var(--surface);border:1px solid var(--line)}.elevated{box-shadow:var(--shadow)}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,var(--primary2),var(--bg) 42%,var(--bg2))}.login-card{width:min(420px,94vw);padding:24px;border-radius:18px}.login-brand{margin-bottom:14px}.login-card h1{margin:8px 0 4px;font-size:24px}.login-card p{color:var(--muted);margin:0 0 16px}.login-card label{margin:12px 0}
.app-shell{min-height:100vh}.app-header{height:62px;display:flex;align-items:center;gap:22px;padding:0 22px;position:sticky;top:0;z-index:20;background:var(--nav);box-shadow:0 1px 0 rgba(16,24,40,.05)}.brand{display:flex;align-items:center;gap:10px;min-width:190px}.brand img{width:42px;height:42px;object-fit:contain}.brand b{display:block;font-size:20px;letter-spacing:-.8px;line-height:18px}.brand small{color:var(--primary);font-weight:900;font-style:italic;display:block;text-align:right;margin-top:1px}.main-nav{display:flex;align-items:center;gap:6px;flex:1}.nav{border:0;background:transparent;color:var(--text);font-weight:700;border-radius:999px;padding:10px 18px;min-width:110px}.nav:hover,.nav.active{background:var(--primary2);color:var(--primary)}.header-actions{display:flex;align-items:center;gap:10px}.page-wrap{padding:14px 22px 24px}.breadcrumb{font-size:12px;font-weight:800;color:#0f172a;text-transform:uppercase;margin:2px 0 14px}.content{display:grid;gap:14px}.top-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.card-title{font-size:18px;margin:0 0 12px;font-weight:800}.subtle{color:var(--muted)}.section-title{font-size:24px;font-weight:800;margin:8px 0 12px}.hero{position:relative;overflow:hidden;border-radius:var(--radius);background:linear-gradient(90deg,var(--hero),#061858);color:#fff;min-height:135px;padding:38px 34px;display:flex;justify-content:space-between;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px}.hero:after{content:"";position:absolute;right:56px;bottom:0;width:260px;height:120px;background:linear-gradient(90deg,transparent 15%,rgba(255,255,255,.18) 16% 28%,transparent 29% 34%,rgba(255,255,255,.24) 35% 47%,transparent 48% 54%,rgba(255,255,255,.2) 55% 67%,transparent 68%);opacity:.8}.hero>*{position:relative;z-index:2}.hero h1{margin:0 0 10px;font-size:28px}.hero p{margin:0;font-weight:650;opacity:.95}.hero .btn{min-width:170px;background:white;color:#111827;border:0;box-shadow:0 0 20px rgba(255,255,255,.16)}
.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(4,minmax(180px,1fr))}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.five{grid-template-columns:repeat(5,1fr)}.kpi{min-height:84px;display:flex;justify-content:space-between;gap:12px;align-items:center}.kpi small{display:block;color:var(--muted);font-weight:700}.kpi b{font-size:22px;display:block;margin-top:3px}.kpi .icon{width:38px;height:38px;border-radius:8px;background:#eef2f7;display:grid;place-items:center;color:#172554;font-size:18px}.mode-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--amber);margin-right:5px}.mode-dot.live{background:var(--green)}
.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:7px;padding:9px 13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{border-color:var(--primary);color:var(--primary)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.success{background:var(--green);border-color:var(--green);color:#fff}.btn.danger{background:var(--red2);border-color:#ffb4bd;color:var(--red)}.btn.soft{background:var(--primary2);border-color:#c8d9ff;color:var(--primary)}.btn.mini{padding:7px 11px;font-size:13px}.btn.wide{width:100%}.icon-btn,.avatar{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-weight:900}.avatar{font-size:20px}.badge{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900;white-space:nowrap}.badge.soft{background:var(--primary2);color:var(--primary);border-color:#c8d9ff}.badge.good{background:var(--green2);color:var(--green);border-color:#bcf2ca}.badge.bad{background:var(--red2);color:var(--red);border-color:#ffd0d5}.badge.warn{background:var(--amber2);color:#8a6400;border-color:#ffe589}.badge.dark{background:#1f2937;color:#fff;border-color:#1f2937}.badge.mode{background:#111827;color:#fff;border-color:#111827}.chip{background:var(--surface2);border:1px solid var(--line);border-radius:5px;padding:3px 6px;font-size:12px;font-weight:800;color:var(--muted)}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.searchbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.searchbar input{min-width:260px}.tabs{display:inline-flex;border:1px solid #bcd0f6;border-radius:7px;overflow:hidden}.tabs button{border:0;background:var(--surface);color:var(--primary);padding:9px 13px;font-weight:800}.tabs button.active{background:var(--primary);color:#fff}.switch{display:inline-flex;border:1px solid #bcd0f6;border-radius:999px;overflow:hidden}.switch button{border:0;background:var(--surface);padding:10px 32px;font-weight:800}.switch button.active{background:var(--green);color:#fff}.switch.order button.active{background:#8b96ad;color:#fff}
.folder-card{padding:0;overflow:hidden}.folder-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);font-weight:800}.strategy-row,.txn-row{border:1px solid var(--line);background:var(--surface);border-radius:7px;margin:9px 14px;padding:12px;display:grid;grid-template-columns:32px 1.6fr 1fr 1fr .8fr 160px;gap:12px;align-items:center}.strategy-row:hover,.txn-row:hover{border-color:#abc4f4;box-shadow:0 6px 16px rgba(37,99,235,.06)}.strategy-main b,.txn-title{font-size:16px}.strategy-main small,.txn-sub{display:block;color:var(--muted);font-size:12px;margin-top:3px}.row-actions{display:flex;gap:8px;justify-content:flex-end}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#38aeea;margin-right:5px}.txn-list{display:grid;gap:9px}.txn-row{grid-template-columns:26px 1fr 180px 130px 140px}.txn-expanded{grid-column:1/-1;background:var(--surface2);border-radius:7px;padding:22px;text-align:center;color:var(--muted);min-height:94px}.mini-spinner{display:inline-block;width:22px;height:22px;border:3px solid #cfd8e8;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{color:#334155;text-transform:none;font-size:12px;text-align:left;background:var(--surface2);border:1px solid var(--line);padding:9px}.table td{border:1px solid var(--line);padding:9px;vertical-align:top;background:var(--surface)}.table tr:hover td{background:var(--primary2)}
.builder-shell{border-radius:var(--radius);overflow:hidden}.builder-top{position:relative;padding:42px 16px 16px;border-bottom:1px solid var(--line)}.builder-toggle{position:absolute;top:-20px;left:50%;transform:translateX(-50%)}.builder-section{border-top:1px solid var(--line);padding:14px 16px}.builder-section:first-child{border-top:0}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(180px,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(120px,1fr))}.form-line{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:start;margin:12px 0}.case-box{border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--surface)}.condition{border:1px solid var(--line);border-radius:6px;padding:12px;margin:9px 0;display:flex;justify-content:space-between;gap:12px}.condition.entry{background:#f6faf6;border-color:#cbebcb}.condition.exit{background:#fff0f1;border-color:#ffc5cc}.leg-row{display:grid;grid-template-columns:78px 110px 150px 135px 80px 84px 80px 70px 80px 90px 1fr 44px;gap:8px;align-items:center;overflow:auto;padding:10px 0}.quick-box{border:1px solid #b8c5de;border-radius:7px;padding:10px;text-align:center;color:var(--muted)}.submit-bar{display:flex;justify-content:flex-end;margin-top:14px}.submit-bar .btn{min-width:160px}
input,select,textarea{width:100%;border:1px solid #cfd8e8;background:var(--surface);color:var(--text);border-radius:6px;padding:9px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(53,105,204,.08)}textarea{min-height:96px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}label{display:grid;gap:6px;color:#42526d;font-weight:700;font-size:12px}.check-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.check-row input{width:auto}.payload{white-space:pre-wrap;background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:10px;max-height:360px;overflow:auto;font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--text)}
.sample-layout{display:grid;grid-template-columns:300px 1fr;gap:22px}.filter-card{padding:0}.filter-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.filter-group{border-bottom:1px solid var(--line);padding:12px 18px}.filter-group h4{margin:0 0 10px}.sample-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px}.sample-card{border-color:#e8ce45;position:relative;overflow:hidden}.sample-card:after{content:"PRO";position:absolute;right:0;top:10px;background:#ffe96a;color:#111827;padding:3px 12px 3px 20px;clip-path:polygon(18px 0,100% 0,100% 100%,0 100%);font-size:12px;font-weight:900}.sample-card h3{margin:0 0 8px}.sample-card p{margin:0 0 12px;color:var(--text)}.sample-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--surface2);margin:12px -14px -14px;padding:12px;text-align:center;border-top:1px solid var(--line)}
.settings-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-bottom:14px}.settings-tabs button{border:0;background:transparent;padding:11px 0;font-weight:800;color:var(--text)}.settings-tabs button.active{color:var(--primary);border-bottom:2px solid var(--primary)}.account-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.account-box{text-align:center;padding:16px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.account-box small{display:block;color:var(--muted);margin-bottom:5px}.theme-tiles{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:14px}.theme-tile{border:2px solid var(--line);border-radius:10px;padding:12px;cursor:pointer;background:var(--surface)}.theme-tile.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(53,105,204,.08)}.theme-preview{height:76px;border-radius:8px;border:1px solid var(--line);margin-bottom:8px;background:linear-gradient(90deg,#fff 0 22%,#f4f7fb 22%)}.theme-preview.dark{background:linear-gradient(90deg,#111827 0 22%,#0f172a 22%)}.theme-preview.compact{height:56px;background:linear-gradient(90deg,#fff 0 22%,#eef2f7 22%)}
.modal,.drawer{position:fixed;inset:0;background:rgba(15,23,42,.62);z-index:80;display:grid;place-items:center;padding:16px}.modal-card{width:min(780px,96vw);max-height:92vh;overflow:auto;border-radius:14px;padding:18px}.drawer{place-items:stretch end}.drawer-card{width:min(720px,96vw);height:100vh;overflow:auto;border-radius:14px 0 0 14px;padding:18px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-head h2{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.wide-modal .modal-card{width:min(1280px,98vw)}.toast-area{position:fixed;right:18px;bottom:18px;display:grid;gap:10px;z-index:100}.toast{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:8px;padding:10px 12px;box-shadow:var(--shadow);font-weight:700}.toast.good{border-left-color:var(--green)}.toast.bad{border-left-color:var(--red)}.form-msg{min-height:20px;color:var(--red);font-size:13px}.nowrap{white-space:nowrap}.right{text-align:right}.center{text-align:center}.positive{color:var(--green);font-weight:900}.negative{color:var(--red);font-weight:900}.hide-mobile{display:initial}
html[data-theme="dark"] .breadcrumb,html[data-theme="dark"] .table th{color:#cbd5e1}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0b1220;border-color:#29364c;color:#e5e7eb}html[data-theme="dark"] .kpi .icon{background:#263248;color:#bfdbfe}html[data-theme="dark"] .condition.entry{background:#102416;border-color:#1e4c2c}html[data-theme="dark"] .condition.exit{background:#2c1117;border-color:#64202b}
@media(max-width:1100px){.app-header{height:auto;min-height:62px;flex-wrap:wrap;padding:10px 14px}.main-nav{order:3;width:100%;overflow:auto}.nav{min-width:auto;padding:9px 14px}.kpis,.four,.account-grid{grid-template-columns:repeat(2,1fr)}.two,.three,.sample-layout{grid-template-columns:1fr}.strategy-row{grid-template-columns:30px 1fr}.strategy-row>*:not(:first-child):not(.strategy-main){margin-left:42px}.txn-row{grid-template-columns:24px 1fr}.txn-row>*:not(:first-child):not(.txn-titlebox){margin-left:36px}.form-grid,.form-grid.four{grid-template-columns:1fr}.leg-row{grid-template-columns:repeat(6,120px)}.hide-mobile{display:none}.brand{min-width:150px}}
@media(max-width:640px){.page-wrap{padding:10px}.hero{padding:22px 18px;min-height:120px}.hero h1{font-size:23px}.kpis,.sample-grid,.account-grid,.theme-tiles{grid-template-columns:1fr}.header-actions{gap:6px}.badge.soft{display:none}.searchbar input{min-width:160px}.switch button{padding:9px 18px}.modal-card,.drawer-card{width:100%;border-radius:12px}.drawer{place-items:center}}
/* v1.2 live-working compact UI patch */
html,body{font-size:13px}.app-header{height:54px}.brand img{width:36px;height:36px}.brand b{font-size:18px}.nav{padding:8px 16px}.page-wrap{padding:10px 18px 18px}.content{gap:10px}.card{padding:10px}.hero{min-height:108px;padding:26px 30px}.hero h1{font-size:25px}.kpi{min-height:68px}.kpi b{font-size:18px}.kpi .icon{width:32px;height:32px}.section-title{font-size:21px}.btn{padding:7px 11px}.btn.big{padding:10px 22px}.badge{padding:3px 7px}.chip{padding:3px 7px;color:var(--text);background:#f8fafc}.compact-pad{padding:10px 12px!important}.waiting{padding:26px}.builder-shell{position:relative}.builder-toggle{left:50%;top:-18px}.builder-head{display:grid;grid-template-columns:1fr 1.15fr 1.15fr;gap:18px;padding-top:26px!important}.builder-section{padding:10px 14px}.indicator-card{padding:8px 10px;margin-bottom:8px}.indicator-card .right{float:right;margin-left:6px}.compact-scroll{overflow-x:auto;white-space:nowrap;max-height:none!important}.wide-left{width:100%;justify-content:flex-start}.form-line{grid-template-columns:145px minmax(240px,1fr);margin:8px 0}.case-box{padding:10px}.condition{padding:9px 12px;margin:7px 0;align-items:center}.leg-table{overflow:auto;padding-bottom:8px}.leg-head{display:grid;grid-template-columns:120px 120px 1fr 80px 90px 160px 160px 1fr;gap:8px;min-width:1260px;padding:10px 0;border-bottom:1px solid var(--line);color:#334155;letter-spacing:.02em}.leg-row{grid-template-columns:76px 112px 132px 145px 145px 86px 72px 84px 72px 84px 72px 84px minmax(210px,1fr) 40px;min-width:1420px;gap:6px;padding:8px 0}.leg-row input,.leg-row select{min-height:36px}.quick-box{background:var(--surface);font-weight:800;min-height:36px}.target-line{display:grid;grid-template-columns:130px 92px 1fr;align-items:center;gap:8px;margin:9px 0}.submit-bar{align-items:center;justify-content:space-between;padding:12px 0 2px}.switch.order button{padding:9px 28px}.builder-head .switch.order{width:100%}.builder-head .switch.order button{flex:1}.signal-line{display:grid;grid-template-columns:1.1fr .65fr 1.1fr 46px;gap:12px;align-items:center;margin:10px 0}.join-toggle{display:flex;justify-content:center;margin:12px 0}.join-toggle button{min-width:120px;border:1px solid #8b96ad;background:var(--surface);padding:10px;font-weight:900;color:#70809c}.join-toggle button.active{background:#8b96ad;color:white}.adjust-line{display:grid;grid-template-columns:40px 70px 180px 60px 190px 1fr 200px 46px;gap:12px;align-items:center}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:14px}.theme-card{min-height:92px;border:2px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#fff,#eef4ff);font-weight:900}.theme-card.dark{background:linear-gradient(135deg,#111827,#0f172a);color:#e5e7eb}.sample-layout{grid-template-columns:280px 1fr}.filter{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.filter h3{margin:8px 0 12px}.sample-card{position:relative;border:1px solid #f1d56d;background:var(--surface);border-radius:9px;padding:14px;overflow:hidden}.sample-card .pro{position:absolute;right:0;top:10px;background:#ffe96a;color:#111827;padding:3px 10px 3px 22px;clip-path:polygon(18px 0,100% 0,100% 100%,0 100%);font-size:11px;font-weight:900}.sample-card p{color:var(--muted)}.sample-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--surface2);margin:12px -14px -14px;padding:10px;text-align:center;border-top:1px solid var(--line)}.sample-metrics span{font-size:12px}.danger-text{color:var(--red)!important}.account-box{padding:10px}.modal-card{padding:0;overflow:hidden}.modal-head{background:#8b96ad;color:white;padding:16px 22px;margin:0}.modal-head .icon-btn{background:rgba(255,255,255,.12);border:0;color:#fff}.modal-body,.modal-card>#modalBody{padding:20px 24px;max-height:70vh;overflow:auto}.modal-actions{border-top:1px solid var(--line);padding:14px 20px;margin:0;background:var(--surface)}.drawer-card .modal-head{margin:-18px -18px 14px}.drawer-card #drawerBody{padding:0}.modal .form-grid{margin-bottom:10px}select{appearance:auto;background-color:var(--surface)}option{font-size:14px;padding:6px}html[data-density="dense"] body{font-size:12px}html[data-density="dense"] .app-header{height:48px}html[data-density="dense"] .btn,html[data-density="dense"] input,html[data-density="dense"] select{padding:6px 8px}html[data-density="dense"] .builder-section{padding:7px 10px}html[data-density="dense"] .condition{padding:7px 9px}html[data-density="dark"] .chip{background:#192338;color:#e5e7eb}html[data-theme="dark"] .chip{background:#192338;color:#e5e7eb}html[data-theme="dark"] .modal-head{background:#344058}html[data-theme="dark"] .leg-head{color:#cbd5e1}html[data-theme="dark"] .sample-card{border-color:#6f5c1e}html[data-theme="dark"] .sample-card .pro{color:#111827}.menu-floating{position:absolute;right:36px;z-index:70;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.menu-floating button{display:block;width:180px;border:0;background:var(--surface);text-align:left;padding:12px;font-weight:800}
@media(max-width:1200px){.builder-head{grid-template-columns:1fr}.leg-head,.leg-row{min-width:1180px}.adjust-line{grid-template-columns:1fr 1fr}.sample-layout{grid-template-columns:1fr}.sample-grid{grid-template-columns:1fr}}@media(max-width:760px){.builder-head{padding-top:34px!important}.form-line{grid-template-columns:1fr}.signal-line{grid-template-columns:1fr}.adjust-line{grid-template-columns:1fr}.hero{padding:18px}.modal-body,.modal-card>#modalBody{padding:14px}.modal-head{padding:14px}.sample-grid{grid-template-columns:1fr}.target-line{grid-template-columns:1fr}.leg-head,.leg-row{min-width:1000px}}
/* v1.3 broker-router responsive UI */
.hero-router{background:linear-gradient(110deg,#061147,#0d2a73 55%,#0d9488)}
.live-board .table td,.live-board .table th{white-space:nowrap}.payload-input{width:100%;min-height:120px;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--surface);color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.router-card code,.card code{background:var(--surface2);padding:2px 6px;border-radius:5px;color:var(--primary)}.table td .payload{margin:0;max-width:520px;font-size:12px}.live-board{overflow:hidden}.live-board .table-wrap{max-height:62vh}.hero-router + .grid .kpi{border-left:4px solid var(--primary)}html[data-density="dense"] .hero-router{min-height:88px;padding:18px 22px}html[data-density="dense"] .table td,html[data-density="dense"] .table th{padding:6px 8px}html[data-theme="dark"] .payload-input{background:#0b1220;border-color:#29364c;color:#e5e7eb}@media(max-width:900px){.hero-router{display:block}.hero-router .btn{margin-top:14px}.table td .payload{max-width:260px}.button-row{width:100%}.button-row .btn{flex:1}.live-board .table-wrap{max-height:unset}}

/* v1.5 full recent transactions detail view */
.txn-toolbar{align-items:flex-end}.compact-note{margin:-8px 0 0}.txn-tabs button{padding:7px 10px}.v15-txn-list{gap:10px}.txn-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 14px rgba(16,24,40,.035);overflow:hidden}.txn-card:hover{border-color:#abc4f4;box-shadow:0 10px 24px rgba(37,99,235,.08)}.txn-card.expanded{border-color:#92b4f2}.txn-main{display:grid;grid-template-columns:28px minmax(260px,1.7fr) 180px 170px 90px 180px 130px;gap:12px;align-items:center;padding:12px 14px;cursor:pointer}.txn-main small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.txn-caret{font-size:22px;font-weight:900;color:var(--primary)}.txn-name b{font-size:15px}.txn-expanded-v15{border-top:1px solid var(--line);background:linear-gradient(180deg,var(--surface2),var(--surface));padding:12px 14px}.txn-mini-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:8px;margin-bottom:12px}.txn-mini-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px}.txn-mini-grid small{display:block;color:var(--muted);font-weight:800;font-size:11px}.txn-mini-grid b{display:block;margin-top:4px;font-size:13px;word-break:break-word}.txn-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:10px}.txn-detail-card{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:10px}.txn-detail-card h4,.detail-section h3{margin:0 0 8px;font-size:14px}.txn-detail-card p{margin:6px 0;color:var(--text)}.txn-payload{margin-top:10px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:10px}.txn-payload summary{font-weight:900;cursor:pointer}.txn-payload .payload{max-height:260px;overflow:auto}.detail-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px;background:linear-gradient(135deg,var(--surface),var(--primary2))}.detail-hero h2{margin:3px 0;font-size:22px}.detail-hero p{margin:0;color:var(--muted)}.detail-hero.profit{border-left:5px solid var(--green)}.detail-hero.loss{border-left:5px solid var(--red)}.detail-pnl{text-align:right;min-width:160px}.detail-pnl b{font-size:24px}.detail-section{padding:12px}.payload-grid .payload{max-height:360px;overflow:auto;white-space:pre-wrap}.payload{word-break:break-word}html[data-theme="dark"] .txn-card{box-shadow:none}html[data-theme="dark"] .txn-expanded-v15{background:linear-gradient(180deg,#0b1220,#151e31)}html[data-theme="dark"] .detail-hero{background:linear-gradient(135deg,#151e31,#11284b)}
@media(max-width:1280px){.txn-main{grid-template-columns:28px minmax(260px,1fr) 150px 150px 80px 160px 120px}.txn-mini-grid{grid-template-columns:repeat(4,1fr)}.txn-detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.txn-main{grid-template-columns:24px 1fr;gap:8px}.txn-main>div:not(.txn-caret):not(.txn-name){grid-column:2}.txn-mini-grid{grid-template-columns:repeat(2,1fr)}.txn-detail-grid,.payload-grid{grid-template-columns:1fr}.detail-hero{display:block}.detail-pnl{text-align:left;margin-top:8px}.txn-toolbar .button-row{width:100%;overflow:auto;justify-content:flex-start}.txn-tabs{min-width:max-content}}
@media(max-width:560px){.txn-mini-grid{grid-template-columns:1fr}.txn-main{padding:10px}.txn-expanded-v15{padding:10px}.txn-tabs button{padding:7px 9px}.detail-hero h2{font-size:18px}}

/* v1.6 broker LTP lookup tab */
.ltp-layout{align-items:start}.ltp-fetch-card .notice{margin-top:12px}.ltp-actions{margin-top:12px}.ltp-result-card{min-height:310px}.empty-state{border:1px dashed var(--line);border-radius:10px;background:var(--surface2);padding:42px 18px;text-align:center;color:var(--muted);font-weight:800}.ltp-big{border:1px solid var(--line);border-radius:12px;padding:18px;background:linear-gradient(135deg,var(--primary2),var(--surface));margin-bottom:12px}.ltp-big small{display:block;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.04em}.ltp-big b{display:block;font-size:34px;line-height:1.1;margin:6px 0;color:var(--primary)}.ltp-big span{color:var(--muted);font-weight:800}.mini-details{margin-top:8px}.mini-details .detail-row{display:grid;grid-template-columns:150px 1fr;gap:8px;border-bottom:1px solid var(--line);padding:8px 0}.mini-details .detail-row:last-child{border-bottom:0}.mini-details .detail-key{color:var(--muted);font-weight:900}.mini-details .detail-val{font-weight:800;word-break:break-word}html[data-theme="dark"] .ltp-big{background:linear-gradient(135deg,#11284b,#151e31)}@media(max-width:900px){.ltp-layout{grid-template-columns:1fr}.ltp-big b{font-size:28px}.mini-details .detail-row{grid-template-columns:1fr}}

/* v2.2 strategies tab + Dhan master resolved leg picker */
.strategy-row-v22,.strategy-row-v23{grid-template-columns:32px 1.4fr 1.3fr 1.3fr .7fr 230px}.quick-strategy-form{display:grid;gap:14px}.leg-picker-card{border:1px solid var(--line);border-radius:10px;background:var(--surface2);padding:12px;overflow:auto}.quick-head{grid-template-columns:120px 140px 170px 120px 100px 110px 170px;min-width:980px}.quick-leg-row{display:grid;grid-template-columns:120px 140px 170px 120px 100px 110px 170px;gap:8px;align-items:center;min-width:980px}.quick-leg-row select,.quick-leg-row input{min-height:40px}.switch.cepe{border-radius:7px;width:100%;height:40px}.switch.cepe button{flex:1;padding:8px 12px}.switch.cepe button.active{background:var(--green);color:#fff}.switch.cepe button.red.active{background:var(--red);color:#fff}.quick-strategy-form .payload{min-height:160px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px;white-space:pre-wrap}.strategy-row-v22 .strategy-main small .badge,.strategy-row-v23 .strategy-main small .badge{margin-left:6px}.strategy-row-v22 small,.strategy-row-v23 small{word-break:break-word}html[data-theme="dark"] .leg-picker-card{background:#0f172a}@media(max-width:1100px){.strategy-row-v22,.strategy-row-v23{grid-template-columns:30px 1fr}.strategy-row-v22>*:not(:first-child):not(.strategy-main),.strategy-row-v23>*:not(:first-child):not(.strategy-main){grid-column:2;margin-left:0}.quick-head,.quick-leg-row{min-width:900px;grid-template-columns:110px 130px 150px 110px 95px 95px 150px}}
/* v2.4 strategy quick form dynamic basis field */
.quick-leg-row #quickBasisDynamic{min-width:0}
.quick-dynamic-field{display:block;margin:0}
.quick-dynamic-field small{display:block;font-size:10px;color:var(--muted);margin-bottom:2px;line-height:1}
.quick-dynamic-field select,.quick-dynamic-field input{width:100%}
/* v2.7 strategy rules, risk controls, and compact external URL view */
.compact-card{padding:12px}.risk-line{display:grid;grid-template-columns:120px 1fr 1fr;gap:8px;align-items:center}.risk-line b{font-size:13px}.risk-line select,.risk-line input{min-height:38px}.strategy-row-v23 .row-actions{flex-wrap:wrap}.strategy-row-v23 .payload{font-size:11px}.badge.warn{font-weight:900}.live-board .badge.warn{background:#fff3bf;color:#8a6400;border-color:#ffe589}.live-board .badge.soft{font-weight:900}@media(max-width:900px){.risk-line{grid-template-columns:1fr}.compact-card .grid.two{grid-template-columns:1fr}.strategy-row-v23 .row-actions{justify-content:flex-start}}
/* v2.8 dashboard cleanup + modal confirmations */
.dashboard-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.dashboard-title-row .section-title{margin:0 0 6px}.confirm-box{font-size:15px;line-height:1.55}.modal-actions .btn.danger,#modalSave.danger{background:var(--red2);border-color:#ffb4bd;color:var(--red)}.header-actions .badge.mode,.header-actions #daySquareOffBtn{display:none!important}.txn-expanded-v15 .button-row.right{justify-content:flex-end}.txn-expanded-v15 .button-row.right .btn.danger:last-of-type{margin-left:0}.nowrap .danger-text{border:0;background:transparent;font-weight:800;padding:2px 4px;cursor:pointer}.nowrap .danger-text:hover{text-decoration:underline}.txn-toolbar{margin-top:2px}@media(max-width:760px){.dashboard-title-row{align-items:flex-start}.dashboard-title-row .btn{width:100%}.txn-expanded-v15 .button-row.right{justify-content:flex-start}}
/* v2.9 direct strategy URLs + trades + responsive tightening */
.strategy-direct-url{display:block;margin-top:5px;font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.strategy-row-v23 .row-actions .btn{min-height:32px}.trade-filter-bar{display:flex;gap:8px;flex-wrap:wrap}.live-board .table th,.live-board .table td{font-size:12px}.live-board .table td .badge{margin-bottom:2px}.payload-preview-badge{background:var(--primary2);color:var(--primary);border-color:#c8d9ff}.nav[data-page="trades"]{min-width:85px}
@media(max-width:1180px){.main-nav{overflow:auto;white-space:nowrap}.nav{min-width:auto;padding:9px 12px}.brand{min-width:150px}.app-header{gap:12px;padding:0 12px}.page-wrap{padding:10px 12px 18px}.four{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.app-header{height:auto;min-height:58px;align-items:flex-start;flex-wrap:wrap;padding:8px 10px}.brand{min-width:0}.brand img{width:34px;height:34px}.brand b{font-size:16px}.main-nav{order:3;width:100%;padding:4px 0}.header-actions{margin-left:auto}.page-wrap{padding:8px}.breadcrumb{display:none}.kpis,.four,.three,.two,.form-grid,.form-grid.two,.form-grid.four{grid-template-columns:1fr}.toolbar{align-items:flex-start}.toolbar .button-row{width:100%}.toolbar .button-row .btn{flex:1}.section-title{font-size:20px}.strategy-row,.strategy-row-v23{grid-template-columns:1fr!important;margin:8px;padding:10px}.strategy-row-v23>*{grid-column:auto!important}.row-actions{justify-content:flex-start}.table-wrap{max-width:100vw}.modal-card{width:96vw;max-height:92vh}.quick-head,.quick-leg-row{min-width:760px;grid-template-columns:100px 120px 140px 120px 80px 80px 130px}.risk-line{grid-template-columns:1fr}.live-board{padding:8px}.live-board .table-wrap{overflow:auto}}
@media(max-width:520px){body{font-size:13px}.nav{font-size:12px;padding:7px 9px}.header-actions .badge{display:none}.btn{padding:8px 10px}.txn-card,.card{border-radius:8px}.txn-main{grid-template-columns:20px 1fr}.txn-name b{font-size:13px}.ltp-big b{font-size:24px}.quick-head,.quick-leg-row{min-width:700px}.modal-head h2{font-size:18px}}

/* v3.0 profile/users/theme polish + corporate premium theme */
html[data-theme="corporate"]{
  --bg:#eef3ff;--bg2:#f7faff;--surface:#ffffff;--surface2:#f4f7ff;--text:#111827;--muted:#64748b;--line:#dbe6fb;
  --primary:#2563eb;--primary2:#e8f0ff;--green:#10b981;--green2:#e8fff5;--red:#ef4444;--red2:#fff1f2;--amber:#f59e0b;--amber2:#fff7ed;
  --nav:rgba(255,255,255,.92);--hero:#0b1d54;--shadow:0 18px 45px rgba(37,99,235,.13);--radius:12px;--radius-lg:18px;
}
html[data-theme="corporate"] body{background:radial-gradient(circle at 12% -10%,rgba(37,99,235,.20),transparent 32%),radial-gradient(circle at 90% 0,rgba(16,185,129,.14),transparent 28%),linear-gradient(180deg,var(--bg),var(--bg2));}
html[data-theme="corporate"] .app-header{backdrop-filter:blur(14px);border-bottom:1px solid rgba(219,230,251,.8);box-shadow:0 8px 28px rgba(15,23,42,.06)}
html[data-theme="corporate"] .card,html[data-theme="corporate"] .txn-card{box-shadow:var(--shadow);border-color:rgba(219,230,251,.92)}
html[data-theme="corporate"] .nav.active,html[data-theme="corporate"] .nav:hover{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;box-shadow:0 10px 20px rgba(37,99,235,.22)}
html[data-theme="corporate"] .btn.primary{background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 10px 20px rgba(37,99,235,.22)}
html[data-theme="corporate"] .hero{background:linear-gradient(135deg,#071a4b,#143b8f 58%,#2563eb);box-shadow:var(--shadow)}
html[data-theme="corporate"] .table th{background:#eef4ff;color:#1e3a8a}
html[data-theme="corporate"] .table tr:hover td{background:#f1f6ff}
html[data-theme="corporate"] .modal-card,html[data-theme="corporate"] .drawer-card{box-shadow:0 26px 70px rgba(15,23,42,.24)}
.logout-btn{border-radius:999px}.settings-tabs{background:var(--surface);border-color:var(--line);box-shadow:0 3px 10px rgba(15,23,42,.04);margin-bottom:12px}.settings-tabs button{background:var(--surface);color:var(--muted)}.settings-tabs button.active{background:var(--primary);color:#fff}.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px}.theme-card{min-height:96px;border:1px solid var(--line);background:var(--surface2);border-radius:14px;text-align:left;padding:16px;font-weight:900;color:var(--text)}.theme-card small{display:block;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.35}.theme-card.dark{background:#111827;color:#e5e7eb}.theme-card.dark small{color:#9ca3af}.theme-card.corporate{background:linear-gradient(135deg,#0b1d54,#2563eb);color:#fff;border-color:#8fb4ff;box-shadow:0 16px 30px rgba(37,99,235,.25)}.theme-card.corporate small{color:#dbeafe}.theme-card:hover{transform:translateY(-1px);border-color:var(--primary)}
@media(max-width:980px){.theme-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.theme-grid{grid-template-columns:1fr}.logout-btn{padding:7px 9px;font-size:12px}.header-actions{gap:6px}}

/* v3.1 header/settings/strategies alignment + responsive polish */
.app-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:58px;height:auto;padding:8px 14px}.main-nav{min-width:0;overflow:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:max-content}.header-actions .badge{white-space:nowrap}.brand{min-width:max-content}.strategy-row-v23{align-items:center}.strategy-row-v23 .row-actions{justify-content:flex-end;gap:6px}.strategy-row-v23 small{display:block;margin-top:4px;line-height:1.35}.folder-card{overflow:hidden}.settings-tabs{display:flex;gap:6px;overflow:auto;padding:8px}.settings-tabs button{white-space:nowrap;border-radius:10px;border:1px solid var(--line);padding:9px 12px}.settings-tabs button.active{box-shadow:0 8px 20px rgba(37,99,235,.18)}.settings-tabs::-webkit-scrollbar{height:4px}.table-wrap{overflow:auto}.table th,.table td{vertical-align:top}.btn.warn{background:var(--amber2);border-color:#facc15;color:#92400e}.btn.success{background:var(--green2);border-color:#86efac;color:#047857}.btn.danger{background:var(--red2);border-color:#fecdd3;color:#be123c}.badge.warn{background:var(--amber2);color:#92400e;border-color:#facc15}.badge.good{background:var(--green2);color:#047857;border-color:#86efac}.badge.bad{background:var(--red2);color:#be123c;border-color:#fecdd3}.quick-leg-row{align-items:start}.quick-dynamic-field input,.quick-dynamic-field select{min-height:40px}.risk-line select,.risk-line input{width:100%}
html[data-theme="corporate"] .settings-tabs{background:rgba(255,255,255,.78);backdrop-filter:blur(10px)}html[data-theme="corporate"] .strategy-row-v23{background:linear-gradient(180deg,#fff,#f8fbff)}html[data-theme="corporate"] .folder-card{box-shadow:0 18px 45px rgba(37,99,235,.13)}html[data-theme="corporate"] .toolbar{background:rgba(255,255,255,.45);border-radius:14px;padding:8px}
@media(max-width:1180px){.app-header{grid-template-columns:1fr auto}.main-nav{grid-column:1/-1;order:3;width:100%}.header-actions{grid-column:2;grid-row:1}.brand{grid-column:1;grid-row:1}.strategy-row-v23{grid-template-columns:1fr!important}.strategy-row-v23>*{grid-column:auto!important}.strategy-row-v23 .row-actions{justify-content:flex-start}.settings-tabs{margin:0 -4px 12px}}
@media(max-width:640px){.app-header{display:flex;flex-wrap:wrap;align-items:center}.brand{flex:1}.header-actions{gap:5px}.header-actions .badge{display:none}.main-nav{flex-basis:100%;order:3}.logout-btn{font-size:11px;padding:7px 8px}.strategy-row-v23 .row-actions .btn,.strategy-row-v23 .row-actions .icon-btn{flex:1;min-width:72px}.modal-card{width:96vw}.form-grid.four,.form-grid.three,.form-grid.two{grid-template-columns:1fr!important}.settings-tabs button{font-size:12px;padding:8px 10px}.quick-leg-row{min-width:760px}.toolbar{gap:8px}.toolbar .button-row{width:100%;display:flex;flex-wrap:wrap}.toolbar .button-row .btn{flex:1}}

/* v3.2 queue-first, split broker APIs, timeline and compact responsive polish */
.timeline-grid{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:12px;align-items:start}.timeline-event{border-left:3px solid var(--primary);padding:9px 10px;margin:8px 0;background:var(--surface2);border-radius:8px}.timeline-event b{display:block}.timeline-event small{display:block;color:var(--muted);margin-top:3px}.broker-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.broker-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px;display:grid;gap:8px}.broker-card .meta{display:flex;gap:6px;flex-wrap:wrap}.queue-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 8px;background:var(--primary2);color:var(--primary);font-size:11px;font-weight:900}.txn-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;letter-spacing:.02em}.period-filter{display:inline-flex;gap:4px;flex-wrap:wrap}.period-filter .btn{padding:6px 10px}.status-button{min-width:86px}.strategy-row-v23 .row-actions{max-width:100%;overflow:visible}.strategy-row-v23 .row-actions .icon-btn{flex:0 0 auto}.live-board,.card,.modal-card,.drawer-card{transition:background-color .15s,border-color .15s,box-shadow .15s}.payload,.payload-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.payload.compact-scroll{max-height:260px;overflow:auto}.button-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.quick-strategy-form .card{margin-bottom:10px}.quick-strategy-form .form-grid{align-items:end}@media(max-width:1100px){.timeline-grid,.broker-split{grid-template-columns:1fr}.strategy-row,.txn-row{grid-template-columns:1fr!important}.txn-row>*{grid-column:auto!important}.row-actions{justify-content:flex-start;flex-wrap:wrap}.searchbar input{min-width:180px}}@media(max-width:720px){.app-header{position:sticky}.main-nav{display:flex;gap:4px}.nav{min-width:auto}.kpi{min-height:72px}.kpi b{font-size:18px}.toolbar.compact-pad{padding:8px}.table{min-width:760px}.modal-card.wide-modal{width:98vw}.drawer-card{width:96vw}.button-row .btn{flex:1 1 auto}.strategy-row-v23 .row-actions .btn{min-width:68px}.strategy-row-v23 .row-actions .icon-btn{width:36px;height:36px}.payload{white-space:pre-wrap;word-break:break-word}}@media(max-width:480px){.brand small{display:none}.section-title{font-size:18px}.btn.mini{font-size:12px;padding:6px 8px}.badge{font-size:11px;padding:3px 6px}.card{padding:10px}.form-grid{gap:10px}.searchbar{width:100%}.searchbar input{min-width:0;width:100%}.tabs button{padding:7px 9px;font-size:12px}}

/* v3.4 broker login/status strategy view fixes */
.strategy-view{display:grid;gap:12px}.strategy-view-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.strategy-view h2{margin:0 0 4px}.url-copy-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.url-copy-grid label{margin:0}.url-copy-grid input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.soft-note{margin-top:10px}.broker-hidden-note{font-size:12px;color:var(--muted)}.status-button{min-width:94px;font-weight:900}.drawer-card{width:min(980px,96vw)}.drawer-card .table{min-width:0}.drawer-card .payload{max-width:100%;overflow:auto}.strategy-row-v23 .row-actions{align-items:center}.strategy-row-v23 .row-actions .btn.status-button{flex:0 0 auto}
@media(max-width:720px){.strategy-view-head{display:block}.strategy-view-head .button-row{margin-top:10px}.url-copy-grid{grid-template-columns:1fr}.drawer-card{width:96vw}.strategy-row-v23 .row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.strategy-row-v23 .row-actions .btn,.strategy-row-v23 .row-actions .icon-btn{width:100%;min-width:0}}

/* v3.7 responsive broker/login/timeline fixes */
.timeline-list.grouped{display:flex;flex-direction:column;gap:10px;padding:10px}
.timeline-txn-card{border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden;box-shadow:var(--shadow-soft)}
.timeline-txn-head{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px;cursor:pointer;background:linear-gradient(90deg,var(--soft),transparent)}
.timeline-txn-head small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.timeline-expanded{padding:12px 14px;border-top:1px solid var(--line);background:var(--bg)}
.strategy-view-modal{display:flex;flex-direction:column;gap:12px}.strategy-view-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.strategy-view-kpis{margin:0}.url-copy-grid.fixed{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:10px;align-items:end}.url-copy-grid.fixed label{min-width:0}.url-copy-grid.fixed input{font-family:ui-monospace,monospace;font-size:12px}.advanced-broker-fields{grid-column:1/-1;border:1px dashed var(--line);border-radius:14px;padding:10px;background:var(--soft)}.advanced-broker-fields summary{font-weight:800;cursor:pointer}.compact-input{height:38px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:var(--card);color:var(--text)}
@media(max-width:900px){.timeline-txn-head{grid-template-columns:1fr}.strategy-view-title{flex-direction:column}.url-copy-grid.fixed{grid-template-columns:1fr}.strategy-view-modal .grid.four{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){.strategy-view-modal .grid.four{grid-template-columns:1fr!important}.timeline-txn-card{border-radius:10px}.timeline-expanded{padding:8px}.form-grid.three,#brokerProviderFields.form-grid.three{grid-template-columns:1fr!important}}

/* v3.8 broker data simplification + premium timeline view */
.timeline-txn-card.premium{border-radius:16px;background:linear-gradient(180deg,var(--surface),var(--surface2));box-shadow:0 14px 34px rgba(15,23,42,.08)}
.timeline-txn-head.advanced{grid-template-columns:minmax(260px,1fr) auto auto;background:linear-gradient(90deg,var(--primary2),transparent 75%);border-bottom:1px solid transparent}
.timeline-txn-card.open .timeline-txn-head.advanced{border-bottom-color:var(--line)}
.txn-title-block b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;letter-spacing:.01em}.timeline-head-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.advanced-timeline-view{background:linear-gradient(180deg,var(--surface2),var(--surface));padding:14px}.timeline-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin-bottom:14px}.timeline-lane{position:relative;display:grid;gap:10px}.timeline-lane:before{content:"";position:absolute;left:18px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--primary),var(--line))}.timeline-step{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:start}.step-marker{position:relative;z-index:2;width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 20px rgba(37,99,235,.25)}.timeline-step.error .step-marker,.timeline-step.failed .step-marker{background:var(--red)}.timeline-step.success .step-marker,.timeline-step.completed .step-marker{background:var(--green)}.step-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:12px;box-shadow:0 8px 22px rgba(15,23,42,.05)}.step-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.step-meta{font-size:12px;color:var(--muted);margin-top:4px}.step-card p{margin:8px 0 6px;color:var(--text)}
html[data-theme="corporate"] .timeline-txn-card.premium{box-shadow:0 18px 42px rgba(37,99,235,.15);border-color:#bfdbfe}html[data-theme="dark"] .timeline-txn-card.premium{box-shadow:0 18px 42px rgba(0,0,0,.28)}
@media(max-width:900px){.timeline-txn-head.advanced{grid-template-columns:1fr}.timeline-head-badges{justify-content:flex-start}.timeline-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.timeline-summary-grid{grid-template-columns:1fr}.timeline-step{grid-template-columns:34px minmax(0,1fr)}.step-marker{width:30px;height:30px;font-size:12px}.timeline-lane:before{left:15px}.advanced-timeline-view{padding:10px}.step-title{display:block}}

/* v3.9.16 broker/timeline alignment fixes */
.broker-actions-cell{min-width:230px;white-space:normal!important;vertical-align:middle!important}
.broker-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;max-width:230px}
.broker-actions .btn.mini{min-width:58px;height:34px;padding:6px 10px}
.broker-actions .broker-copy-icon{width:34px;height:34px;flex:0 0 34px}
.broker-list-row td{vertical-align:middle!important}
.timeline-txn-head.detailed{grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center}
.txn-title-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:7px}
.txn-title-main b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;letter-spacing:.02em}
.timeline-header-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:6px 14px;margin:4px 0;color:var(--muted)}
.timeline-header-grid span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.timeline-header-grid b{display:block;color:var(--text);font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}

.timeline-url-cell code{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--text);background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:3px 6px;}
.timeline-expanded .account-box code{white-space:normal;word-break:break-all;font-size:11px;}
.step-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
@media(max-width:1100px){.timeline-header-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.timeline-txn-head.detailed{grid-template-columns:1fr}}
@media(max-width:720px){.broker-actions-cell{min-width:210px}.broker-actions{max-width:210px}.timeline-header-grid{grid-template-columns:1fr}}

/* v3.9.23 compact broker list + clickable broker controls */
.compact-broker-row td{padding:10px 10px!important;vertical-align:middle!important}
.broker-main-cell{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}
.provider-pill{display:inline-flex;align-items:center;border-radius:999px;background:#172033;color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em;padding:4px 8px;line-height:1}
.owner-cell{white-space:nowrap;color:var(--muted);font-size:13px}
.broker-control-grid{display:grid;grid-template-columns:1fr;gap:5px;min-width:150px;font-size:12px;color:var(--muted)}
.broker-control-grid span{display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap}
.chip-btn{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;line-height:1;cursor:pointer;min-width:58px;transition:.16s ease;text-align:center}
.chip-btn.good{background:#ecfdf5;color:#16703a;border-color:#86efac}.chip-btn.bad{background:#fff1f2;color:#a31335;border-color:#fecdd3}.chip-btn.warn{background:#fffbeb;color:#92400e;border-color:#fbbf24}.chip-btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(15,23,42,.08)}
.login-cell{min-width:180px}.broker-login-meta{display:grid;gap:1px;margin-top:4px;color:var(--muted)}
.broker-actions-cell{min-width:172px!important;white-space:normal!important}.broker-actions.compact{display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:175px}.broker-actions.compact .btn.mini{height:32px;min-width:auto;padding:5px 10px}.broker-actions.compact .broker-copy-icon{width:32px;height:32px;flex:0 0 32px}
@media(max-width:900px){.broker-control-grid{min-width:125px}.login-cell{min-width:140px}.broker-actions-cell{min-width:145px!important}}

/* v3.9.23 broker list compact UX */
.compact-broker-row td{padding:8px 10px!important;vertical-align:middle!important}
.broker-main-cell{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.broker-control-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:240px}
.broker-control-strip .chip-btn{min-width:auto;padding:6px 10px;font-size:11px}
.compact-login-cell{min-width:180px;line-height:1.25}
.broker-actions-cell{min-width:210px!important;white-space:normal!important;vertical-align:middle!important}
.broker-actions.compact{display:flex!important;align-items:center;gap:6px;flex-wrap:wrap;max-width:210px!important}
.broker-actions.compact .btn.mini{height:32px;min-width:auto;padding:5px 10px;margin:0!important}
.broker-actions.compact .broker-copy-icon{width:32px;height:32px;flex:0 0 32px;margin:0!important;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:980px){.broker-control-strip{min-width:160px}.broker-actions-cell{min-width:170px!important}.compact-login-cell{min-width:140px}}

/* v3.9.39 final responsive/live-readiness upgrade */
html[data-theme="terminal"]{--bg:#060b12;--bg2:#09111d;--surface:#0d1726;--surface2:#111f33;--text:#e6f7ff;--muted:#93a7bd;--line:#1d3655;--primary:#22d3ee;--primary2:#0e2c42;--green:#00e676;--green2:#062a1a;--red:#ff5f7a;--red2:#35101a;--amber:#facc15;--amber2:#332707;--nav:#08111f;--hero:#020617;--shadow:0 18px 42px rgba(0,0,0,.38)}
html[data-theme="contrast"]{--bg:#ffffff;--bg2:#f1f5f9;--surface:#ffffff;--surface2:#eef2ff;--text:#020617;--muted:#334155;--line:#94a3b8;--primary:#1d4ed8;--primary2:#dbeafe;--green:#047857;--green2:#d1fae5;--red:#b91c1c;--red2:#fee2e2;--amber:#a16207;--amber2:#fef3c7;--nav:#ffffff;--hero:#111827;--shadow:0 12px 30px rgba(2,6,23,.15)}
.btn.warn{background:var(--amber2);border-color:#facc15;color:#8a6400}.warning-text{color:var(--amber);font-weight:900}.good-note{background:var(--green2);border-color:#bcf2ca;color:var(--green)}
.risk-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:520px;justify-content:flex-end}.risk-pill,.risk-mini{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;white-space:nowrap}.risk-pill.good{background:var(--green2);color:var(--green);border-color:#86efac}.risk-pill.warn{background:var(--amber2);color:#8a6400;border-color:#facc15}.risk-pill.bad{background:var(--red2);color:var(--red);border-color:#fecdd3}.risk-mini{background:var(--surface2);color:var(--muted)}
.live-readiness-card{border:1px solid var(--line);background:linear-gradient(135deg,var(--surface),var(--surface2))}.readiness-score{width:74px;height:74px;border-radius:18px;display:grid;place-items:center;text-align:center;border:1px solid var(--line);background:var(--surface)}.readiness-score b{font-size:24px;line-height:22px}.readiness-score small{font-size:10px;font-weight:900;text-transform:uppercase}.readiness-score.good{border-color:#86efac;background:var(--green2);color:var(--green)}.readiness-score.warn{border-color:#facc15;background:var(--amber2);color:#8a6400}.readiness-score.bad{border-color:#fecdd3;background:var(--red2);color:var(--red)}.readiness-grid{margin-top:10px}.readiness-issues{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}
.theme-card.terminal{background:linear-gradient(135deg,#020617,#0e7490);color:#e6f7ff}.theme-card.contrast{background:linear-gradient(135deg,#fff,#dbeafe);color:#020617;border:2px solid #1d4ed8}
@media(max-width:1180px){.app-header{height:auto;min-height:62px;align-items:flex-start;flex-wrap:wrap;padding:10px 14px;gap:10px}.brand{min-width:150px}.main-nav{order:3;flex-basis:100%;overflow-x:auto;padding-bottom:4px}.nav{min-width:auto;white-space:nowrap;padding:8px 12px}.risk-strip{margin-left:auto;max-width:100%;justify-content:flex-start}.header-actions{margin-left:auto}}
@media(max-width:900px){.page-wrap{padding:10px}.section-title{font-size:20px}.hero{display:block;min-height:auto;padding:24px 18px}.hero .btn{margin-top:12px}.grid.kpis,.grid.four,.four,.grid.five,.five{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid.three,.three,.grid.two,.two{grid-template-columns:1fr!important}.strategy-row,.txn-row{grid-template-columns:1fr!important}.row-actions{justify-content:flex-start;flex-wrap:wrap}.modal-card,.drawer-card{width:96vw;max-height:92vh}.timeline-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.risk-strip{order:2;flex-basis:100%}.header-actions{order:1}}
@media(max-width:640px){body{font-size:13px}.brand img{width:34px;height:34px}.brand b{font-size:17px}.page-wrap{padding:8px}.card{padding:10px;border-radius:10px}.btn{padding:8px 10px}.btn.mini{padding:6px 8px}.kpi{min-height:70px}.kpi b{font-size:18px}.grid.kpis,.grid.four,.four,.grid.five,.five,.timeline-summary-grid{grid-template-columns:1fr!important}.toolbar,.top-row,.button-row,.searchbar{align-items:stretch!important;width:100%}.button-row .btn,.button-row button,.searchbar input{width:100%;min-width:0}.table-wrap{border:0;overflow:visible}.table{min-width:0}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{border:1px solid var(--line);border-radius:12px;margin:8px 0;overflow:hidden;background:var(--surface);box-shadow:0 6px 16px rgba(15,23,42,.04)}.table td{border:0!important;border-bottom:1px solid var(--line)!important;padding:9px 10px!important}.table td:last-child{border-bottom:0!important}.table tr:hover td{background:var(--surface)}.broker-control-strip,.broker-actions.compact{min-width:0!important;max-width:none!important}.broker-actions-cell,.compact-login-cell,.login-cell{min-width:0!important}.url-copy-grid,.url-copy-grid.fixed{grid-template-columns:1fr!important}.payload{font-size:11px}.risk-strip{gap:4px}.risk-pill,.risk-mini{font-size:10px;padding:3px 6px}.readiness-score{width:62px;height:62px;border-radius:14px}.readiness-score b{font-size:20px}}

/* v4.0.0 advanced production UI */
.command-palette{position:fixed;inset:0;background:rgba(2,6,23,.55);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:9vh 14px}.command-palette.hidden{display:none}.command-box{width:min(760px,96vw);border-radius:22px;padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.32)}#commandSearch{width:100%;font-size:18px;padding:16px 18px;border-radius:16px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.command-results{margin-top:10px;display:grid;gap:8px;max-height:58vh;overflow:auto}.command-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 15px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);text-align:left;cursor:pointer}.command-item:hover{filter:brightness(1.06);transform:translateY(-1px)}.command-item small{color:var(--muted)}.order-preview-modal .payload,.strategy-wizard .payload{max-height:280px}.link-btn{border:0;background:transparent;color:var(--accent);font-weight:700;cursor:pointer}.danger-note{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.1)}.warn-note{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.1)}.good-note{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.1)}.audit-metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.state-chip{display:inline-flex;gap:6px;align-items:center;border-radius:999px;padding:4px 9px;border:1px solid var(--border);font-size:12px}.modal.wide-modal .modal-card{width:min(1180px,96vw)}
@media (max-width:900px){.app-header{grid-template-columns:1fr;gap:8px}.main-nav{overflow-x:auto;max-width:100%;padding-bottom:2px}.risk-strip{width:100%;overflow-x:auto}.header-actions{justify-content:space-between}.strategy-row-v23{grid-template-columns:1fr!important}.strategy-head{display:none!important}.row-actions{justify-content:flex-start;flex-wrap:wrap}.quick-leg-row,.leg-head{grid-template-columns:1fr!important}.table-wrap{border:0}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{border:1px solid var(--border);border-radius:16px;margin:10px 0;padding:8px;background:var(--card)}.table td{border:0!important;padding:7px 8px}.table td:before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.url-copy-grid.fixed{grid-template-columns:1fr!important}.command-box{margin-top:0}.modal-card,.drawer-card{width:96vw!important;max-height:92vh}.grid.four,.grid.three,.grid.two{grid-template-columns:1fr!important}}
@media (min-width:901px){.content{max-width:1760px;margin:0 auto}.table-wrap{overflow:auto}.live-board .table{min-width:1100px}}

/* v4.0.1: header cleanup + broker duplicate cleanup */
.risk-strip{display:none!important}
.broker-summary-grid{margin-top:10px;margin-bottom:10px}
.broker-control-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:10px}
@media(max-width:900px){.broker-control-summary{grid-template-columns:1fr!important}.broker-summary-grid{grid-template-columns:1fr!important}}

/* v4.0.2 full audit responsive/role cleanup */
@media(max-width:640px){.table td:before{font-weight:900;color:var(--muted);margin-bottom:2px}.main-nav .hidden{display:none!important}}

/* v4.0.3: SQLite trigger_queue only. */
/* v4.0.4: CSS variable aliases for all advanced UI blocks; keeps compact/mobile theme rendering consistent. */

/* v4.0.19: compact mobile trading views */
@media(max-width:640px){
  .mobile-hide{display:none!important}
  .live-board .table tr{padding:8px!important}
  .live-board .table td{padding:6px 8px!important}
  .live-board .table td[data-label="Broker / Mode"],
  .live-board .table td[data-label="SL"],
  .live-board .table td[data-label="Target"],
  .live-board .table td[data-label="Updated"],
  .live-board .table td[data-label="Time"],
  .live-board .table td[data-label="SL / Target"]{display:none!important}
  .quick-strategy-form .card.compact-card{padding:10px!important}
}

/* v4.0.20: position/trade action cleanup and mobile minimal trading views */
@media(max-width:640px){
  .live-board .table td[data-label="Broker / Mode"],
  .live-board .table td[data-label="SL"],
  .live-board .table td[data-label="Target"],
  .live-board .table td[data-label="Updated"],
  .live-board .table td[data-label="Time"],
  .live-board .table td[data-label="SL / Target"],
  .live-board .table td[data-label="Exit Points"]{display:none!important}
  .live-board .table td[data-label="Actions"] .btn{width:100%;margin-top:4px}
}

/* v4.0.22: strategy list without checkbox/resolve column */
.strategy-row-v23.strategy-row-clean{grid-template-columns:1.55fr 1.55fr .75fr 230px!important;}
.strategy-head.strategy-row-clean{font-weight:900;margin-top:10px;}
@media(max-width:1180px){.strategy-row-v23.strategy-row-clean{grid-template-columns:1fr!important;}}
/* v4.0.23 strategy list column layout */
.strategy-row-v23.strategy-row-clean.strategy-row-columns{grid-template-columns:1.55fr 1fr .55fr .65fr .55fr .85fr .7fr 230px!important;align-items:center;}
.strategy-row-v23.strategy-row-clean.strategy-row-columns>div{min-width:0;}
.strategy-row-v23.strategy-row-clean.strategy-row-columns .strategy-risk-mini{color:var(--muted);}
@media(max-width:1180px){.strategy-row-v23.strategy-row-clean.strategy-row-columns{grid-template-columns:1fr!important;}}

.readiness-cell{display:flex;flex-direction:column;gap:4px;align-items:flex-start;}
.readiness-cell small{color:var(--muted);font-size:12px;line-height:1.25;}
.tiny-link{font-size:12px;padding:0;margin:0;color:var(--primary);}


/* v4.0.31 live index watchlist */
.watchlist-layout{align-items:start}.watchlist-card{min-height:520px}.watchlist-table table{font-variant-numeric:tabular-nums}.watchlist-table th,.watchlist-table td{padding:10px 12px}.watchlist-table .num{text-align:right}.watch-row.selected{background:rgba(37,99,235,.22)}.watch-row small{color:var(--muted);font-weight:700}.span-2{grid-column:span 2}.payload-input{width:100%}@media(max-width:900px){.watchlist-layout{grid-template-columns:1fr}.span-2{grid-column:span 1}.watchlist-table{overflow:auto}.watchlist-table table{min-width:760px}}


/* v4.0.33 full project audit cleanup: compact high-volume responsive polish */
@media(max-width:1180px){
  .main-nav{scrollbar-width:thin;-webkit-overflow-scrolling:touch;}
  .header-actions{flex-wrap:wrap;justify-content:flex-end;}
}
@media(max-width:640px){
  .app-header{position:sticky;top:0;max-height:42vh;overflow:auto;}
  .brand{min-width:0;flex:1;}
  .main-nav{display:flex;gap:5px;overflow-x:auto;padding-bottom:5px;}
  .nav{flex:0 0 auto;min-width:auto;padding:7px 10px;font-size:12px;}
  .header-actions{width:100%;justify-content:space-between;}
  .watchlist-card{min-height:auto;}
  .watchlist-table{overflow:auto!important;}
  .watchlist-table table{min-width:720px;}
  .txn-toolbar .button-row,.toolbar .button-row{gap:6px;}
  .modal-card,.drawer-card{width:96vw!important;}
}

/* v4.1.0 high-volume trading terminal UI */
html[data-theme="amoled"]{--bg:#000;--bg2:#020204;--surface:#050509;--surface2:#0b0b10;--text:#f8fafc;--muted:#94a3b8;--line:#1e293b;--primary:#38bdf8;--primary2:#061827;--green:#22c55e;--green2:#03140a;--red:#fb7185;--red2:#230409;--amber:#facc15;--amber2:#211805;--nav:#020204;--hero:#000;--shadow:none}
html[data-density="comfortable"]{--radius:12px;--radius-lg:16px}html[data-density="comfortable"] .card{padding:18px}html[data-density="compact"] .card{padding:12px}html[data-density="compact"] .table td,html[data-density="compact"] .table th{padding:7px 8px}.audit-v410 .account-box{min-height:58px}.sticky-market-ticker{position:sticky;top:62px;z-index:18;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:7px 10px;display:flex;gap:8px;overflow:auto}.terminal-panels{display:grid;grid-template-columns:280px minmax(0,1fr);gap:12px}.terminal-side{position:sticky;top:76px;align-self:start}.virtual-table{max-height:64vh;overflow:auto;contain:content}.virtual-table .table th{position:sticky;top:0;z-index:3}.row-group-title{background:var(--surface2);font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.mobile-bottom-nav{display:none}.soft-note{border-color:var(--line);background:var(--surface2)}
@media(max-width:900px){.terminal-panels{grid-template-columns:1fr}.terminal-side{position:static}.page-wrap{padding-bottom:74px}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:62px;background:var(--nav);border-top:1px solid var(--line);z-index:50;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -8px 24px rgba(0,0,0,.12)}.mobile-bottom-nav button{border:0;background:transparent;color:var(--text);font-weight:900;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.mobile-bottom-nav button.active{color:var(--primary);background:var(--primary2)}.sticky-order-footer{position:sticky;bottom:70px;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--shadow)}.one-hand-safe .btn{min-height:44px}.card{border-radius:14px}.table-wrap.virtual-table{max-height:none}.audit-v410{grid-template-columns:1fr!important}}
@media(max-width:640px){.app-header{height:auto}.breadcrumb{display:none}.section-title{font-size:20px}.toolbar{align-items:flex-start}.toolbar .button-row .btn{min-height:40px}.kpis,.two,.three,.four{grid-template-columns:1fr!important}.mobile-swipe-card{touch-action:pan-y;overscroll-behavior:contain}.modal-card{border-radius:18px 18px 0 0;align-self:end;max-height:94vh}.modal{align-items:flex-end}}
/* v4.2.9 strategy live LTP/readiness visibility */
.ltp-live-mini{display:block;color:var(--muted);font-size:11px;line-height:1.25;}
.ltp-live-mini b{font-weight:900;color:var(--text);}
.live-price{font-variant-numeric:tabular-nums;}
.warn-text{color:var(--amber, #a16207)!important;}

/* v4.2.10: cache-bust and strategy spot/LTP preload audit marker */


/* v4.2.13 trades execution-time milliseconds + full-width reports */
.trades-page.full-width-page,
.reports-full-page{width:100%;max-width:none;margin:0;}
.trades-report-card{width:100%;padding:10px;}
.trades-report-card .table-wrap{width:100%;max-width:100%;overflow:auto;}
.trades-report-card .table{min-width:1380px;font-size:12px;}
.trades-report-card .table th,.trades-report-card .table td{padding:7px 8px;}
.trade-exec-time-cell,.exec-time{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.3;white-space:nowrap;}
.exec-time small{color:var(--muted);font-size:10.5px;}
.trade-action-cell{min-width:138px;}
.reports-card.full-width-report{width:100%;max-width:none;}
.report-filter-grid{margin:10px 0 12px;}
.report-output{width:100%;}
.report-kpis{margin:12px 0;}
.report-tables{align-items:start;}
.report-tables .table-wrap{max-height:58vh;overflow:auto;}
.report-json{margin-top:12px;}
@media (min-width:901px){
  body:has(.trades-page) .content,
  body:has(.reports-full-page) .content{max-width:none;width:100%;margin:0;}
  body:has(.trades-page) .page-wrap,
  body:has(.reports-full-page) .page-wrap{padding-left:12px;padding-right:12px;}
}
@media(max-width:900px){
  .trades-report-card .table{min-width:0;}
  .trade-exec-time-cell,.exec-time{white-space:normal;font-size:12px;}
  .report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .report-tables{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  .report-kpis{grid-template-columns:1fr!important;}
  .trades-report-card{padding:8px;}
  .trade-action-cell .btn{width:100%;margin-top:4px;}
}

/* v4.2.14 trade execution latency + compact full-height trade layout */
.app-header{gap:12px;padding-left:14px;padding-right:14px;}
.brand{min-width:154px;gap:8px;}
.brand img{width:36px;height:36px;}
.brand b{font-size:18px;letter-spacing:-.6px;}
.main-nav{gap:3px;min-width:0;overflow-x:auto;scrollbar-width:thin;}
.nav{min-width:auto;padding:8px 10px;font-size:13px;white-space:nowrap;}
.header-actions{gap:6px;}
.header-actions .btn{padding:7px 9px;}
.trades-page.full-width-page{display:flex;flex-direction:column;min-height:calc(100vh - 112px);height:calc(100vh - 112px);overflow:hidden;}
.trades-page .toolbar{flex:0 0 auto;margin-bottom:8px;}
.trades-page .section-title{margin:2px 0 4px;}
.trades-page .compact-note{margin:0;font-size:12px;}
.trades-report-card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;}
.trades-report-card .table-wrap{flex:1 1 auto;min-height:0;max-height:none!important;height:100%;overflow:auto;}
.trades-report-card .table{min-width:1320px;}
.trade-exec-time-cell,.exec-time{font-size:12px;text-align:center;}
.exec-time b{font-variant-numeric:tabular-nums;}
@media(max-width:1280px){.nav{padding:7px 8px;font-size:12px}.brand{min-width:140px}.header-actions .btn{padding:7px 8px;font-size:12px}}
@media(max-width:900px){.trades-page.full-width-page{height:auto;min-height:0;overflow:visible}.trades-report-card{display:block;overflow:visible}.trades-report-card .table-wrap{height:auto;overflow:visible}.app-header{gap:8px}.main-nav{gap:4px}.nav{padding:7px 9px}}

/* v4.2.15 regression repair: keep trade/position pages visible and add watchlist previous close column */
.watchlist-table table{min-width:980px;}
.watchlist-table th.num,.watchlist-table td.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;}
.trades-page .notice.soft-note + .trades-page{margin-top:0;}


/* v4.2.16 watchlist alignment + commodity table support */
.watchlist-layout{grid-template-columns:minmax(0,1fr) 340px!important;gap:12px!important;align-items:stretch!important;min-width:0;}
.watchlist-card{min-width:0;min-height:calc(100vh - 270px);display:flex;flex-direction:column;}
.watchlist-side-card{min-width:0;}
.watchlist-card>.toolbar{align-items:flex-start;gap:10px;}
.watchlist-card>.toolbar h3{margin-bottom:2px;}
.watchlist-card>.toolbar .badge{white-space:nowrap;}
.watchlist-table{flex:1;max-height:calc(100vh - 390px);overflow:auto!important;border-radius:14px;}
.watchlist-table table{width:100%;min-width:1040px;table-layout:fixed;border-collapse:separate;border-spacing:0;}
.watchlist-table thead th{position:sticky;top:0;z-index:2;background:var(--card);box-shadow:0 1px 0 var(--line);}
.watchlist-table th,.watchlist-table td{padding:8px 10px!important;vertical-align:middle;white-space:nowrap;line-height:1.25;}
.watchlist-table th:first-child,.watchlist-table td:first-child{white-space:normal;}
.watchlist-table .watch-col-symbol{width:265px;}.watchlist-table .watch-col-price{width:118px;}.watchlist-table .watch-col-change{width:96px;}.watchlist-table .watch-col-segment{width:104px;}.watchlist-table .watch-col-status{width:92px;}.watchlist-table .watch-col-tick{width:190px;}
.watchlist-table td.num,.watchlist-table th.num{text-align:right;font-variant-numeric:tabular-nums;}
.watchlist-table small{font-size:11px;line-height:1.2;}
@media(max-width:1180px){.watchlist-layout{grid-template-columns:1fr!important}.watchlist-card{min-height:420px}.watchlist-table{max-height:calc(100vh - 430px)}}
@media(max-width:760px){.watchlist-table table{min-width:980px}.watchlist-table th,.watchlist-table td{padding:7px 8px!important}.watchlist-card{min-height:360px}}


/* v4.2.17 watchlist full-screen alignment repair */
body[data-page="watchlist"] .content{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
}
body[data-page="watchlist"] .page-wrap{
  padding:8px 10px 14px!important;
}
body[data-page="watchlist"] .breadcrumb{
  margin:0 0 8px!important;
}
.watchlist-page{
  width:100%;
  max-width:none;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:calc(100vh - 98px);
}
.watchlist-page .watchlist-topbar{
  align-items:flex-start;
  gap:8px;
}
.watchlist-page .section-title{
  margin:4px 0 3px;
  font-size:22px;
}
.watchlist-page .compact-note{
  margin:0;
  max-width:none;
}
.watchlist-page>.grid.five{
  gap:8px!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.watchlist-page>.grid.five .kpi{
  min-height:66px;
  padding:10px 12px;
}
.watchlist-page>.grid.five .kpi b{
  font-size:18px;
}
.watchlist-page .watchlist-layout{
  flex:1 1 auto;
  min-height:0;
  width:100%;
  grid-template-columns:minmax(0,1fr) 390px!important;
  gap:10px!important;
  align-items:stretch!important;
}
.watchlist-page .watchlist-card{
  min-width:0!important;
  width:100%;
  min-height:0!important;
  height:calc(100vh - 250px);
  padding:10px;
}
.watchlist-page .watchlist-side-card{
  width:390px;
  max-width:390px;
  padding:10px;
  overflow:auto;
}
.watchlist-page .watchlist-side-card .timeline-summary-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.watchlist-page .watchlist-side-card .account-box{
  min-height:54px;
  padding:8px;
}
.watchlist-page .watchlist-side-card .notice{
  margin-top:8px;
  font-size:12px;
  line-height:1.35;
}
.watchlist-page .watchlist-side-card code{
  white-space:normal;
  word-break:break-word;
}
.watchlist-page .watchlist-card>.toolbar{
  flex:0 0 auto;
  margin-bottom:6px;
}
.watchlist-page .watchlist-card>.toolbar h3{
  margin:0 0 2px;
  font-size:16px;
}
.watchlist-page .watchlist-table{
  flex:1 1 auto;
  min-height:0;
  max-height:none!important;
  height:100%;
  width:100%;
  overflow:auto!important;
  border:1px solid var(--line);
  border-radius:10px;
}
.watchlist-page .watchlist-table table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  font-size:12px;
}
.watchlist-page .watchlist-table .watch-col-symbol{width:26%;}
.watchlist-page .watchlist-table .watch-col-last{width:10%;}
.watchlist-page .watchlist-table .watch-col-prev{width:11%;}
.watchlist-page .watchlist-table .watch-col-chg{width:9%;}
.watchlist-page .watchlist-table .watch-col-chgpct{width:9%;}
.watchlist-page .watchlist-table .watch-col-segment{width:10%;}
.watchlist-page .watchlist-table .watch-col-status{width:9%;}
.watchlist-page .watchlist-table .watch-col-tick{width:16%;}
.watchlist-page .watchlist-table th,
.watchlist-page .watchlist-table td{
  padding:7px 9px!important;
  height:34px;
  vertical-align:middle!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap!important;
  line-height:1.2;
  border-bottom:1px solid rgba(217,226,239,.72);
}
.watchlist-page .watchlist-table th:first-child,
.watchlist-page .watchlist-table td:first-child{
  text-align:left!important;
  white-space:normal!important;
}
.watchlist-page .watchlist-table th:nth-child(6),
.watchlist-page .watchlist-table td:nth-child(6),
.watchlist-page .watchlist-table th:nth-child(7),
.watchlist-page .watchlist-table td:nth-child(7){
  text-align:center!important;
}
.watchlist-page .watchlist-table th:nth-child(8),
.watchlist-page .watchlist-table td:nth-child(8){
  text-align:left!important;
}
.watchlist-page .watchlist-table td.num,
.watchlist-page .watchlist-table th.num{
  text-align:right!important;
  font-variant-numeric:tabular-nums;
}
.watchlist-page .watchlist-table tbody tr:nth-child(even) td{
  background:rgba(248,250,252,.58);
}
.watchlist-page .watchlist-table tbody tr.selected td,
.watchlist-page .watch-row.selected td{
  background:rgba(37,99,235,.16)!important;
}
.watchlist-page .watchlist-table .badge{
  max-width:100%;
  justify-content:center;
}
.watchlist-page .watchlist-table small{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10.5px;
}
.watchlist-page .watchlist-config-card{
  flex:0 0 auto;
}
@media(max-width:1280px){
  .watchlist-page>.grid.five{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .watchlist-page .watchlist-layout{grid-template-columns:1fr!important;}
  .watchlist-page .watchlist-side-card{width:100%;max-width:none;}
  .watchlist-page .watchlist-card{height:auto;min-height:420px!important;}
  .watchlist-page .watchlist-table{max-height:560px!important;}
}
@media(max-width:760px){
  .watchlist-page>.grid.five{grid-template-columns:1fr!important;}
  .watchlist-page .watchlist-table table{min-width:980px!important;}
  .watchlist-page .watchlist-card{min-height:360px!important;}
  .watchlist-page .watchlist-side-card .timeline-summary-grid{grid-template-columns:1fr!important;}
}

/* v4.2.18 watchlist no-inner-scroll full-list height repair
   Show every configured Live Indices / MCX commodity row in the card itself.
   The page may scroll, but the table section must not hide rows behind its own vertical scrollbar. */
body[data-page="watchlist"] .page-wrap{
  min-height:calc(100vh - 44px)!important;
  overflow:visible!important;
}
body[data-page="watchlist"] .content{
  overflow:visible!important;
}
.watchlist-page{
  min-height:0!important;
  overflow:visible!important;
}
.watchlist-page .watchlist-layout{
  align-items:start!important;
  min-height:0!important;
}
.watchlist-page .watchlist-card{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:start!important;
  overflow:visible!important;
}
.watchlist-page .watchlist-table{
  flex:0 0 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.watchlist-page .watchlist-table table{
  height:auto!important;
}
.watchlist-page .watchlist-table tbody,
.watchlist-page .watchlist-table tr,
.watchlist-page .watchlist-table td{
  height:auto!important;
}
.watchlist-page .watchlist-table th,
.watchlist-page .watchlist-table td{
  padding-top:6px!important;
  padding-bottom:6px!important;
}
.watchlist-page .watchlist-side-card{
  align-self:start!important;
  max-height:none!important;
}
@media(max-width:1280px){
  .watchlist-page .watchlist-table{max-height:none!important;overflow:visible!important;}
  .watchlist-page .watchlist-card{height:auto!important;min-height:0!important;}
}
@media(max-width:760px){
  .watchlist-page .watchlist-table{overflow-x:auto!important;overflow-y:visible!important;}
}

/* v4.2.19 interaction stability: dropdowns, full timeline detail, watchlist click safety */
body.dropdown-open .app-shell,
body.dropdown-open .content,
body.dropdown-open .page-wrap{
  overflow:visible!important;
}
.card:has(select:focus),
.live-board:has(select:focus),
.modal-card:has(select:focus),
.drawer-card:has(select:focus),
.form-grid:has(select:focus){
  overflow:visible!important;
  z-index:30;
}
select:focus{
  position:relative;
  z-index:60;
}
.timeline-expanded.advanced-timeline-view{
  max-height:none!important;
  overflow:visible!important;
}
.timeline-expanded .timeline-lane{
  max-height:none!important;
  overflow:visible!important;
}
.timeline-expanded .payload{
  max-height:none;
  overflow:visible;
  white-space:pre-wrap;
  word-break:break-word;
}
.watchlist-page .watchlist-table,
.watchlist-page .watchlist-table table,
.watchlist-page .watchlist-table tbody,
.watchlist-page .watchlist-table tr,
.watchlist-page .watchlist-table td{
  cursor:default;
}
.watchlist-page .watch-row.selected,
.watchlist-page .watch-row.selected td{
  background:transparent!important;
}


/* v4.2.20 major UI stability: no accidental page refresh, stable native dropdowns, full timeline payloads */
body.ui-interaction-lock .content,
body.dropdown-open .content,
body.dropdown-open .page-wrap,
body.dropdown-open .card,
body.dropdown-open .table-wrap,
body.dropdown-open .live-board{
  overflow:visible!important;
}
select, input, textarea{
  touch-action:manipulation;
}
select:focus, select:hover{
  position:relative;
  z-index:9999!important;
}
.timeline-payload-details{margin-top:8px;position:relative;z-index:1;}
.timeline-payload-details[open]{display:block;}
.timeline-payload-panel{border:1px solid var(--line);border-radius:10px;background:var(--surface2);padding:8px;margin:8px 0;}
.timeline-payload-panel>b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px;}
.timeline-payload-pre{max-height:none!important;overflow:visible!important;white-space:pre-wrap!important;word-break:break-word!important;margin:0;background:var(--surface)!important;}
.timeline-step .step-card{overflow:visible!important;}
.timeline-expanded,.advanced-timeline-view,.timeline-lane{overflow:visible!important;max-height:none!important;}

/* v4.2.37: Keep AUTO run confirmation visible even on compact/mobile modal scroll */
.sticky-modal-actions {
  position: sticky;
  bottom: 0;
  z-index: 4;
  padding: 10px 0 0;
  background: var(--surface, #fff);
  border-top: 1px solid rgba(148, 163, 184, 0.25);
}
/* v4.2.40 high speed socket UI */
.table-note { padding: 8px 10px; border-top: 1px solid var(--border); background: rgba(148,163,184,.08); font-size: 12px; }
.execution-profiler-card .exec-time b { font-variant-numeric: tabular-nums; }
[data-socket-recovered="true"] .socket-recovered-chip { display: inline-flex; }

/* v4.2.53 lightning execution + socket rooms + virtual table polish */
.virtual-table-host { position: relative; contain: layout paint; }
.virtual-table-host table[data-vt-ready="1"]::caption { content: attr(data-vt-window); }
table[data-vt-ready="1"] { will-change: contents; }
.ai-tools-page .table-wrap, .ai-tools-page .card { overflow: auto; }
.ai-tools-page td { vertical-align: top; }
[data-page="ai-tools"] .content { max-width: 100%; }

/* v4.2.53 broker token time + detailed reports */
.broker-token-meta{display:grid;gap:2px;margin-top:4px;font-size:11px;line-height:1.25}
.broker-token-meta small{color:var(--muted)}
.reports-filter-card{margin-bottom:12px}
.detailed-report-table .table td{vertical-align:top}

/* v4.2.54 timeline + live performance repair */
.timeline-list.grouped { display:flex; flex-direction:column; gap:12px; }
.timeline-txn-card.premium { border-radius:18px; overflow:hidden; }
.timeline-txn-head.advanced.detailed { display:grid; grid-template-columns:1fr auto auto; gap:12px; align-items:center; padding:14px; cursor:pointer; }
.timeline-header-grid { display:grid; grid-template-columns:repeat(4,minmax(120px,1fr)); gap:8px; margin-top:8px; }
.timeline-header-grid span { background:rgba(127,127,127,.08); border-radius:10px; padding:7px 9px; font-size:12px; }
.timeline-header-grid b { display:block; opacity:.68; font-size:10px; text-transform:uppercase; letter-spacing:.04em; }
.timeline-expanded.advanced-timeline-view { padding:0 14px 14px; }
.timeline-lane { display:flex; flex-direction:column; gap:10px; margin-top:12px; }
.timeline-step { display:grid; grid-template-columns:32px 1fr; gap:10px; align-items:start; }
.step-marker span { display:flex; width:28px; height:28px; align-items:center; justify-content:center; border-radius:999px; background:rgba(127,127,127,.16); font-size:12px; font-weight:700; }
.step-card { border:1px solid rgba(127,127,127,.16); border-radius:14px; padding:10px 12px; background:rgba(255,255,255,.025); }
.step-title { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.step-meta { opacity:.7; font-size:12px; margin-top:3px; }
.timeline-payload-details summary { cursor:pointer; opacity:.8; font-size:12px; }
.timeline-payload-pre { max-height:220px; overflow:auto; }
.broker-token-meta small { display:block; line-height:1.35; }
@media (max-width: 760px) {
  .timeline-txn-head.advanced.detailed { grid-template-columns:1fr; }
  .timeline-header-grid { grid-template-columns:1fr 1fr; }
  .timeline-head-badges { display:flex; flex-wrap:wrap; gap:6px; }
}


/* v4.2.55 header submenu + Open Trades runtime repair */
.grouped-nav.main-nav{overflow:visible;flex-wrap:wrap;align-content:center;min-width:0;}
.nav-menu{position:relative;display:inline-flex;align-items:center;}
.nav-menu>summary{list-style:none;cursor:pointer;border:0;background:transparent;color:var(--text);font-weight:900;border-radius:999px;padding:10px 14px;min-width:92px;user-select:none;white-space:nowrap;}
.nav-menu>summary::-webkit-details-marker{display:none;}
.nav-menu:hover>summary,.nav-menu[open]>summary{background:var(--primary2);color:var(--primary);}
.nav-menu-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:120;display:none;min-width:210px;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 18px 45px rgba(15,23,42,.16);}
.nav-menu-panel.align-right{left:auto;right:0;}
.nav-menu[open] .nav-menu-panel,.nav-menu:hover .nav-menu-panel,.nav-menu:focus-within .nav-menu-panel{display:grid;gap:6px;}
.nav-menu-panel .nav{width:100%;min-width:0;text-align:left;border-radius:12px;padding:9px 12px;justify-content:flex-start;}
.nav-menu-panel .nav.active{background:var(--primary2);color:var(--primary);}
@media(max-width:1100px){.app-header{height:auto;min-height:62px;flex-wrap:wrap;padding:8px 12px;gap:10px}.brand{min-width:150px}.header-actions{margin-left:auto}.grouped-nav.main-nav{order:3;flex:1 1 100%;display:flex;overflow:visible;padding:0}.nav{min-width:auto;padding:8px 11px}.nav-menu>summary{padding:8px 11px;min-width:auto}.nav-menu-panel{max-width:min(88vw,280px)}}
@media(max-width:640px){.grouped-nav.main-nav{display:none}.app-header{max-height:none;overflow:visible}.header-actions{gap:6px}.header-actions .badge{display:none}.mobile-bottom-nav{grid-template-columns:repeat(6,1fr)}}

/* v4.2.56 navigation repair: no sticky dropdowns, top-level trading pages, compact admin menu */
.grouped-nav.main-nav{overflow:visible;flex-wrap:wrap;align-items:center;row-gap:6px;}
.nav-menu{position:relative;}
.nav-menu-panel{display:none;}
.nav-menu[open] .nav-menu-panel{display:grid;gap:6px;}
.nav-menu:hover .nav-menu-panel,.nav-menu:focus-within .nav-menu-panel{display:none;}
.nav-menu[open]:hover .nav-menu-panel,.nav-menu[open]:focus-within .nav-menu-panel{display:grid;}
.nav-menu-panel .nav{cursor:pointer;}
.app-header{overflow:visible;}
@media(max-width:1180px){.grouped-nav.main-nav{overflow:visible;flex:1 1 100%;}.app-header{overflow:visible;max-height:none;}.nav{padding:7px 9px}.nav-menu>summary{padding:7px 9px;}}
@media(max-width:900px){.main-nav.grouped-nav{overflow:visible;max-width:100%;}.app-header{overflow:visible;max-height:none;}.nav-menu-panel{position:absolute;}}
@media(max-width:640px){.grouped-nav.main-nav{display:none!important}.app-header{overflow:visible;max-height:none;}}

/* v4.2.57 broker main menu + tighter desktop header */
@media(min-width:1101px){.main-nav.grouped-nav{gap:6px}.main-nav.grouped-nav>.nav{padding:8px 10px}.main-nav.grouped-nav .nav-menu>summary{padding:8px 10px;min-width:82px}.brand{min-width:128px}.app-header{gap:8px}}

/* v4.2.70 Broker UAT Test Console */
.broker-uat-console{display:flex;flex-direction:column;gap:14px}.uat-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.uat-step-grid .btn{justify-content:center;white-space:normal;min-height:36px}.broker-uat-console .payload{max-height:320px;overflow:auto}.broker-uat-console .table-wrap{max-height:360px;overflow:auto}
@media(max-width:720px){.uat-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.broker-uat-console .form-grid.four{grid-template-columns:1fr}}

/* v4.4.1 News Impact Intelligence */
.news-impact-card .readiness-score b { font-variant-numeric: tabular-nums; }
body[data-page="news-impact"] .content { max-width: 1600px; }
body[data-page="news-impact"] .table-wrap td:nth-child(7) { min-width: 320px; }
.full-span { grid-column: 1 / -1; }

/* v4.4.3 News auto-fetch controls + important-news popup */
.important-news-popup{display:flex;flex-direction:column;gap:12px;max-height:70vh;overflow:auto;padding-right:4px}
.news-popup-item{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(127,127,127,.055)}
.news-popup-item.good,.news-popup-item.positive{border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.07)}
.news-popup-item.bad,.news-popup-item.negative{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.07)}
.news-popup-item.warn{border-color:rgba(245,158,11,.38);background:rgba(245,158,11,.08)}
.news-popup-item .compact-toolbar{align-items:flex-start;gap:10px}
.news-popup-item .compact-grid{margin:8px 0;grid-template-columns:repeat(4,minmax(90px,1fr))}
@media(max-width:720px){.news-popup-item .compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.important-news-popup{max-height:62vh}}

/* v4.6.4 Option Chain Intelligence responsive alignment + page restore */
body[data-page="option-chain-intel"] .content{gap:12px;min-width:0;}
.option-chain-intel-page{display:grid;gap:12px;min-width:0;width:100%;}
.option-chain-toolbar{align-items:flex-start;gap:12px;}
.option-chain-toolbar .section-title{margin-bottom:4px;}
.option-chain-actions{justify-content:flex-end;min-width:260px;}
.option-chain-filter-card{padding:12px;}
.option-chain-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end;}
.option-chain-filter-card .button-row{margin-top:10px;}
.option-chain-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;}
.option-chain-kpis .kpi{min-width:0;min-height:78px;}
.option-chain-helper-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:12px;align-items:stretch;}
.option-chain-helper-card,.option-chain-walls-card{min-width:0;}
.option-chain-helper-card .timeline-summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:10px;}
.option-chain-helper-card .account-box{min-width:0;overflow-wrap:anywhere;}
.option-chain-table-card{min-width:0;overflow:hidden;}
.option-chain-table-card .table-wrap{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:12px;}
.option-chain-table-card .table{min-width:760px;table-layout:fixed;font-size:12px;}
.option-chain-table-card .table th,.option-chain-table-card .table td{white-space:normal;vertical-align:middle;padding:8px 9px;}
.option-chain-table-card .table th:nth-child(1),.option-chain-table-card .table td:nth-child(1){width:105px;text-align:center;}
.option-chain-table-card .table small{display:inline-block;line-height:1.35;color:var(--muted);}
@media(max-width:1180px){
  .option-chain-helper-grid{grid-template-columns:1fr;}
  .option-chain-actions{justify-content:flex-start;min-width:0;width:100%;}
}
@media(max-width:900px){
  .option-chain-toolbar{display:block;}
  .option-chain-actions{margin-top:8px;display:grid;grid-template-columns:1fr;}
  .option-chain-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .option-chain-filter-card .button-row{display:grid;grid-template-columns:1fr;}
  body[data-page="option-chain-intel"] .option-chain-table-card .table-wrap{border:1px solid var(--line);}
  body[data-page="option-chain-intel"] .option-chain-table-card .table thead{display:table-header-group!important;}
  body[data-page="option-chain-intel"] .option-chain-table-card .table,
  body[data-page="option-chain-intel"] .option-chain-table-card .table tbody,
  body[data-page="option-chain-intel"] .option-chain-table-card .table tr{display:revert!important;width:auto!important;}
  body[data-page="option-chain-intel"] .option-chain-table-card .table th,
  body[data-page="option-chain-intel"] .option-chain-table-card .table td{display:table-cell!important;width:auto!important;border-bottom:1px solid var(--line)!important;}
  body[data-page="option-chain-intel"] .option-chain-table-card .table tr{border:0!important;border-radius:0!important;margin:0!important;padding:0!important;background:transparent!important;}
  body[data-page="option-chain-intel"] .option-chain-table-card .table td:before{display:none!important;content:""!important;}
}
@media(max-width:560px){
  .option-chain-filter-grid{grid-template-columns:1fr;}
  .option-chain-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
  .option-chain-helper-card .timeline-summary-grid{grid-template-columns:1fr;}
  .option-chain-table-card .table{min-width:690px;font-size:11px;}
  .option-chain-table-card .table th,.option-chain-table-card .table td{padding:7px 8px;}
}