:root{--bg:#05070b;--bg2:#090d14;--panel:#0d131d;--panel2:#111925;--line:#202b3b;--gold:#e2bd62;--gold2:#9b6d18;--text:#f5f7fa;--muted:#8d99aa;--green:#20d887;--red:#ff5f71;--purple:#a875ff;--blue:#4fa7ff;--shadow:0 24px 70px rgba(0,0,0,.42)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 72% -10%,rgba(43,68,103,.28),transparent 34%),var(--bg);min-height:100vh}a{color:inherit}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;padding:25px 18px;background:linear-gradient(180deg,#090e16,#06090e);border-right:1px solid #1c2532;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;padding:0 8px 25px;border-bottom:1px solid #1a2330}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#f0cf78,#9e6d15);color:#151008;font-weight:900;box-shadow:0 0 30px rgba(226,189,98,.16)}.brand-mark.big{width:62px;height:62px;border-radius:18px;margin:auto;font-size:20px}.brand b{display:block;letter-spacing:.08em}.brand small{display:block;color:var(--gold);letter-spacing:.32em;font-size:9px;margin-top:4px}.nav-label{font-size:10px;letter-spacing:.18em;color:#566376;margin:24px 12px 10px}.nav-label.second{margin-top:24px}.side-nav{display:grid;gap:5px}.side-nav a{padding:12px 13px;border-radius:10px;text-decoration:none;color:#9ca7b7;font-size:13px;display:flex;align-items:center;gap:11px}.side-nav a:hover,.side-nav a.active{background:linear-gradient(90deg,rgba(226,189,98,.18),rgba(226,189,98,.03));color:#f6d87d;border-left:2px solid var(--gold)}.side-nav a span{width:18px;text-align:center}.sidebar-footer{margin-top:auto;border:1px solid #1c2735;border-radius:13px;padding:13px;color:#8d99aa;font-size:10px}.sidebar-footer span{font-weight:800;letter-spacing:.08em}.sidebar-footer small{display:block;margin:7px 0 0 16px}.secure-dot,.pulse,.live-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:8px}.workspace{grid-column:2;min-width:0}.topbar{height:74px;border-bottom:1px solid #1c2532;background:rgba(5,7,11,.75);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:12}.topbar-title{font-size:11px;letter-spacing:.18em;color:#8793a5}.top-actions{display:flex;align-items:center;gap:14px}.identity{text-align:right}.identity strong,.identity small{display:block}.identity small{color:var(--gold);font-size:10px;margin-top:3px}.icon-button{width:36px;height:36px;border:1px solid #283447;border-radius:10px;display:grid;place-items:center;text-decoration:none;color:#aab4c2}.content{padding:34px;max-width:1550px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.page-heading.compact{margin-bottom:20px}.page-heading h1{font-family:"Playfair Display",serif;font-size:35px;margin:4px 0 7px}.page-heading p{color:var(--muted);margin:0}.eyebrow{font-size:10px!important;letter-spacing:.22em;color:var(--gold)!important;font-weight:800}.plan-poster{min-width:250px;padding:17px 20px;border-radius:16px;border:1px solid rgba(226,189,98,.35);background:linear-gradient(135deg,rgba(226,189,98,.13),rgba(255,255,255,.02));box-shadow:var(--shadow)}.plan-poster small,.plan-poster strong,.plan-poster span{display:block}.plan-poster small{font-size:9px;letter-spacing:.15em;color:#8d99aa}.plan-poster strong{font-size:19px;color:#f3d47e;margin:5px 0}.plan-poster span{font-size:11px;color:#99a4b4}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:34px}.metric-card{padding:20px;border-radius:16px;background:linear-gradient(145deg,#101722,#0a0f17);border:1px solid #1e2938;display:flex;gap:15px;align-items:center;box-shadow:0 16px 35px rgba(0,0,0,.18)}.metric-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;font-size:20px}.metric-icon.gold{background:rgba(226,189,98,.13);color:var(--gold)}.metric-icon.green{background:rgba(32,216,135,.12);color:var(--green)}.metric-icon.purple{background:rgba(168,117,255,.12);color:var(--purple)}.metric-icon.blue{background:rgba(79,167,255,.12);color:var(--blue)}.metric-card small{font-size:9px;letter-spacing:.12em;color:#768396}.metric-card strong{display:block;font-size:25px;margin:3px 0}.metric-card p{font-size:10px;color:#647185;margin:0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.section-title h2{margin:3px 0 0;font-size:21px}.top-gap{margin-top:34px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-poster{min-height:245px;padding:25px;border:1px solid #263247;border-radius:21px;text-decoration:none;position:relative;overflow:hidden;background:linear-gradient(145deg,#131b28,#090d14);box-shadow:var(--shadow);transition:.25s}.tool-poster:hover{transform:translateY(-5px);border-color:#856a31}.tool-poster:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-60px;top:-60px;background:rgba(226,189,98,.08);filter:blur(2px)}.poster-1:after{background:rgba(168,117,255,.1)}.poster-2:after{background:rgba(79,167,255,.1)}.poster-number{position:absolute;right:20px;top:18px;color:#354055;font-size:31px;font-weight:900}.tool-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(226,189,98,.13);color:var(--gold)}.tool-poster h3{font-family:"Playfair Display",serif;font-size:22px;margin:25px 0 10px;max-width:80%}.tool-poster p{color:#8c98aa;font-size:12px;line-height:1.6;max-width:88%}.poster-footer{position:absolute;left:25px;right:25px;bottom:22px;border-top:1px solid #222d3d;padding-top:15px;display:flex;justify-content:space-between;color:var(--gold);font-size:10px;letter-spacing:.14em}.mini-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mini-signal{padding:18px;border:1px solid #202b3b;border-radius:15px;background:#0c121b;text-decoration:none;display:flex;justify-content:space-between;align-items:center}.mini-signal small{color:#637084}.mini-signal h3{margin:5px 0;font-size:17px}.mini-signal.buy h3 span{color:var(--green)}.mini-signal.sell h3 span{color:var(--red)}.mini-signal p{margin:0;color:#7d899a;font-size:10px}.mini-status{font-size:9px;letter-spacing:.09em;padding:7px 9px;border-radius:20px;background:#151e2b;color:var(--gold)}.ghost-button,.live-badge{padding:10px 14px;border:1px solid #2a3648;border-radius:10px;text-decoration:none;color:#aab4c2;font-size:11px}.watermark-grid{position:fixed;inset:50% auto auto 50%;transform:translate(-35%,-50%) rotate(-28deg);font-size:3.5vw;color:white;opacity:.018;pointer-events:none;z-index:3;white-space:nowrap}.signal-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;position:relative;z-index:4}.trade-poster{padding:22px;border-radius:20px;background:linear-gradient(150deg,#101824,#090d14);border:1px solid #253145;box-shadow:var(--shadow);position:relative;overflow:hidden}.trade-poster:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--gold)}.trade-poster.buy:before{background:var(--green)}.trade-poster.sell:before{background:var(--red)}.trade-head{display:flex;justify-content:space-between;gap:14px}.signal-id{color:var(--gold);font-size:9px;letter-spacing:.12em}.trade-head h2{margin:5px 0;font-size:24px}.direction{font-size:11px;padding:5px 8px;border-radius:7px;margin-left:5px}.buy .direction{background:rgba(32,216,135,.13);color:var(--green)}.sell .direction{background:rgba(255,95,113,.13);color:var(--red)}.trade-head p{margin:0;color:#7f8a9b;font-size:11px}.status-badge{align-self:flex-start;padding:8px 10px;border-radius:9px;background:rgba(226,189,98,.12);color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.08em}.status-tp1_hit,.status-tp2_hit,.status-tp3_hit,.status-closed{background:rgba(32,216,135,.13);color:var(--green)}.status-sl_hit,.status-cancelled{background:rgba(255,95,113,.13);color:var(--red)}.meta-row{display:flex;gap:8px;margin:16px 0}.meta-row span{padding:6px 8px;background:#0a0f17;border:1px solid #202a39;border-radius:7px;color:#718094;font-size:8px}.meta-row b{color:#d6dbe2;margin-left:4px}.price-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.entry-box,.sl-box{padding:14px;border-radius:12px;background:#0a0f17;border:1px solid #1e2938}.entry-box small,.sl-box small{display:block;color:#6d7a8d;font-size:8px;letter-spacing:.1em}.entry-box strong,.sl-box strong{display:block;font-size:20px;margin-top:5px}.sl-box strong{color:#ff7b89}.targets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:11px 0}.target{padding:12px;border-radius:11px;background:#0b1119;border:1px solid #1d2837}.target span,.target strong,.target em{display:block}.target span{font-size:8px;color:#6f7b8d}.target strong{font-size:15px;margin:4px 0}.target em{font-style:normal;font-size:7px;color:#5d6878}.target.hit{border-color:rgba(32,216,135,.35);background:rgba(32,216,135,.07)}.target.hit em{color:var(--green);font-weight:800}.progress-track{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:20px 0 14px}.progress-step{text-align:center;position:relative}.progress-step:before{content:"";position:absolute;left:-50%;right:50%;height:2px;top:5px;background:#253042}.progress-step:first-child:before{display:none}.progress-step i{display:block;width:11px;height:11px;border-radius:50%;background:#253042;margin:auto;position:relative;z-index:2}.progress-step span{display:block;font-size:6px;color:#5c6878;margin-top:7px}.progress-step.done:before,.progress-step.done i{background:var(--green);box-shadow:0 0 8px rgba(32,216,135,.45)}.progress-step.done span{color:#a9b4c2}.trade-note{padding:11px;border-radius:10px;background:#0b1119;color:#94a0b1;font-size:10px;line-height:1.5}.trade-poster footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #202a38;padding-top:13px;margin-top:15px;color:#5f6c7d;font-size:8px}.trade-poster footer b{color:var(--gold)}.admin-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.admin-card,.data-card{background:linear-gradient(145deg,#101722,#090e15);border:1px solid #202b3b;border-radius:18px;padding:21px;box-shadow:var(--shadow)}.card-heading{display:flex;gap:13px;align-items:center;margin-bottom:18px}.card-heading>span{font-size:26px;font-weight:900;color:#2d394a}.card-heading h2,.card-heading p{margin:0}.card-heading h2{font-size:18px}.card-heading p{font-size:10px;color:#778497;margin-top:4px}.stack{display:grid;gap:10px}input,select{width:100%;padding:12px 13px;background:#080c12;border:1px solid #253145;border-radius:10px;color:white;outline:none}input:focus,select:focus{border-color:#806631}.gold-button{border:0;border-radius:10px;padding:13px;background:linear-gradient(135deg,#efcf77,#ad791d);color:#171008;font-weight:900;letter-spacing:.06em;cursor:pointer}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.checkbox-grid label,.plan-choice label{cursor:pointer}.checkbox-grid input,.plan-choice input{display:none}.checkbox-grid span{display:block;padding:9px;border:1px solid #233044;border-radius:9px;font-size:10px;color:#8693a5}.checkbox-grid input:checked+span{border-color:#8f7132;background:rgba(226,189,98,.09);color:#f0d27e}.plan-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.plan-choice span{display:block;padding:10px;border:1px solid #233044;border-radius:10px}.plan-choice b,.plan-choice small{display:block}.plan-choice b{font-size:11px}.plan-choice small{font-size:9px;color:#7c899a;margin-top:4px}.plan-choice input:checked+span{border-color:#9d7d37;background:rgba(226,189,98,.1);color:#f1d27a}.data-card{margin-top:20px}.count-chip{font-size:9px;padding:7px 9px;background:#111a27;border:1px solid #263247;border-radius:20px;color:#8d99aa}.table-wrap{overflow:auto}.pro-table{width:100%;border-collapse:collapse}.pro-table th{font-size:8px;letter-spacing:.13em;color:#657286;text-align:left;padding:10px;border-bottom:1px solid #263143}.pro-table td{padding:13px 10px;border-bottom:1px solid #182231;font-size:11px}.user-cell{display:flex;align-items:center;gap:9px}.user-cell>span{width:28px;height:28px;border-radius:8px;background:#182334;color:var(--gold);display:grid;place-items:center;font-weight:800}.tier-chip,.state-chip{padding:6px 8px;border-radius:15px;background:#151f2c;color:#c1cad5;font-size:8px}.state-chip.on{background:rgba(32,216,135,.1);color:var(--green)}.state-chip.off{background:rgba(255,95,113,.1);color:var(--red)}.row-button{padding:7px 9px;border:1px solid #324055;border-radius:8px;background:transparent;color:#aab4c2;font-size:9px;cursor:pointer}.signal-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-signal{padding:16px;border:1px solid #243044;border-radius:14px;background:#0a1018;position:relative}.admin-signal:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;background:var(--gold)}.admin-signal.buy:before{background:var(--green)}.admin-signal.sell:before{background:var(--red)}.admin-signal-top{display:flex;justify-content:space-between}.admin-signal-top small{color:#627084}.admin-signal-top h3{margin:4px 0}.admin-signal-top h3 span{font-size:10px;color:var(--gold)}.admin-signal-top p{margin:0;color:#748195;font-size:9px}.admin-signal-top>b{font-size:8px;color:var(--gold)}.admin-levels{display:flex;gap:7px;margin:13px 0}.admin-levels span{background:#0d141e;padding:7px;border-radius:7px;color:#647286;font-size:7px}.admin-levels b{color:#cbd2db;margin-left:3px}.signal-update{display:grid;grid-template-columns:1.1fr .8fr .8fr auto;gap:6px}.signal-update input,.signal-update select{padding:8px;font-size:9px}.signal-update button{border:0;border-radius:8px;background:#27354a;color:#d8dee6;padding:8px 10px;font-size:8px;cursor:pointer}.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px}.alert.success{background:rgba(32,216,135,.1);border:1px solid rgba(32,216,135,.3);color:#93f2c3}.alert.danger{background:rgba(255,95,113,.1);border:1px solid rgba(255,95,113,.3);color:#ffadb7}.empty-state{padding:35px;border:1px dashed #293549;border-radius:16px;color:#78869a;text-align:center}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 25%,rgba(226,189,98,.1),transparent 28%),#05070b;padding:22px}.login-card{width:min(430px,100%);padding:34px;border-radius:23px;background:linear-gradient(150deg,#111925,#080c12);border:1px solid #263247;box-shadow:0 40px 100px #000}.login-brand{text-align:center;margin-bottom:25px}.login-brand h1{font-family:"Playfair Display",serif;margin:14px 0 5px}.login-brand p{margin:0;color:#7c899b;font-size:11px}.login-form label{font-size:9px;letter-spacing:.1em;color:#7f8b9d}.login-form input{margin-top:6px}.security-note{text-align:center;color:#586578;font-size:9px;margin-top:17px}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.tool-grid,.mini-signal-grid{grid-template-columns:repeat(2,1fr)}.signal-board{grid-template-columns:1fr}.signal-admin-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;width:auto;height:auto}.sidebar-footer{display:none}.workspace{display:block}.topbar{padding:0 18px}.content{padding:22px 16px}.page-heading{align-items:flex-start;flex-direction:column}.plan-poster{width:100%}.metric-grid,.tool-grid,.mini-signal-grid,.admin-panels{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:1fr}.signal-update{grid-template-columns:1fr 1fr}.topbar-title{display:none}}
/* ===== V4 APPROVED DASHBOARD ===== */
:root{--gold:#f4b928;--gold2:#8d6200;--ink:#05070a;--panel:#090d12;--line:#222a34;--muted:#949ca8;--green:#18d34f;--red:#ff2e2e;--purple:#8e35ff;--blue:#178ee8}
*{box-sizing:border-box}.app-shell{grid-template-columns:240px 1fr;background:#040609}.sidebar{width:240px;background:linear-gradient(180deg,#050706,#070b0e);border-right:1px solid rgba(244,185,40,.25);padding:18px 12px}.brand{height:64px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #1c2229;padding:0 8px 14px;text-decoration:none}.brand-crest{width:54px;height:54px;display:grid;place-items:center;color:var(--gold);font-size:33px;border:1px solid rgba(244,185,40,.35);border-radius:50%}.brand-copy b{display:block;font:800 30px/1 'Playfair Display',serif;color:#f4c64b;letter-spacing:.04em}.brand-copy strong{display:block;font-size:9px;letter-spacing:.16em;color:#fff;margin-top:3px}.side-nav{padding-top:16px}.nav-label{font-size:11px;color:#777f89;letter-spacing:.05em;margin:18px 12px 8px}.side-nav a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:7px;color:#d1d5da;text-decoration:none;font-size:13px;margin:2px 0}.side-nav a:hover{background:#11161d;color:#fff}.side-nav a.active,.side-nav .nav-main.active{background:linear-gradient(90deg,#6a4700,#2a1d02);border:1px solid #9b7109;color:#fff}.nav-icon{width:18px;text-align:center;font-size:17px}.nav-icon.gold{color:var(--gold)}.nav-icon.green{color:#16e154}.nav-icon.purple{color:#a256ff}.plan-box{position:absolute;left:18px;right:18px;bottom:88px;border:1px solid #a67708;border-radius:10px;padding:15px;background:#0b0c0c;color:#fff;display:grid;grid-template-columns:auto 1fr;gap:10px}.plan-box>span{color:var(--gold);font-size:25px}.plan-box b,.plan-box small{display:block}.plan-box b{color:#f3bd2c}.plan-box small{font-size:11px;margin-top:4px}.plan-box a{grid-column:1/3;text-align:center;border:1px solid #9c7108;border-radius:7px;padding:9px;color:#f4bf2d;text-decoration:none;font-size:11px}.academy-mark{position:absolute;left:18px;right:18px;bottom:24px;color:#dcae31}.academy-mark b,.academy-mark small{display:block;font-size:8px}.academy-mark small{margin-top:5px;letter-spacing:.08em}.workspace{margin-left:0}.topbar{height:65px;background:#050708;border-bottom:1px solid #28220f;padding:0 24px}.topbar-left,.top-actions{display:flex;align-items:center}.topbar-left{gap:18px;font-size:14px}.menu-button{background:transparent;border:0;color:#fff;font-size:20px}.top-actions{gap:15px}.notification{position:relative;font-size:22px}.notification i{position:absolute;right:-8px;top:-8px;background:#d91515;color:#fff;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:9px}.calendar{font-size:18px}.clock{font-size:10px;border-left:1px solid #473607;padding-left:14px}.clock small{display:block;margin-top:2px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f5c54e,#9e6c06);color:#1a1200;font-weight:800}.identity strong,.identity small{display:block}.identity strong{font-size:12px}.identity small{font-size:10px;color:#9a9fa8}.logout{color:white;text-decoration:none}.content{padding:16px 20px 14px;max-width:none}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dashboard-heading h1{font-size:23px;margin:0}.dashboard-heading h1 span{color:var(--gold)}.dashboard-heading p{margin:5px 0 0;color:#9ca3ad;font-size:11px}.dashboard-actions{display:flex;gap:9px}.dashboard-actions button,.new-signal{height:38px;padding:0 14px;background:#090c10;border:1px solid #222a33;border-radius:7px;color:#ddd;text-decoration:none;font-size:10px;display:flex;align-items:center}.new-signal{color:#f7c747;border-color:#9b7108}.view-toggle{font-size:17px!important}.view-toggle.active{color:var(--gold);border-color:#866008}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:10px;margin-bottom:16px}.kpi-grid article{min-height:96px;background:linear-gradient(145deg,#0c1015,#07090c);border:1px solid #202731;border-radius:8px;display:flex;align-items:center;padding:14px;gap:12px}.kpi-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:29px;background:radial-gradient(circle,rgba(244,185,40,.14),transparent 68%)}.kpi-grid strong,.kpi-grid b,.kpi-grid small{display:block}.kpi-grid strong{font-size:22px}.kpi-grid b{font-size:10px;margin:2px 0 6px}.kpi-grid small{font-size:9px;color:#16d847}.kpi-grid small em{font-style:normal;color:#969da7}.gold-value{color:#f0b72e}.status-tabs{height:49px;border:1px solid #242a31;border-radius:8px;display:grid;grid-template-columns:repeat(8,1fr);margin-bottom:16px;background:#07090c;overflow:hidden}.status-tabs button{background:transparent;border:0;color:#afb4bc;font-size:9px;font-weight:700}.status-tabs button i{font-style:normal;margin-left:7px;background:#252a31;border-radius:50%;padding:4px 7px}.status-tabs button.active{color:#f5bd2b;background:linear-gradient(90deg,#352500,#141002);box-shadow:inset 0 -2px #f0b51f}.premium-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.premium-card{background:linear-gradient(145deg,#080b0e,#050709);border:1px solid #22302a;border-radius:8px;overflow:hidden;padding:13px 14px 11px;min-width:0}.premium-card.xau{border-color:#174f23;background:radial-gradient(circle at 75% 20%,rgba(27,121,36,.22),transparent 35%),#060a08}.premium-card.pob{border-color:#6d1d14;background:radial-gradient(circle at 78% 20%,rgba(121,24,16,.22),transparent 35%),#090706}.premium-card.ghost{border-color:#4b2071;background:radial-gradient(circle at 78% 20%,rgba(77,24,124,.25),transparent 36%),#08060c}.card-top{display:flex;align-items:center;gap:8px}.signal-code{font-size:9px;padding:5px 8px;border-radius:4px;background:#0d7423;color:#d9ffe1}.pob .signal-code{background:#a31616}.ghost .signal-code{background:#5c20a0}.tool-name{margin-left:auto;color:var(--gold);font-size:10px;font-weight:800}.pob .tool-name{color:#ff2e2e}.ghost .tool-name{color:#ab55ff}.grade-circle{width:32px;height:32px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:10px}.hero-row{display:flex;justify-content:space-between;align-items:center;min-height:105px}.hero-row h2{font-size:29px;margin:0}.hero-row h3{font-size:39px;line-height:1;margin:4px 0 0}.buy .hero-row h3{color:#23d04c}.sell .hero-row h3{color:#ff2929}.ghost.buy .hero-row h3{color:#8d36f5}.instrument-symbol{font-size:78px;font-weight:900;color:rgba(243,184,38,.78);transform:rotate(-4deg);text-shadow:0 0 24px rgba(243,184,38,.25)}.pob .instrument-symbol{color:rgba(255,33,33,.35);font-size:105px}.ghost .instrument-symbol{color:rgba(141,54,245,.7);font-size:85px}.signal-tags{display:inline-flex;border:1px solid currentColor;border-radius:6px;overflow:hidden;color:#2bd34b;background:rgba(0,0,0,.3)}.pob .signal-tags{color:#ff3434}.ghost .signal-tags{color:#9746f1}.signal-tags span{padding:6px 12px;border-right:1px solid currentColor;font-size:9px;color:#fff}.signal-tags span:last-child{border-right:0}.signal-meta{display:flex;gap:12px;padding:12px 1px;color:#b5bbc3;font-size:9px;border-bottom:1px solid #20252b}.level-table{border:1px solid #263029;border-radius:7px;margin-top:10px;overflow:hidden}.level-table>div{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:8px 11px;border-bottom:1px solid #20262a;font-size:10px}.level-table>div:last-child{border-bottom:0}.level-table b{color:#20d849;font-size:12px}.pob .level-table b{color:#fff}.pob .level-table>div:nth-child(-n+2) b,.danger{color:#ff3737!important}.ghost .level-table b{color:#a44fff}.level-table em{font-style:normal;background:#15191d;padding:4px 7px;border-radius:4px;font-size:8px;color:#ddd}.level-table em.hit{background:#0c7624;color:#fff}.pob .level-table em{background:#651010}.signal-status{height:43px;margin-top:8px;border:1px solid #273029;border-radius:7px;display:flex;align-items:center;padding:6px 9px;gap:12px}.signal-status span{background:#1c9c35;color:#fff;padding:6px 9px;border-radius:4px;font-size:9px;font-weight:800}.pob .signal-status span{background:#d01919}.ghost .signal-status span{background:#6f28bf}.signal-status b{font-size:13px}.signal-status svg{margin-left:auto;width:130px;height:28px}.signal-status polyline{fill:none;stroke:#1ed843;stroke-width:2}.pob .signal-status polyline{stroke:#ff2222}.ghost .signal-status polyline{stroke:#a63cff}.premium-card footer{font-size:9px;color:#c3c7ce;padding-top:9px}.insight-grid{display:grid;grid-template-columns:1.05fr 1.15fr 1fr 1.15fr;gap:13px;margin-top:15px}.insight-card{min-height:175px;background:#080b0f;border:1px solid #232a32;border-radius:8px;padding:15px}.insight-card h3{margin:0 0 13px;font-size:10px;color:#f3b91f}.donut-wrap{display:flex;align-items:center;gap:18px}.donut{width:93px;height:93px;border-radius:50%;background:conic-gradient(#198ee8 0 38%,#14bd41 38% 70%,#f4b51f 70% 84%,#8f2ef1 84%);position:relative}.donut:after{content:"";position:absolute;inset:25px;background:#080b0f;border-radius:50%}.donut-wrap ul,.revenue-body ul{list-style:none;padding:0;margin:0;flex:1}.donut-wrap li,.revenue-body li{display:flex;align-items:center;gap:8px;font-size:9px;margin:9px 0}.donut-wrap li b{margin-left:auto}.donut-wrap i,.revenue-body i{width:9px;height:9px;border-radius:50%}.blue-dot{background:#178ee8}.green-dot{background:#17bd41}.gold-dot{background:#f3b51e}.purple-dot{background:#8d2eef}.red-dot{background:#f12626}.activity-list>div,.expiry-list>div{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid #1e242b}.activity-icon{color:#20dc4f}.activity-list p,.expiry-list p{margin:0}.activity-list b,.activity-list small,.expiry-list b,.expiry-list small{display:block;font-size:9px}.activity-list small,.expiry-list small{color:#8e96a1}.activity-list em,.expiry-list em{margin-left:auto;font-style:normal;color:#21d84c;font-size:8px}.expiry-list em{color:#f3b61d}.insight-card>a{display:block;color:#eeb51d;text-decoration:none;font-size:8px;margin-top:9px}.revenue-card>strong{font-size:24px;color:#f4b920}.revenue-card>span{color:#1ed44a;font-size:8px;margin-left:8px}.revenue-card>span em{color:#999;font-style:normal}.revenue-body{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.revenue-donut{width:82px;height:82px;border-radius:50%;background:conic-gradient(#19bd42 0 25%,#8f2ef1 25% 65%,#f1b61d 65%);display:grid;place-items:center;color:#f4b820;font-size:22px;font-weight:800;position:relative}.revenue-donut:before{content:"";position:absolute;inset:14px;background:#080b0f;border-radius:50%}.revenue-donut{isolation:isolate}.revenue-donut::after{content:"₹";position:absolute;z-index:2}.dashboard-footer{display:flex;justify-content:space-between;color:#7d858f;font-size:8px;padding:13px 2px 0}.dashboard-footer b{color:#1dd54a}.muted{color:#7e8792;font-size:9px}@media(max-width:1450px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.premium-signal-grid{grid-template-columns:repeat(3,minmax(290px,1fr));overflow-x:auto}.insight-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app-shell{display:block}.sidebar{position:static;width:auto;height:auto}.plan-box,.academy-mark{display:none}.workspace{margin-left:0}.kpi-grid{grid-template-columns:repeat(2,1fr)}.premium-signal-grid,.insight-grid{grid-template-columns:1fr}.status-tabs{overflow-x:auto;grid-template-columns:repeat(8,130px)}.dashboard-heading{align-items:flex-start;gap:12px;flex-direction:column}.top-actions .identity,.clock{display:none}}
/* V5 Member Portal */
.member-watermark{position:fixed;inset:70px 0 0 245px;z-index:25;pointer-events:none;display:grid;grid-template-columns:repeat(3,1fr);gap:120px 30px;overflow:hidden;opacity:.035;transform:rotate(-18deg);font-size:18px;font-weight:800;letter-spacing:2px;color:#fff}.member-watermark span{white-space:nowrap}.member-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}.member-hero .eyebrow{font-size:12px;color:#d6a72a;font-weight:800;letter-spacing:1.8px}.member-hero h1{font-size:34px;margin:8px 0 5px}.member-hero p{color:#9199a8}.member-plan-card{min-width:280px;padding:18px 22px;border:1px solid #6e5314;border-radius:14px;background:linear-gradient(135deg,#17140b,#0a0c10);box-shadow:0 0 30px #d7a51a12}.member-plan-card span,.member-plan-card small{display:block;color:#9199a8;font-size:12px}.member-plan-card strong{display:block;color:#efc34b;font-size:22px;margin:4px 0}.member-plan-card b{display:inline-block;margin-top:10px;padding:6px 10px;border-radius:20px;background:#163d24;color:#68e994;font-size:12px}.member-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}.member-kpis article{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #252b35;border-radius:14px;background:#0c1015}.member-kpis article>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#eeb82f;background:#2e230c;font-size:24px}.member-kpis b{font-size:25px;display:block}.member-kpis small{color:#929aa8}.member-section-head{display:flex;align-items:center;justify-content:space-between;margin:10px 0 16px}.member-section-head h2{font-size:22px;margin:0}.member-section-head p{margin:4px 0 0;color:#8993a2}.live-pill{font-size:12px;border:1px solid #234f32;background:#0e2617;color:#64e28e;padding:7px 11px;border-radius:30px;font-weight:800}.live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36e46e;margin-right:6px;box-shadow:0 0 10px #36e46e}.member-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.member-signal-card{position:relative;z-index:30;border:1px solid #2b3039;border-radius:15px;background:linear-gradient(180deg,#0e1218,#080b0f);padding:16px;overflow:hidden}.member-signal-card.xau{border-color:#285b2d;box-shadow:inset 0 80px 90px #0a351a55}.member-signal-card.pob{border-color:#64231e;box-shadow:inset 0 80px 90px #3b0c0c55}.member-signal-card.ghost{border-color:#4c2869;box-shadow:inset 0 80px 90px #29103e55}.member-signal-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}.member-signal-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px}.member-signal-title h3{font-size:31px;margin:0}.member-signal-title strong{font-size:35px;line-height:1}.member-signal-title .buy{color:#36d362}.member-signal-title .sell{color:#ff3838}.grade-orb{height:42px;width:42px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;color:#e6b52f;font-weight:800}.member-levels{border:1px solid #252c34;border-radius:10px;margin-top:13px}.member-levels div{display:grid;grid-template-columns:1fr 1fr;padding:9px 12px;border-bottom:1px solid #20262d}.member-levels div:last-child{border:0}.member-levels span{font-size:11px;color:#8f98a6}.member-levels b{text-align:right;color:#65df83}.member-levels .danger{color:#ff4949}.trade-timeline{display:flex;justify-content:space-between;position:relative;margin:19px 4px 14px}.trade-timeline:before{content:"";position:absolute;left:4%;right:4%;top:12px;height:2px;background:#272c34}.trade-timeline>div{position:relative;z-index:1;text-align:center;width:16.66%}.trade-timeline i{display:grid;place-items:center;margin:auto;width:25px;height:25px;border-radius:50%;background:#151a21;border:1px solid #3d4653;color:#7d8796;font-style:normal;font-size:10px}.trade-timeline small{font-size:8px;display:block;margin-top:6px;color:#747d8b}.trade-timeline .done i{background:#174d27;border-color:#34c95c;color:#fff;box-shadow:0 0 12px #2acb5155}.trade-timeline .done small{color:#8ee7a5}.member-signal-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #252b33;padding-top:12px}.member-signal-card footer small{font-size:10px;color:#7e8794}.status-chip{padding:6px 9px;border-radius:6px;font-size:11px;font-weight:800;background:#183a21;color:#6ee68e}.status-chip.sl_hit{background:#4a1414;color:#ff7777}.status-chip.closed{background:#26303a;color:#c8d0d8}.member-bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:20px}.member-bottom-grid>article{position:relative;z-index:30;border:1px solid #252b34;border-radius:14px;background:#0c1015;padding:18px}.member-bottom-grid h3{margin-top:0;color:#e4b637}.member-bottom-grid a{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #222831;color:#fff;text-decoration:none}.member-bottom-grid a>span{font-size:22px;color:#e2b236}.member-bottom-grid a div{flex:1}.member-bottom-grid a small{display:block;color:#7f8998;margin-top:3px}.security-row{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #222831}.security-row span{color:#929baa}.security-row b{font-size:11px;color:#61df85}.member-bottom-grid p{font-size:12px;color:#778190}.privacy-cover{display:none;position:fixed;inset:0;z-index:9999;background:#07090d;align-items:center;justify-content:center;flex-direction:column;font-size:22px;font-weight:800}.privacy-cover small{font-size:12px;color:#88919e;margin-top:10px}.privacy-hidden .privacy-cover{display:flex}@media print{body{display:none!important}}@media(max-width:1250px){.member-signal-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.member-watermark{left:0}.member-hero{align-items:stretch;flex-direction:column}.member-kpis{grid-template-columns:repeat(2,1fr)}.member-signal-grid,.member-bottom-grid{grid-template-columns:1fr}}@media(max-width:560px){.member-kpis{grid-template-columns:1fr}.member-plan-card{min-width:0}}

/* 039 Alpha Pro identity */
.nav-icon.amber{color:#ffb52e}.premium-card.nine{border-color:#8b5a12;background:radial-gradient(circle at 78% 20%,rgba(255,169,30,.22),transparent 36%),#0b0905}.nine .signal-code{background:#9a5b08;color:#fff2cd}.nine .tool-name{color:#ffbd42}.nine .instrument-symbol{color:rgba(255,179,39,.72);font-size:82px;text-shadow:0 0 24px rgba(255,179,39,.28)}.nine .signal-tags{color:#ffb52e}.nine .level-table b{color:#ffc14d}.nine .level-table>div:nth-child(2) b{color:#ff4040}.nine .signal-status span{background:#a86609}.nine .signal-status polyline{stroke:#ffb52e}.member-signal-card.nine{border-color:#8b5a12;box-shadow:inset 0 80px 90px rgba(126,75,5,.35)}.member-signal-card.nine .signal-code{background:#9a5b08;color:#fff2cd}.member-signal-card.nine .tool-name{color:#ffbd42}.member-signal-card.nine .grade-orb{color:#ffbd42}.member-signal-card.nine .signal-tags{color:#ffb52e}.member-signal-card.nine .member-levels b{color:#ffc14d}.member-signal-card.nine .member-levels .danger{color:#ff4949}.member-signal-card.nine .trade-timeline .done i{background:#6b450b;border-color:#ffb52e;box-shadow:0 0 12px rgba(255,181,46,.35)}.member-signal-card.nine .trade-timeline .done small{color:#ffd47b}.member-signal-card.nine .status-chip{background:#654109;color:#ffd47b}

/* V7 filters, cleanup and pagination */
.filter-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0 22px}.filter-toolbar a,.filter-toolbar button{border:1px solid rgba(212,175,55,.28);background:#0d1422;color:#cdd5e3;padding:9px 13px;border-radius:999px;text-decoration:none;font-weight:800;font-size:12px}.filter-toolbar a.active{background:linear-gradient(135deg,#d4af37,#f7df85);color:#070b12;border-color:#f7df85}.filter-toolbar form{margin-left:auto}.filter-toolbar .danger-button{border-color:rgba(239,68,68,.45);color:#ff8d8d;cursor:pointer}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:22px 0}.pagination a{color:#f8d76b;text-decoration:none;font-weight:800}.pagination span{color:#9ca3af}.status-chip.sl_hit,.status-chip.cancelled{background:rgba(239,68,68,.16)!important;color:#ff8d8d!important;border-color:rgba(239,68,68,.35)!important}.status-chip.closed{background:rgba(148,163,184,.14)!important;color:#d1d5db!important}.status-chip.breakeven{background:rgba(245,158,11,.16)!important;color:#fbbf24!important}

/* V8 Plans, Pricing and Testing Checkout */
.plans-heading{margin-bottom:20px}.currency-panel{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;background:#0b1016;border:1px solid #2a3340;border-radius:16px;padding:18px 20px;margin-bottom:22px}.currency-panel b,.currency-panel small{display:block}.currency-panel small,.currency-panel>span{color:#8792a3;font-size:12px}.currency-panel select{background:#111820;color:#f7c443;border:1px solid #896200;border-radius:10px;padding:10px 38px 10px 12px;font-weight:800}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pricing-card{position:relative;background:linear-gradient(180deg,#0d131a,#070a0d);border:1px solid #2a3440;border-radius:22px;padding:26px;overflow:hidden}.pricing-card.featured{border-color:#d49a00;box-shadow:0 0 35px rgba(219,157,0,.13)}.featured-ribbon{position:absolute;top:16px;right:-38px;background:#d49a00;color:#050607;padding:7px 44px;transform:rotate(35deg);font-size:10px;font-weight:900}.plan-icon{width:48px;height:48px;border-radius:14px;background:#2d2104;color:#ffc82f;display:grid;place-items:center;font-size:23px}.pricing-card h2{font-size:25px;margin:18px 0 8px}.plan-price strong{display:block;color:#ffc52e;font-size:30px}.plan-price small,.base-price{color:#8e98a8}.pricing-card>p{color:#b2bac6;min-height:48px}.pricing-card ul{padding:0;list-style:none;display:grid;gap:10px;margin:20px 0}.pricing-card li:before{content:'✓';color:#38d478;margin-right:9px}.checkout-form textarea{width:100%;min-height:56px;background:#080c10;border:1px solid #29323d;color:white;border-radius:10px;padding:10px;box-sizing:border-box;margin-bottom:10px}.plan-admin-link{display:block;text-align:center;text-decoration:none}.checkout-note{margin-top:22px;background:#101720;border:1px solid #26313d;border-radius:16px;padding:20px}.alert.pending{background:#2b2108;border-color:#795900;color:#ffd465}.plan-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan-editor{background:#0b1016;border:1px solid #27313d;border-radius:16px;padding:18px;display:grid;gap:11px}.plan-editor-head{display:flex;justify-content:space-between;color:#ffca35}.plan-editor input,.plan-editor textarea{width:100%;box-sizing:border-box;background:#070b10;color:#f4f6f8;border:1px solid #303a46;border-radius:9px;padding:10px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.switch-line{display:flex;gap:10px;align-items:center}.switch-line input{width:auto}.request-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.request-card{background:#0b1117;border:1px solid #28333e;border-radius:15px;padding:17px}.request-card.pending{border-color:#8b6600}.request-card.approved{border-color:#126b3b}.request-card.rejected{opacity:.58}.request-card small{display:block;color:#8390a0}.request-card h3{margin:15px 0 6px}.request-card blockquote{margin:12px 0;padding:10px;border-left:3px solid #d59c00;background:#080c10;color:#b7c0ca}.request-actions{display:flex;gap:8px}.request-actions form:first-child{display:flex;gap:7px;flex:1}.request-actions input{width:72px;background:#070b10;color:white;border:1px solid #303a46;border-radius:8px;padding:8px}.approve-button{background:#168447;color:white;border:0;border-radius:8px;padding:9px 12px;font-weight:800}
@media(max-width:1100px){.pricing-grid,.plan-editor-grid,.request-grid{grid-template-columns:1fr}.currency-panel{grid-template-columns:1fr}}

/* V9A Security & Device Management */
.security-watermark{position:fixed;inset:82px 0 0 250px;z-index:1;pointer-events:none;overflow:hidden;opacity:.055;display:grid;align-content:space-around;transform:rotate(-13deg);font-weight:900;letter-spacing:2px;font-size:22px;color:#ffd25a}.security-watermark span{white-space:nowrap;display:block}.security-watermark i{font-style:normal}.content>*:not(.security-watermark){position:relative;z-index:2}.security-password-link{height:max-content;text-decoration:none}.password-card{max-width:620px}.password-card label{display:grid;gap:7px;color:#aeb8c5}.security-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.security-device-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:#0b1118;border:1px solid #293441;border-radius:14px;padding:16px}.security-device-card.revoked{opacity:.6;border-color:#692929}.device-icon{width:42px;height:42px;border-radius:12px;background:#231a04;color:#ffc42f;display:grid;place-items:center}.security-device-card h3{margin:0 0 4px}.security-device-card p,.security-device-card small{margin:0;color:#8d98a7}.security-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.security-user-row,.admin-device-row{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #222b35}.security-user-row small,.admin-device-row small{display:block;color:#8792a1}.security-user-row input[type=number]{width:70px;background:#080c11;color:white;border:1px solid #303b47;border-radius:8px;padding:7px}.alert.danger{background:#3a1111;border:1px solid #8b2c2c;color:#ff9d9d}.identity a{color:inherit}@media(max-width:1000px){.security-admin-grid,.security-device-grid{grid-template-columns:1fr}.security-watermark{left:0}.security-user-row,.admin-device-row{grid-template-columns:1fr auto}}

/* USER_DASHBOARD_DISCLAIMER_START */
.dashboard-legal-disclaimer {
    position: relative;
    clear: both;
    width: 100%;
    max-width: 1180px;
    margin: 48px auto 18px;
    padding: 15px 20px 8px;
    border-top: 1px solid rgba(212, 175, 55, 0.22);
    color: rgba(190, 198, 210, 0.56);
    font-size: 9px;
    line-height: 1.6;
    letter-spacing: 0.015em;
    text-align: justify;
}

.dashboard-disclaimer-title {
    margin-bottom: 7px;
    color: rgba(225, 181, 47, 0.72);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.dashboard-legal-disclaimer p {
    margin: 5px 0;
}

/* Normal page position: not fixed, floating, or sticky. */
.dashboard-legal-disclaimer {
    inset: auto;
    transform: none;
}
/* USER_DASHBOARD_DISCLAIMER_END */


/* PLANS_REFUND_NOTICE_START */
.plans-refund-notice {
    position: relative;
    clear: both;
    width: 100%;
    margin: 24px auto 12px;
    padding: 8px 14px;
    color: rgba(225, 181, 47, 0.68);
    font-size: 9px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: 0.025em;
    text-align: center;
}
/* PLANS_REFUND_NOTICE_END */

@media (max-width: 700px) {
    .dashboard-legal-disclaimer {
        margin: 34px 12px 14px;
        padding: 14px 4px 6px;
        font-size: 8px;
        text-align: left;
    }

    .plans-refund-notice {
        margin: 18px 10px 10px;
        font-size: 8px;
    }
}


/* V10A Razorpay Checkout */
.payment-consent{margin:14px 0 10px;padding:10px 12px;border:1px solid rgba(212,175,55,.18);border-radius:10px;background:rgba(212,175,55,.04);font-size:10px;line-height:1.45;color:rgba(225,229,238,.72)}
.payment-consent label{display:flex;gap:8px;align-items:flex-start;cursor:pointer}.payment-consent input{margin-top:2px;accent-color:#d4af37}
.razorpay-pay-button:disabled{opacity:.65;cursor:wait}.payment-alert{max-width:1180px;margin:18px auto;padding:12px 16px;border-radius:10px;font-size:12px;font-weight:700}.payment-alert.success{border:1px solid rgba(52,211,153,.35);background:rgba(52,211,153,.08);color:#8ef0c4}.payment-alert.error{border:1px solid rgba(248,113,113,.35);background:rgba(248,113,113,.08);color:#ffaaaa}
.payment-history-mini{max-width:1180px;margin:24px auto}.payment-history-mini .section-title a{color:#d4af37;font-size:11px;font-weight:800;text-decoration:none}.table-sub{display:block;margin-top:4px;font-size:9px;opacity:.65}.error-text{color:#ff9d9d!important}.pro-table code{font-size:9px;word-break:break-all;color:rgba(230,234,242,.72)}.gold-button.compact{width:auto;padding:11px 16px;text-decoration:none}
@media(max-width:700px){.payment-history-mini{margin:18px 0}.razorpay-pay-button{font-size:10px}.payment-consent{font-size:9px}}

/* V10B Admin Password Reset */
.member-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.reset-password-panel{position:relative}.reset-password-panel>summary{list-style:none;cursor:pointer;border:1px solid rgba(218,171,37,.35);border-radius:8px;padding:7px 10px;color:#e7bd42;font-size:11px;font-weight:800;white-space:nowrap}.reset-password-panel>summary::-webkit-details-marker{display:none}.reset-password-panel[open]>summary{background:rgba(218,171,37,.1)}.reset-password-form{position:absolute;z-index:30;right:0;top:38px;width:290px;padding:14px;border:1px solid rgba(218,171,37,.35);border-radius:12px;background:#0a1019;box-shadow:0 18px 50px rgba(0,0,0,.65);display:grid;gap:10px}.reset-password-form input[type=password]{width:100%;padding:10px;border:1px solid #273449;border-radius:8px;background:#070b12;color:#fff}.reset-password-form small{color:#8290a4;font-size:9px;line-height:1.45}.reset-reactivate{display:flex;align-items:center;gap:7px;color:#aeb8c7;font-size:10px}.password-reset-result-page{min-height:70vh;display:grid;place-items:center;padding:40px 20px}.password-reset-result-card{width:min(680px,100%);padding:32px;border:1px solid rgba(218,171,37,.32);border-radius:18px;background:linear-gradient(145deg,#0d1420,#070b11);box-shadow:0 24px 80px rgba(0,0,0,.5)}.password-reset-result-card h1{margin:6px 0 8px}.reset-member-line{color:#aeb8c7}.temporary-password-box{margin:24px 0;padding:20px;border:1px solid rgba(218,171,37,.35);border-radius:14px;background:#05080d;display:grid;gap:12px}.temporary-password-box span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#d9ad2f}.temporary-password-box code{overflow-wrap:anywhere;font-size:22px;color:#fff}.reset-result-notes{margin:18px 0;color:#9fd9b8;font-size:12px;line-height:1.8}.reset-result-warning{margin:18px 0 24px;padding:12px;border-left:3px solid #d9ad2f;background:rgba(217,173,47,.08);color:#d6caa7;font-size:11px;line-height:1.55}@media(max-width:700px){.reset-password-form{position:fixed;left:16px;right:16px;top:18%;width:auto}.temporary-password-box code{font-size:16px}}


/* V10C Payment Operations */
.duration-picker{display:block;margin:14px 0 8px;color:rgba(230,235,244,.78);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.duration-picker select{width:100%;margin-top:7px;padding:11px 12px;border:1px solid rgba(212,175,55,.25);border-radius:9px;background:#111722;color:#f5d77a}.payment-filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) 180px auto;gap:10px;margin:0 0 16px}.payment-filter-bar input,.payment-filter-bar select{padding:11px 12px;border:1px solid rgba(212,175,55,.2);border-radius:9px;background:#0e1420;color:#eef2f7}.receipt-shell{max-width:920px;margin:32px auto}.payment-receipt{padding:36px;border:1px solid rgba(212,175,55,.3);border-radius:18px;background:linear-gradient(145deg,#121925,#090d14);box-shadow:0 24px 70px rgba(0,0,0,.36)}.payment-receipt header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:22px}.payment-receipt h1{margin:6px 0 0}.receipt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.receipt-grid>div{padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)}.receipt-grid small,.receipt-grid span{display:block;color:rgba(210,218,228,.58);font-size:10px}.receipt-grid b{display:block;margin:5px 0;color:#fff}.payment-receipt footer{border-top:1px solid rgba(212,175,55,.16);padding-top:18px;color:rgba(210,218,228,.6);font-size:9px;line-height:1.6}.receipt-refund{padding:12px;border:1px solid rgba(248,113,113,.25);border-radius:10px;color:#ffb0b0}.receipt-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}@media(max-width:700px){.payment-filter-bar,.receipt-grid{grid-template-columns:1fr}.payment-receipt{padding:22px}.receipt-actions{flex-direction:column}}@media print{nav,.topbar,.receipt-actions,.member-watermark{display:none!important}body{background:#fff!important;color:#111!important}.payment-receipt{box-shadow:none;border:1px solid #bbb;background:#fff;color:#111}.payment-receipt *{color:#111!important}}

/* V10C RECEIPT PRINT FIX */
@page {
    size: A4 portrait;
    margin: 12mm;
}

@media print {
    html,
    body {
        width: 100% !important;
        min-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        color: #111111 !important;
        overflow: visible !important;
    }

    body * {
        visibility: hidden !important;
    }

    .receipt-shell,
    .receipt-shell *,
    .payment-receipt,
    .payment-receipt * {
        visibility: visible !important;
    }

    .receipt-shell {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .payment-receipt {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        max-width: none !important;
        min-height: auto !important;
        margin: 0 !important;
        padding: 18px !important;
        box-sizing: border-box !important;
        border: 1px solid #777 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        box-shadow: none !important;
        color: #111111 !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .payment-receipt header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        padding-bottom: 14px !important;
        border-bottom: 1px solid #999 !important;
    }

    .payment-receipt h1,
    .payment-receipt b,
    .payment-receipt strong,
    .payment-receipt p,
    .payment-receipt span,
    .payment-receipt small,
    .payment-receipt div {
        color: #111111 !important;
        opacity: 1 !important;
    }

    .receipt-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        margin: 18px 0 !important;
    }

    .receipt-grid > div {
        display: block !important;
        padding: 10px !important;
        border: 1px solid #bbb !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        break-inside: avoid !important;
    }

    .receipt-refund {
        display: block !important;
        padding: 10px !important;
        border: 1px solid #999 !important;
        color: #111111 !important;
        background: #ffffff !important;
    }

    .payment-receipt footer {
        display: block !important;
        margin-top: 18px !important;
        padding-top: 12px !important;
        border-top: 1px solid #aaa !important;
        color: #111111 !important;
    }

    .receipt-actions,
    nav,
    aside,
    .sidebar,
    .topbar,
    .member-watermark,
    .mobile-menu-button {
        display: none !important;
    }
}

/* SAFE USER REMOVAL */
.remove-user-form {
    margin-top: 8px;
}

.remove-user-form .danger-button {
    width: 100%;
    border-color: rgba(248, 113, 113, 0.55);
    background: rgba(127, 29, 29, 0.22);
    color: #ff9b9b;
}

.remove-user-form .danger-button:hover {
    background: rgba(185, 28, 28, 0.34);
    color: #ffffff;
}


/* V10D SUPPORT, CHAT & ADMIN MESSAGES */
.support-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.support-hero h1{margin:5px 0}.support-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px}.ticket-list,.chat-panel,.admin-message-send,.support-toolbar{background:rgba(9,16,30,.92);border:1px solid rgba(212,175,55,.2);border-radius:18px}.ticket-list{padding:10px;max-height:720px;overflow:auto}.ticket-item{display:grid;gap:5px;padding:14px;border-radius:12px;color:inherit;text-decoration:none;border:1px solid transparent;margin-bottom:7px}.ticket-item:hover,.ticket-item.active{background:rgba(212,175,55,.08);border-color:rgba(212,175,55,.28)}.ticket-item small{opacity:.68}.ticket-item .state-chip{justify-self:start}.chat-panel{min-height:620px;display:flex;flex-direction:column;overflow:hidden}.chat-panel>header{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid rgba(255,255,255,.08)}.chat-panel>header form{display:flex;gap:8px}.chat-stream{padding:20px;display:flex;flex-direction:column;gap:14px;overflow:auto;flex:1}.chat-bubble{max-width:75%;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);align-self:flex-start}.chat-bubble.admin{align-self:flex-end;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.25)}.chat-bubble p{white-space:pre-wrap;line-height:1.55}.chat-bubble small{display:block;opacity:.58;margin-top:8px}.chat-bubble img{display:block;max-width:300px;max-height:260px;border-radius:10px;margin-top:10px}.chat-compose{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:16px;border-top:1px solid rgba(255,255,255,.08)}.chat-compose textarea{min-height:70px}.chat-compose label{font-size:12px}.chat-compose input[type=file]{display:block;max-width:190px;margin-top:6px}.support-dialog{width:min(560px,92vw);border:1px solid rgba(212,175,55,.35);border-radius:18px;background:#0b1322;color:#fff}.support-dialog::backdrop{background:rgba(0,0,0,.72)}.support-dialog form,.admin-message-send form{display:grid;gap:12px}.support-dialog input,.support-dialog textarea,.admin-message-send input,.admin-message-send textarea,.admin-message-send select,.support-toolbar input,.support-toolbar select{width:100%;box-sizing:border-box}.support-dialog textarea,.admin-message-send textarea{min-height:120px}.dialog-close{float:right;width:36px}.admin-message-send{padding:18px;margin-bottom:18px}.admin-message-send form{grid-template-columns:1fr 1fr}.admin-message-send textarea,.admin-message-send .switch-line,.admin-message-send button{grid-column:1/-1}.support-toolbar{padding:12px;margin-bottom:18px}.support-toolbar form{display:flex;gap:10px}.admin-message-modal{position:fixed;inset:0;z-index:9999;background:rgba(1,5,12,.78);display:grid;place-items:center;padding:20px}.admin-message-modal[hidden]{display:none}.admin-message-card{width:min(520px,94vw);background:linear-gradient(145deg,#101b30,#09111f);border:1px solid rgba(212,175,55,.48);border-radius:22px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.55)}.admin-message-card h2{font-family:'Playfair Display',serif;font-size:29px}.admin-message-card p{white-space:pre-wrap;line-height:1.7}.admin-message-level{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(212,175,55,.15);color:#f1d274;font-size:11px;font-weight:800;letter-spacing:.12em}.admin-message-card button{width:100%;margin-top:16px}.pro-table td{vertical-align:top}
@media(max-width:850px){.support-layout{grid-template-columns:1fr}.ticket-list{max-height:260px}.chat-panel{min-height:520px}.chat-compose{grid-template-columns:1fr}.admin-message-send form{grid-template-columns:1fr}.admin-message-send textarea,.admin-message-send .switch-line,.admin-message-send button{grid-column:auto}.support-toolbar form{flex-direction:column}.chat-bubble{max-width:90%}}

/* V10E NOTIFICATION CENTRE */
.notification-button{cursor:pointer;background:transparent;border:0;color:inherit;position:relative}.notification-popover{position:fixed;right:24px;top:76px;width:min(390px,calc(100vw - 32px));max-height:520px;overflow:auto;background:#0d1420;border:1px solid rgba(212,175,55,.35);border-radius:16px;z-index:2000;box-shadow:0 24px 70px rgba(0,0,0,.55)}.notification-popover header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.notification-popover header button{background:transparent;border:0;color:#fff;font-size:22px}.notification-item{display:block;width:100%;text-align:left;padding:14px 16px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:#fff;cursor:pointer}.notification-item:hover{background:rgba(212,175,55,.08)}.notification-item b,.notification-item span,.notification-item small{display:block}.notification-item span{font-size:12px;color:#b8c0cc;margin:5px 0;white-space:pre-line}.notification-item small{font-size:10px;color:#788392}

/* SUPPORT CENTRE VISIBILITY */
.support-new-button {
    appearance: none;
    border: 1px solid rgba(212, 175, 55, 0.7);
    border-radius: 10px;
    background: linear-gradient(135deg, #d4af37, #9d7618);
    color: #080808;
    padding: 12px 18px;
    font-weight: 900;
    letter-spacing: 0.04em;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(212, 175, 55, 0.18);
}

.support-new-button:hover {
    transform: translateY(-1px);
    filter: brightness(1.08);
}

.support-dialog {
    width: min(560px, calc(100vw - 30px));
}

.support-dialog textarea {
    min-height: 150px;
}

/* USER ACCOUNT DROPDOWN */
.top-actions {
    position: relative;
}

.account-menu-button {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 0;
    background: transparent;
    color: inherit;
    padding: 4px 8px;
    border-radius: 10px;
    cursor: pointer;
}

.account-menu-button:hover,
.account-menu-button[aria-expanded="true"] {
    background: rgba(255, 255, 255, 0.06);
}

.account-menu-button .identity {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.account-chevron {
    font-size: 18px;
    transition: transform 0.2s ease;
}

.account-menu-button[aria-expanded="true"] .account-chevron {
    transform: rotate(180deg);
}

.account-dropdown {
    position: absolute;
    right: 0;
    top: calc(100% + 12px);
    width: 230px;
    z-index: 1000;
    border: 1px solid rgba(212, 175, 55, 0.35);
    border-radius: 14px;
    background: #111317;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
    overflow: hidden;
}

.account-dropdown-head {
    display: flex;
    flex-direction: column;
    padding: 14px 16px;
    background: rgba(212, 175, 55, 0.07);
}

.account-dropdown-head small {
    margin-top: 3px;
    opacity: 0.65;
}

.account-dropdown a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    color: inherit;
    text-decoration: none;
}

.account-dropdown a:hover {
    background: rgba(255, 255, 255, 0.06);
}

.account-dropdown-divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
}

.account-dropdown .account-logout {
    color: #ff8f8f;
}

.profile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.profile-grid > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.025);
}

.profile-grid span {
    font-size: 11px;
    opacity: 0.6;
    text-transform: uppercase;
}

@media (max-width: 650px) {
    .profile-grid {
        grid-template-columns: 1fr;
    }

    .account-menu-button .identity {
        display: none;
    }
}

/* FINAL ADMIN SIDEBAR ALIGNMENT */

.sidebar,
.app-sidebar,
aside.sidebar {
    height: 100vh !important;
    max-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.sidebar nav,
.sidebar-nav,
.side-navigation,
.app-sidebar nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 20px !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(212, 175, 55, 0.45) transparent;
}

.sidebar nav::-webkit-scrollbar,
.sidebar-nav::-webkit-scrollbar,
.side-navigation::-webkit-scrollbar {
    width: 5px;
}

.sidebar nav::-webkit-scrollbar-thumb,
.sidebar-nav::-webkit-scrollbar-thumb,
.side-navigation::-webkit-scrollbar-thumb {
    background: rgba(212, 175, 55, 0.45);
    border-radius: 10px;
}

/* Keep every navigation row aligned */
.sidebar a,
.sidebar .nav-main,
.sidebar-nav a {
    width: 100% !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 11px 18px !important;
    box-sizing: border-box !important;
    line-height: 1.2 !important;
}

.sidebar .nav-icon,
.sidebar-nav .nav-icon {
    width: 24px !important;
    min-width: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Prevent Support Inbox from breaking into an untidy block */
.sidebar a[href="/admin/support"] {
    margin-top: 4px !important;
    margin-bottom: 10px !important;
    white-space: nowrap !important;
}

.sidebar a[href="/admin/support"] span:last-child {
    white-space: nowrap !important;
}

/* Plan card spacing */
.sidebar .plan-card,
.sidebar .elite-plan-card,
.sidebar [class*="plan-card"] {
    margin: 14px 16px !important;
    flex-shrink: 0 !important;
}

/* Academy footer remains clean and visible */
.sidebar-footer,
.app-sidebar-footer {
    flex-shrink: 0 !important;
    padding: 10px 16px 14px !important;
    background: inherit !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* Narrow screens */
@media (max-width: 1100px) {
    .sidebar,
    .app-sidebar,
    aside.sidebar {
        width: 280px !important;
    }

    .sidebar a,
    .sidebar .nav-main,
    .sidebar-nav a {
        padding-left: 18px !important;
        padding-right: 14px !important;
    }
}

@media (max-height: 850px) {
    .sidebar a,
    .sidebar .nav-main,
    .sidebar-nav a {
        min-height: 41px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .sidebar .plan-card,
    .sidebar .elite-plan-card,
    .sidebar [class*="plan-card"] {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

/* =========================================================
   FINAL PROFESSIONAL SIDEBAR STACK
   Brand | Scrollable Navigation | Plan Card | Footer
   ========================================================= */

.sidebar {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 280px !important;
    height: 100vh !important;
    height: 100dvh !important;

    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto auto !important;
    gap: 0 !important;

    padding: 18px 16px 12px !important;
    overflow: hidden !important;

    background: #05090c !important;
    border-right: 1px solid rgba(212, 175, 55, 0.22) !important;
    box-sizing: border-box !important;
}

/* Brand */
.sidebar .brand {
    position: static !important;
    width: 100% !important;
    min-height: 100px !important;

    display: flex !important;
    align-items: center !important;
    gap: 16px !important;

    margin: 0 !important;
    padding: 10px 10px 18px !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-sizing: border-box !important;
}

/* Scrollable navigation */
.sidebar .side-nav {
    position: static !important;

    min-height: 0 !important;
    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;

    margin: 0 !important;
    padding: 14px 4px 18px 0 !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    scrollbar-width: thin !important;
    scrollbar-color: rgba(212, 175, 55, 0.55) transparent !important;
}

.sidebar .side-nav::-webkit-scrollbar {
    width: 5px !important;
}

.sidebar .side-nav::-webkit-scrollbar-thumb {
    background: rgba(212, 175, 55, 0.55) !important;
    border-radius: 999px !important;
}

/* All menu rows align identically */
.sidebar .side-nav > a {
    position: static !important;

    width: 100% !important;
    min-height: 46px !important;

    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 12px !important;

    margin: 0 !important;
    padding: 10px 14px !important;

    border: 1px solid transparent !important;
    border-radius: 10px !important;

    color: #d8dde4 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;

    box-sizing: border-box !important;
}

.sidebar .side-nav > a:hover {
    background: rgba(212, 175, 55, 0.07) !important;
    border-color: rgba(212, 175, 55, 0.15) !important;
    color: #ffffff !important;
}

.sidebar .side-nav > a.active {
    background: linear-gradient(
        90deg,
        rgba(151, 103, 0, 0.78),
        rgba(77, 52, 0, 0.55)
    ) !important;
    border-color: #b7830b !important;
    color: #ffffff !important;
}

/* Icon column */
.sidebar .nav-icon {
    width: 34px !important;
    min-width: 34px !important;
    height: 26px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    font-size: 17px !important;
}

/* Section headings */
.sidebar .nav-label {
    margin: 22px 14px 8px !important;
    padding: 0 !important;

    color: #7f8997 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
}

/* Plan card, never overlaps navigation */
.sidebar .plan-box {
    position: static !important;
    inset: auto !important;

    width: 100% !important;
    margin: 12px 0 10px !important;
    padding: 16px !important;

    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 10px 12px !important;

    border: 1px solid #a7790b !important;
    border-radius: 14px !important;

    background: linear-gradient(145deg, #10120f, #080b0d) !important;
    box-sizing: border-box !important;
}

.sidebar .plan-box > span {
    grid-column: 1 !important;
    grid-row: 1 !important;
    font-size: 22px !important;
}

.sidebar .plan-box > div {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
}

.sidebar .plan-box b {
    display: block !important;
    color: #f4bd2a !important;
    font-size: 18px !important;
}

.sidebar .plan-box small {
    display: block !important;
    margin-top: 4px !important;
    color: #e2e4e8 !important;
    font-size: 12px !important;
}

.sidebar .plan-box > a {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;

    width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 12px !important;

    display: block !important;
    text-align: center !important;

    border: 1px solid #9e760c !important;
    border-radius: 9px !important;

    color: #f1ba27 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Footer, always below plan card */
.sidebar .academy-mark {
    position: static !important;
    inset: auto !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 10px 8px 0 !important;

    border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
    box-sizing: border-box !important;
}

.sidebar .academy-mark b,
.sidebar .academy-mark small {
    display: block !important;
    white-space: normal !important;
    text-align: left !important;
}

.sidebar .academy-mark b {
    color: #d9aa2c !important;
    font-size: 9px !important;
    line-height: 1.3 !important;
}

.sidebar .academy-mark small {
    margin-top: 5px !important;
    color: #c99c2a !important;
    font-size: 8px !important;
    letter-spacing: 0.06em !important;
}

/* Short-height screens */
@media (max-height: 850px) {
    .sidebar {
        padding-top: 12px !important;
    }

    .sidebar .brand {
        min-height: 82px !important;
        padding-bottom: 12px !important;
    }

    .sidebar .side-nav {
        padding-top: 10px !important;
        padding-bottom: 12px !important;
    }

    .sidebar .side-nav > a {
        min-height: 40px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        font-size: 13px !important;
    }

    .sidebar .nav-label {
        margin-top: 15px !important;
    }

    .sidebar .plan-box {
        padding: 12px !important;
        margin-top: 8px !important;
    }

    .sidebar .academy-mark {
        padding-top: 7px !important;
    }
}

/* =========================================================
   SIDEBAR COLLAPSE + WORKSPACE ALIGNMENT
   ========================================================= */

:root {
    --admin-sidebar-width: 280px;
}

.app-shell {
    min-height: 100vh !important;
}

.workspace {
    width: calc(100% - var(--admin-sidebar-width)) !important;
    margin-left: var(--admin-sidebar-width) !important;
    transition: margin-left 0.25s ease, width 0.25s ease !important;
}

.topbar {
    width: 100% !important;
    box-sizing: border-box !important;
}

.content {
    width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

/* Prevent dashboard heading from hiding beneath sidebar */
.content > section,
.content > div,
.admin-dashboard,
.command-dashboard {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Sidebar collapsed state */
body.sidebar-collapsed .sidebar {
    transform: translateX(-100%) !important;
}

body.sidebar-collapsed .workspace {
    margin-left: 0 !important;
    width: 100% !important;
}

/* Sidebar animation */
.sidebar {
    transition: transform 0.25s ease !important;
}

/* Hamburger button */
.menu-button {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 9px !important;
    background: rgba(255, 255, 255, 0.025) !important;
    color: #ffffff !important;

    font-size: 20px !important;
    line-height: 1 !important;
    cursor: pointer !important;

    transition: background 0.2s ease, border-color 0.2s ease !important;
}

.menu-button:hover {
    background: rgba(212, 175, 55, 0.10) !important;
    border-color: rgba(212, 175, 55, 0.35) !important;
}

/* Keep topbar title aligned */
.topbar-left {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-width: 0 !important;
}

/* Smaller screens start with overlay behaviour */
@media (max-width: 900px) {
    .workspace {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .sidebar {
        z-index: 2000 !important;
        box-shadow: 18px 0 50px rgba(0, 0, 0, 0.55) !important;
    }

    body:not(.sidebar-mobile-open) .sidebar {
        transform: translateX(-100%) !important;
    }

    body.sidebar-mobile-open .sidebar {
        transform: translateX(0) !important;
    }
}

/* =========================================================
   FINAL DASHBOARD CONTENT ALIGNMENT
   Equal left/right spacing and centered content
   ========================================================= */

:root {
    --admin-sidebar-width: 280px;
    --dashboard-max-width: 1440px;
    --dashboard-gutter: 32px;
}

/* Workspace remains beside sidebar */
.workspace {
    margin-left: var(--admin-sidebar-width) !important;
    width: calc(100% - var(--admin-sidebar-width)) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* Top bar uses the same horizontal rhythm */
.topbar {
    width: 100% !important;
    padding-left: var(--dashboard-gutter) !important;
    padding-right: var(--dashboard-gutter) !important;
    box-sizing: border-box !important;
}

/* Main content area */
.content {
    width: 100% !important;
    padding: 26px var(--dashboard-gutter) 50px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

/* Center every main dashboard section */
.content > :not(.security-watermark) {
    width: 100% !important;
    max-width: var(--dashboard-max-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Preserve spacing between dashboard blocks */
.content > :not(.security-watermark) + :not(.security-watermark) {
    margin-top: 20px !important;
}

/* Collapsed sidebar */
body.sidebar-collapsed .workspace {
    margin-left: 0 !important;
    width: 100% !important;
}

/* When sidebar is collapsed, content remains centered */
body.sidebar-collapsed .content {
    padding-left: 42px !important;
    padding-right: 42px !important;
}

/* Medium laptop screens */
@media (max-width: 1350px) {
    :root {
        --dashboard-gutter: 24px;
    }

    .content {
        padding-top: 22px !important;
    }
}

/* Tablet and mobile */
@media (max-width: 900px) {
    .workspace {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .topbar {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .content,
    body.sidebar-collapsed .content {
        padding: 18px 16px 38px !important;
    }
}

/* Very wide monitors */
@media (min-width: 1800px) {
    :root {
        --dashboard-max-width: 1500px;
        --dashboard-gutter: 40px;
    }
}

/* =========================================================
   VISUALLY CENTER ADMIN DASHBOARD
   Remove inner width restriction and excess left gap
   ========================================================= */

.workspace {
    margin-left: 248px !important;
    width: calc(100% - 248px) !important;
}

/* Balanced outer spacing */
.topbar {
    padding-left: 22px !important;
    padding-right: 22px !important;
}

.content {
    padding-left: 22px !important;
    padding-right: 22px !important;
}

/* Remove narrow centered containers inside admin dashboard */
.content > :not(.security-watermark),
.content .admin-dashboard,
.content .command-dashboard,
.content .admin-page,
.content .admin-container,
.content .dashboard-container,
.content .admin-content,
.content .management-dashboard {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* Keep dashboard header and cards on the same alignment line */
.content h1,
.content h2,
.content .section-title,
.content .dashboard-header {
    margin-left: 0 !important;
}

/* Collapsed sidebar uses full screen */
body.sidebar-collapsed .workspace {
    margin-left: 0 !important;
    width: 100% !important;
}

body.sidebar-collapsed .content {
    padding-left: 28px !important;
    padding-right: 28px !important;
}

@media (max-width: 900px) {
    .workspace {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .content {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* =========================================================
   USER DASHBOARD TOP-SPACE FIX
   Keep member content directly below the top bar
   ========================================================= */

/* The member dashboard must start at the top, not vertically centre */
.content:has(.member-hero) {
    display: block !important;
    align-items: initial !important;
    justify-content: initial !important;

    padding-top: 26px !important;
    min-height: 0 !important;
}

/* Watermark stays behind content and occupies no layout space */
.content .member-watermark {
    position: fixed !important;
    inset: 70px 0 0 248px !important;

    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    pointer-events: none !important;
}

/* Welcome section begins immediately below topbar */
.content .member-hero {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;

    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;

    margin: 0 0 22px !important;
    padding: 0 !important;

    transform: none !important;
    align-self: auto !important;
}

/* Cancel spacing caused by watermark being the previous HTML element */
.content .member-watermark + .member-hero {
    margin-top: 0 !important;
}

/* Keep all following member sections naturally stacked */
.content .member-kpis,
.content .member-section-head,
.content .member-filters,
.content .member-signal-grid,
.content .member-bottom-grid {
    position: relative !important;
    top: auto !important;
    transform: none !important;

    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Do not add generic spacing between the user dashboard blocks */
.content:has(.member-hero) > :not(.security-watermark) +
.content:has(.member-hero) > :not(.security-watermark) {
    margin-top: 0;
}

@media (max-width: 900px) {
    .content:has(.member-hero) {
        padding-top: 20px !important;
    }

    .content .member-watermark {
        left: 0 !important;
    }
}

/* =========================================================
   FINAL ADMIN GEOMETRY
   One source of truth for sidebar, topbar and dashboard width
   ========================================================= */

body:has(.side-nav a[href="/admin#users"]) {
    --final-sidebar-width: 254px;
    --final-page-gap: 20px;
}

/* Sidebar has one fixed width */
body:has(.side-nav a[href="/admin#users"]) .sidebar {
    width: var(--final-sidebar-width) !important;
    min-width: var(--final-sidebar-width) !important;
    max-width: var(--final-sidebar-width) !important;
    box-sizing: border-box !important;
}

/* Workspace starts immediately after sidebar */
body:has(.side-nav a[href="/admin#users"]) .workspace {
    position: relative !important;
    margin: 0 0 0 var(--final-sidebar-width) !important;
    padding: 0 !important;

    width: calc(100vw - var(--final-sidebar-width)) !important;
    max-width: none !important;
    min-width: 0 !important;

    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

/* Top bar uses equal left and right spacing */
body:has(.side-nav a[href="/admin#users"]) .topbar {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 var(--final-page-gap) !important;

    box-sizing: border-box !important;
}

/* Dashboard starts directly below topbar */
body:has(.side-nav a[href="/admin#users"]) main.content {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 24px var(--final-page-gap) 48px !important;

    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

/* Remove hidden inner centring and old maximum widths */
body:has(.side-nav a[href="/admin#users"]) main.content > *,
body:has(.side-nav a[href="/admin#users"]) main.content > section,
body:has(.side-nav a[href="/admin#users"]) main.content > div,
body:has(.side-nav a[href="/admin#users"]) .admin-dashboard,
body:has(.side-nav a[href="/admin#users"]) .dashboard-container,
body:has(.side-nav a[href="/admin#users"]) .admin-container,
body:has(.side-nav a[href="/admin#users"]) .admin-content,
body:has(.side-nav a[href="/admin#users"]) .command-dashboard,
body:has(.side-nav a[href="/admin#users"]) .management-dashboard {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}

/* Keep dashboard grids inside the available screen */
body:has(.side-nav a[href="/admin#users"]) main.content [class*="grid"] {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* Summary cards should never extend beyond the right edge */
body:has(.side-nav a[href="/admin#users"]) .stats-grid,
body:has(.side-nav a[href="/admin#users"]) .metric-grid,
body:has(.side-nav a[href="/admin#users"]) .summary-grid,
body:has(.side-nav a[href="/admin#users"]) .dashboard-stats {
    width: 100% !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

/* Signal cards remain evenly distributed */
body:has(.side-nav a[href="/admin#users"]) .signal-grid,
body:has(.side-nav a[href="/admin#users"]) .signals-grid,
body:has(.side-nav a[href="/admin#users"]) .signal-admin-grid {
    width: 100% !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* Sidebar collapsed state */
body.sidebar-collapsed:has(.side-nav a[href="/admin#users"]) .workspace {
    margin-left: 0 !important;
    width: 100vw !important;
}

body.sidebar-collapsed:has(.side-nav a[href="/admin#users"]) .topbar {
    padding: 0 24px !important;
}

body.sidebar-collapsed:has(.side-nav a[href="/admin#users"]) main.content {
    padding: 24px 24px 48px !important;
}

/* Medium screens */
@media (max-width: 1400px) {
    body:has(.side-nav a[href="/admin#users"]) {
        --final-page-gap: 16px;
    }

    body:has(.side-nav a[href="/admin#users"]) .stats-grid,
    body:has(.side-nav a[href="/admin#users"]) .metric-grid,
    body:has(.side-nav a[href="/admin#users"]) .summary-grid,
    body:has(.side-nav a[href="/admin#users"]) .dashboard-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Tablet and mobile */
@media (max-width: 900px) {
    body:has(.side-nav a[href="/admin#users"]) .workspace {
        margin-left: 0 !important;
        width: 100% !important;
    }

    body:has(.side-nav a[href="/admin#users"]) .topbar {
        padding: 0 14px !important;
    }

    body:has(.side-nav a[href="/admin#users"]) main.content {
        padding: 18px 14px 36px !important;
    }

    body:has(.side-nav a[href="/admin#users"]) .stats-grid,
    body:has(.side-nav a[href="/admin#users"]) .metric-grid,
    body:has(.side-nav a[href="/admin#users"]) .summary-grid,
    body:has(.side-nav a[href="/admin#users"]) .dashboard-stats,
    body:has(.side-nav a[href="/admin#users"]) .signal-grid,
    body:has(.side-nav a[href="/admin#users"]) .signals-grid,
    body:has(.side-nav a[href="/admin#users"]) .signal-admin-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ADMIN SIDEBAR SECTION NAVIGATION */
#users,
#plans,
#tools,
#trades,
#audit,
#security {
    scroll-margin-top: 90px;
}

.side-nav a {
    cursor: pointer;
}

/* ADMIN MANAGEMENT NAVIGATION DESTINATIONS */
#users,
#plans,
#trades,
#audit,
#security {
    scroll-margin-top: 88px;
}

#users:target,
#plans:target,
#trades:target,
#audit:target,
#security:target {
    animation: admin-section-focus 1.3s ease;
}

@keyframes admin-section-focus {
    0% {
        box-shadow: 0 0 0 2px rgba(226, 181, 54, 0.65);
    }
    100% {
        box-shadow: inherit;
    }
}

/* =========================================================
   AUTHORITATIVE ADMIN LAYOUT RESET
   Fixes horizontal overflow and centres every admin page
   ========================================================= */

.admin-body {
    --admin-sidebar: 254px;
    --admin-gutter: 24px;
    --admin-content-max: 1380px;

    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

/* Entire application must never exceed the browser width */
.admin-body .app-shell {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

/* One fixed sidebar width */
.admin-body .sidebar {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: var(--admin-sidebar) !important;
    min-width: var(--admin-sidebar) !important;
    max-width: var(--admin-sidebar) !important;

    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Use remaining browser space, without 100vw */
.admin-body .workspace {
    position: relative !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 0 0 var(--admin-sidebar) !important;
    padding: 0 !important;

    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

/* Top bar fits exactly inside workspace */
.admin-body .topbar {
    position: relative !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 var(--admin-gutter) !important;

    box-sizing: border-box !important;
}

/* Main page area */
.admin-body main.content {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 24px var(--admin-gutter) 48px !important;

    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

/* Every top-level admin section shares one centred frame */
.admin-body main.content > :not(.security-watermark) {
    width: 100% !important;
    max-width: var(--admin-content-max) !important;
    min-width: 0 !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}

/* Prevent previous rules from stretching inner containers */
.admin-body .admin-dashboard,
.admin-body .command-dashboard,
.admin-body .dashboard-container,
.admin-body .admin-container,
.admin-body .admin-content,
.admin-body .management-dashboard,
.admin-body .page-heading,
.admin-body .metric-grid,
.admin-body .admin-panels,
.admin-body .data-card,
.admin-body .signal-admin-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* Grids must shrink instead of pushing the page sideways */
.admin-body .metric-grid,
.admin-body .admin-panels,
.admin-body .signal-admin-grid,
.admin-body [class*="grid"] {
    min-width: 0 !important;
}

.admin-body .metric-grid > *,
.admin-body .admin-panels > *,
.admin-body .signal-admin-grid > *,
.admin-body [class*="grid"] > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Three professional signal columns */
.admin-body .signal-admin-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

/* Prevent long signal IDs from widening cards */
.admin-body .admin-signal,
.admin-body .admin-signal-top,
.admin-body .admin-signal-top > div {
    min-width: 0 !important;
    max-width: 100% !important;
}

.admin-body .admin-signal-top small {
    display: block !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

/* Tables scroll inside themselves, not the whole page */
.admin-body .table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
}

/* Collapsed sidebar */
.admin-body.sidebar-collapsed .workspace {
    width: auto !important;
    margin-left: 0 !important;
}

/* Medium screens */
@media (max-width: 1450px) {
    .admin-body {
        --admin-gutter: 18px;
    }

    .admin-body .signal-admin-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobile and tablet */
@media (max-width: 900px) {
    .admin-body {
        --admin-gutter: 14px;
    }

    .admin-body .workspace {
        width: auto !important;
        margin-left: 0 !important;
    }

    .admin-body .signal-admin-grid,
    .admin-body .metric-grid,
    .admin-body .admin-panels {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   AUTHORITATIVE MEMBER LAYOUT
   Matches the admin geometry without changing admin pages
   ========================================================= */

.member-body {
    --member-sidebar: 284px;
    --member-gutter: 24px;
    --member-content-max: 1380px;

    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

/* Entire member application */
.member-body .app-shell {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow-x: hidden !important;
}

/* Fixed member sidebar */
.member-body .sidebar {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: var(--member-sidebar) !important;
    min-width: var(--member-sidebar) !important;
    max-width: var(--member-sidebar) !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}

/* Workspace fills only the remaining browser width */
.member-body .workspace {
    position: relative !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 0 0 var(--member-sidebar) !important;
    padding: 0 !important;

    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

/* Member top bar */
.member-body .topbar {
    position: relative !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 var(--member-gutter) !important;

    box-sizing: border-box !important;
}

/* Member page content */
.member-body main.content {
    display: block !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 24px var(--member-gutter) 48px !important;

    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

/* Every top-level member section shares one centred frame */
.member-body main.content > :not(.member-watermark):not(.security-watermark) {
    width: 100% !important;
    max-width: var(--member-content-max) !important;
    min-width: 0 !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}

/* Remove old vertical centring and oversized top gaps */
.member-body .member-hero,
.member-body .member-dashboard,
.member-body .member-command-centre,
.member-body .member-kpis,
.member-body .member-section-head,
.member-body .member-filters,
.member-body .member-signal-grid,
.member-body .member-bottom-grid,
.member-body .signal-grid,
.member-body .signals-grid {
    position: relative !important;

    top: auto !important;
    bottom: auto !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    transform: none !important;
    box-sizing: border-box !important;
}

/* Welcome area begins directly below top bar */
.member-body .member-hero {
    margin-top: 0 !important;
    margin-bottom: 22px !important;
    padding-top: 0 !important;
    min-height: 0 !important;
}

/* Keep the watermark behind the content */
.member-body .security-watermark {
    position: fixed !important;

    top: 72px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: var(--member-sidebar) !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    pointer-events: none !important;
    z-index: 0 !important;
}

/* Actual dashboard stays above watermark */
.member-body main.content > :not(.member-watermark):not(.security-watermark) {
    position: relative !important;
    z-index: 1 !important;
}

/* Member grids shrink cleanly */
.member-body [class*="grid"] {
    min-width: 0 !important;
    max-width: 100% !important;
}

.member-body [class*="grid"] > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Signal cards */
.member-body .member-signal-grid,
.member-body .signal-grid,
.member-body .signals-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

/* Prevent long signal IDs from widening the page */
.member-body .signal-card,
.member-body .premium-card,
.member-body .member-signal,
.member-body .signal-card > *,
.member-body .premium-card > * {
    min-width: 0 !important;
    max-width: 100% !important;
}

.member-body .signal-card small,
.member-body .premium-card small,
.member-body .member-signal small {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

/* Tables and wide content scroll internally */
.member-body .table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
}

/* Collapsed sidebar */
.member-body.sidebar-collapsed .workspace {
    width: auto !important;
    margin-left: 0 !important;
}

.member-body.sidebar-collapsed .security-watermark {
    left: 0 !important;
}

/* Medium screens */
@media (max-width: 1450px) {
    .member-body {
        --member-gutter: 18px;
    }

    .member-body .member-signal-grid,
    .member-body .signal-grid,
    .member-body .signals-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Tablet and mobile */
@media (max-width: 900px) {
    .member-body {
        --member-gutter: 14px;
    }

    .member-body .workspace {
        width: auto !important;
        margin-left: 0 !important;
    }

    .member-body main.content {
        padding-top: 18px !important;
        padding-bottom: 36px !important;
    }

    .member-body .security-watermark {
        left: 0 !important;
    }

    .member-body .member-signal-grid,
    .member-body .signal-grid,
    .member-body .signals-grid,
    .member-body .member-kpis,
    .member-body .member-bottom-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   FINAL MEMBER DASHBOARD TOP ALIGNMENT
   Removes the oversized hero height without touching admin
   ========================================================= */

.member-body main.content {
    display: block !important;
    align-items: initial !important;
    justify-content: initial !important;
    align-content: initial !important;

    min-height: 0 !important;
    padding-top: 24px !important;
}

/* Remove the large presentation-style hero space */
.member-body .member-hero {
    position: relative !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    align-content: start !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 0 !important;
    height: auto !important;

    margin: 0 0 22px !important;
    padding: 0 !important;

    top: auto !important;
    bottom: auto !important;
    transform: none !important;
}

/* Cancel any old full-screen or viewport-height dashboard rule */
.member-body .member-dashboard,
.member-body .member-command-centre,
.member-body .dashboard-hero,
.member-body .member-welcome,
.member-body .member-home {
    min-height: 0 !important;
    height: auto !important;

    padding-top: 0 !important;
    margin-top: 0 !important;

    align-items: start !important;
    align-content: start !important;
    justify-content: start !important;
}

/* Watermark must never occupy layout space */
.member-body .security-watermark {
    position: fixed !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Keep content immediately below the top bar */
.member-body .security-watermark + .member-hero {
    margin-top: 0 !important;
}

/* KPI cards follow the welcome section naturally */
.member-body .member-kpis {
    margin-top: 0 !important;
}

/* Mobile hero becomes one clean column */
@media (max-width: 850px) {
    .member-body main.content {
        padding-top: 18px !important;
    }

    .member-body .member-hero {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

/* =========================================================
   MEMBER DASHBOARD WATERMARK FLOW FIX
   The watermark must never occupy dashboard layout space
   ========================================================= */

.member-body main.content > .member-watermark {
    position: fixed !important;

    top: 72px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: var(--member-sidebar) !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: rotate(-18deg) !important;
    pointer-events: none !important;
    overflow: hidden !important;

    z-index: 0 !important;
}

/* Real dashboard content starts immediately below the top bar */
.member-body main.content > .member-hero {
    position: relative !important;
    z-index: 2 !important;

    margin-top: 0 !important;
    padding-top: 0 !important;

    min-height: 0 !important;
    height: auto !important;
}

/* All member content stays above the watermark */
.member-body main.content > :not(.member-watermark):not(.security-watermark) {
    position: relative !important;
    z-index: 2 !important;
}

/* Sidebar collapsed */
.member-body.sidebar-collapsed main.content > .member-watermark {
    left: 0 !important;
}

/* Mobile */
@media (max-width: 900px) {
    .member-body main.content > .member-watermark {
        left: 0 !important;
    }
}

/* CLICKABLE SIGNAL STATUS TABS */
.status-tabs .signal-status-tab {
    cursor: pointer !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
    outline: none !important;
    transition:
        background 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease !important;
}

.status-tabs .signal-status-tab:hover {
    background: rgba(212, 175, 55, 0.07) !important;
    color: #ffffff !important;
}

.status-tabs .signal-status-tab.active {
    background: linear-gradient(
        90deg,
        rgba(119, 79, 0, 0.72),
        rgba(45, 30, 0, 0.48)
    ) !important;
    color: #f6c33b !important;
    box-shadow: inset 0 -3px 0 #f1b91f !important;
}

.status-tabs .signal-status-tab:focus-visible {
    box-shadow:
        inset 0 -3px 0 #f1b91f,
        0 0 0 2px rgba(241, 185, 31, 0.45) !important;
}

.premium-card[hidden] {
    display: none !important;
}

.signal-filter-empty {
    grid-column: 1 / -1;
    padding: 36px !important;
    text-align: center;
}

/* SIGNAL TAB FILTER DESTINATION */
.premium-card[data-status],
.signal-card[data-status],
.member-signal[data-status],
#signal-filter-empty {
    scroll-margin-top: 92px;
}

.signal-status-tab {
    cursor: pointer !important;
}

.signal-status-tab.active {
    color: #f6c33b !important;
    box-shadow: inset 0 -3px 0 #f1b91f !important;
}

/* RELIABLE SERVER-SIDE SIGNAL FILTER TABS */
.signal-filter-tabs {
    display: grid !important;
    grid-template-columns: repeat(8, minmax(125px, 1fr)) !important;
    overflow-x: auto !important;
    scroll-behavior: smooth;
}

.signal-filter-tabs .signal-status-tab {
    min-height: 72px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 14px 18px;
    border-right: 1px solid rgba(255, 255, 255, 0.07);

    color: #b8bec8;
    text-decoration: none;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

.signal-filter-tabs .signal-status-tab:hover {
    background: rgba(212, 175, 55, 0.07);
    color: #ffffff;
}

.signal-filter-tabs .signal-status-tab.active {
    color: #f4bd2a;
    background: linear-gradient(
        90deg,
        rgba(119, 79, 0, 0.70),
        rgba(48, 32, 0, 0.45)
    );
    box-shadow: inset 0 -3px 0 #f1b91f;
}

.signal-filter-tabs .signal-status-tab i {
    min-width: 28px;
    height: 28px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 999px;
    background: #252b34;
    color: #c8cdd5;
    font-style: normal;
}

#signal-feed {
    scroll-margin-top: 92px;
}

/* =========================================================
   PROFESSIONAL SIGNAL STATUS TABS
   Compact, aligned, clickable and responsive
   ========================================================= */

.signal-filter-tabs {
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;

    width: 100% !important;
    min-width: 0 !important;

    overflow-x: hidden !important;

    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;

    background: #080c11 !important;
}

/* Each tab */
.signal-filter-tabs .signal-status-tab {
    min-width: 0 !important;
    min-height: 58px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    padding: 10px 8px !important;

    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 0 !important;

    background: transparent !important;
    color: #aeb5bf !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.01em !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    cursor: pointer !important;

    transition:
        background 0.18s ease,
        color 0.18s ease,
        box-shadow 0.18s ease !important;
}

.signal-filter-tabs .signal-status-tab:last-child {
    border-right: 0 !important;
}

/* Hover */
.signal-filter-tabs .signal-status-tab:hover {
    background: rgba(212, 175, 55, 0.06) !important;
    color: #ffffff !important;
}

/* Selected tab */
.signal-filter-tabs .signal-status-tab.active {
    background: linear-gradient(
        90deg,
        rgba(129, 87, 0, 0.62),
        rgba(62, 41, 0, 0.40)
    ) !important;

    color: #f5c137 !important;

    box-shadow:
        inset 0 -3px 0 #eeb41c !important;
}

/* Count badge */
.signal-filter-tabs .signal-status-tab i {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 999px !important;

    background: #262d37 !important;
    color: #bfc5ce !important;

    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

/* Selected count badge */
.signal-filter-tabs .signal-status-tab.active i {
    background: rgba(238, 180, 28, 0.18) !important;
    color: #f5c137 !important;
}

/* Remove browser-blue focus style */
.signal-filter-tabs .signal-status-tab:focus {
    outline: none !important;
}

.signal-filter-tabs .signal-status-tab:focus-visible {
    outline: 1px solid rgba(238, 180, 28, 0.55) !important;
    outline-offset: -3px !important;
}

/* Medium screens */
@media (max-width: 1300px) {
    .signal-filter-tabs {
        overflow-x: auto !important;
        grid-template-columns: repeat(8, minmax(125px, 1fr)) !important;
        scrollbar-width: thin !important;
    }

    .signal-filter-tabs .signal-status-tab {
        font-size: 10px !important;
    }
}

/* Mobile */
@media (max-width: 700px) {
    .signal-filter-tabs {
        grid-template-columns: repeat(8, minmax(118px, 1fr)) !important;
    }

    .signal-filter-tabs .signal-status-tab {
        min-height: 52px !important;
        padding: 8px 7px !important;
    }
}

/* =========================================================
   V10F EDGE PRO TIMEFRAME DESK
   User-panel separation for 1M, 3M, 5M and 15M signals
   ========================================================= */

.edge-folder-heading {
    margin-bottom: 16px !important;
}

.edge-timeframe-control {
    display: grid;
    grid-template-columns: minmax(220px, 0.75fr) minmax(560px, 1.8fr);
    align-items: stretch;
    gap: 16px;
    width: 100%;
    margin: 0 0 16px;
}

.edge-timeframe-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 16px 18px;
    border: 1px solid rgba(212, 175, 55, 0.20);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(212, 175, 55, 0.08), rgba(8, 12, 17, 0.86));
}

.edge-timeframe-copy b {
    color: #f2bd31;
    font-size: 11px;
    letter-spacing: 0.13em;
}

.edge-timeframe-copy span {
    color: #9ea6b2;
    font-size: 12px;
    line-height: 1.45;
}

.edge-timeframe-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(92px, 1fr));
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 12px;
    background: #080c11;
}

.edge-timeframe-tabs > a {
    position: relative;
    min-width: 0;
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.07);
    color: #aeb5bf;
    text-decoration: none;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.04em;
    transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.edge-timeframe-tabs > a:last-child {
    border-right: 0;
}

.edge-timeframe-tabs > a:hover {
    color: #ffffff;
    background: rgba(212, 175, 55, 0.07);
}

.edge-timeframe-tabs > a.active {
    color: #f5c137;
    background: linear-gradient(90deg, rgba(129, 87, 0, 0.64), rgba(62, 41, 0, 0.40));
    box-shadow: inset 0 -3px 0 #eeb41c;
}

.edge-timeframe-tabs > a i {
    width: 26px;
    min-width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #252c35;
    color: #c6cbd3;
    font-size: 10px;
    font-style: normal;
}

.edge-timeframe-tabs > a.active i {
    background: rgba(238, 180, 28, 0.18);
    color: #f5c137;
}

.edge-timeframe-summary {
    display: grid;
    grid-template-columns: minmax(150px, 0.45fr) minmax(120px, 0.3fr) minmax(260px, 1fr);
    align-items: center;
    gap: 14px;
    margin: 0 0 18px;
    padding: 14px 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    background: rgba(8, 12, 17, 0.88);
}

.edge-timeframe-summary > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.edge-timeframe-summary small {
    color: #76808e;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.edge-timeframe-summary strong {
    color: #f1bd2f;
    font-size: 15px;
}

.edge-timeframe-summary p {
    margin: 0;
    color: #9da5b1;
    font-size: 12px;
    text-align: right;
}

.trade-head-badges {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.timeframe-badge {
    min-width: 54px;
    padding: 7px 10px;
    border: 1px solid rgba(212, 175, 55, 0.38);
    border-radius: 999px;
    background: rgba(212, 175, 55, 0.11);
    color: #f4c139;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-align: center;
}

.edge-timeframe-board {
    scroll-margin-top: 94px;
}

.edge-timeframe-empty {
    grid-column: 1 / -1;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    text-align: center;
}

.edge-timeframe-empty b {
    color: #f0bd32;
    font-size: 17px;
}

.edge-timeframe-empty span {
    color: #8e97a4;
    font-size: 12px;
}

.edge-timeframe-empty a {
    margin-top: 6px;
    color: #e4b42e;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

/* Nested Edge Pro timeframe shortcuts in the member sidebar */
.side-nav .edge-subnav {
    display: grid;
    gap: 3px;
    margin: -1px 0 7px 34px;
    padding: 5px 0 5px 13px;
    border-left: 1px solid rgba(212, 175, 55, 0.25);
}

.side-nav .edge-subnav > a {
    min-height: 30px;
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 5px 8px;
    border-radius: 7px;
    color: #858e9b;
    text-decoration: none;
    font-size: 10px;
    font-weight: 700;
}

.side-nav .edge-subnav > a i {
    width: 7px;
    height: 7px;
    border: 1px solid #697381;
    border-radius: 999px;
}

.side-nav .edge-subnav > a:hover,
.side-nav .edge-subnav > a.active {
    color: #f4bf32;
    background: rgba(212, 175, 55, 0.07);
}

.side-nav .edge-subnav > a.active i {
    border-color: #f4bf32;
    background: #f4bf32;
    box-shadow: 0 0 0 3px rgba(244, 191, 50, 0.10);
}

@media (max-width: 1180px) {
    .edge-timeframe-control {
        grid-template-columns: 1fr;
    }

    .edge-timeframe-tabs {
        overflow-x: auto;
        grid-template-columns: repeat(5, minmax(120px, 1fr));
    }
}

@media (max-width: 760px) {
    .edge-timeframe-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .edge-timeframe-summary p {
        grid-column: 1 / -1;
        text-align: left;
    }
}

/* =========================================================
   V10G EDGE PRO ASSET FILTER DESK
   Timeframe | Market | Asset
   ========================================================= */
.edge-filter-desk {
    width: 100%;
    margin: 18px 0 16px;
    border: 1px solid rgba(212, 175, 55, 0.22);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(13, 18, 24, 0.98), rgba(7, 11, 16, 0.98));
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
}

.edge-filter-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(212, 175, 55, 0.035);
}

.edge-filter-heading > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.edge-filter-heading b {
    color: #f3bf35;
    font-size: 13px;
    letter-spacing: 0.08em;
}

.edge-filter-heading span {
    color: #8f99a7;
    font-size: 12px;
}

.edge-reset-filter {
    flex-shrink: 0;
    padding: 9px 12px;
    border: 1px solid rgba(212, 175, 55, 0.28);
    border-radius: 8px;
    color: #e4b632;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-decoration: none;
}

.edge-reset-filter:hover {
    background: rgba(212, 175, 55, 0.08);
    color: #ffd66a;
}

.edge-filter-row {
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    align-items: stretch;
    min-width: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.edge-filter-row:last-child {
    border-bottom: 0;
}

.edge-filter-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 14px 16px;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.018);
}

.edge-filter-label small {
    color: #66717f;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.edge-filter-label strong {
    color: #d7dce3;
    font-size: 11px;
    letter-spacing: 0.06em;
}

.edge-filter-tabs {
    display: flex;
    align-items: stretch;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: thin;
}

.edge-filter-tabs > a {
    min-width: 112px;
    min-height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 10px 14px;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    color: #aeb6c1;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}

.edge-filter-tabs > a:last-child {
    border-right: 0;
}

.edge-filter-tabs > a:hover {
    background: rgba(212, 175, 55, 0.06);
    color: #fff;
}

.edge-filter-tabs > a.active {
    color: #f5c137;
    background: linear-gradient(90deg, rgba(120, 81, 0, 0.62), rgba(56, 37, 0, 0.34));
    box-shadow: inset 0 -3px 0 #efb81e;
}

.edge-filter-tabs > a i,
.edge-symbol-tabs > a i {
    min-width: 23px;
    height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #252c35;
    color: #c1c7cf;
    font-size: 9px;
    font-style: normal;
    font-weight: 800;
}

.edge-filter-tabs > a.active i,
.edge-symbol-tabs > a.active i {
    background: rgba(239, 184, 30, 0.18);
    color: #ffd35b;
}

.edge-symbol-tabs {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
}

.edge-symbol-tabs > a {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 11px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.025);
    color: #b5bdc8;
    font-size: 10px;
    font-weight: 800;
    text-decoration: none;
}

.edge-symbol-tabs > a:hover {
    border-color: rgba(212, 175, 55, 0.28);
    color: #fff;
}

.edge-symbol-tabs > a.active {
    border-color: #a97b0a;
    background: linear-gradient(135deg, rgba(128, 87, 0, 0.62), rgba(56, 37, 0, 0.34));
    color: #f5c137;
}

.edge-selection-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(260px, 1.6fr) !important;
}

.market-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 27px;
    padding: 6px 9px;
    border-radius: 7px;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.05em;
}

.market-badge.market-gold {
    background: rgba(212, 175, 55, 0.14);
    color: #f5c137;
    border: 1px solid rgba(212, 175, 55, 0.32);
}

.market-badge.market-forex {
    background: rgba(56, 189, 248, 0.11);
    color: #7dd3fc;
    border: 1px solid rgba(56, 189, 248, 0.25);
}

.market-badge.market-indices {
    background: rgba(167, 139, 250, 0.12);
    color: #c4b5fd;
    border: 1px solid rgba(167, 139, 250, 0.25);
}

.market-badge.market-other {
    background: rgba(148, 163, 184, 0.12);
    color: #cbd5e1;
    border: 1px solid rgba(148, 163, 184, 0.22);
}

@media (max-width: 1000px) {
    .edge-selection-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .edge-selection-summary p {
        grid-column: 1 / -1;
    }
}

@media (max-width: 700px) {
    .edge-filter-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .edge-filter-row {
        grid-template-columns: 1fr;
    }

    .edge-filter-label {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        padding: 10px 12px;
    }

    .edge-filter-tabs > a {
        min-width: 104px;
        min-height: 50px;
    }

    .edge-selection-summary {
        grid-template-columns: 1fr !important;
    }
}

/* POB PRO SIDEBAR ACCORDION */
.side-nav > a:has(.edge-nav-chevron) {
    grid-template-columns: 34px minmax(0, 1fr) 22px !important;
}

.tool-nav-name {
    min-width: 0;
}

.edge-nav-chevron {
    width: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #8e98a7;
    font-size: 18px;
    line-height: 1;
    transition: transform 0.2s ease, color 0.2s ease;
}

.edge-nav-chevron.open {
    color: #f0b91e;
    transform: rotate(180deg);
}

.edge-subnav {
    display: none;
}

.edge-subnav.edge-subnav-open {
    display: flex !important;
    flex-direction: column;
    gap: 5px;

    margin: 2px 6px 12px 42px;
    padding: 5px 0 5px 14px;

    border-left: 1px solid rgba(220, 173, 35, 0.32);
}

.edge-subnav a {
    min-height: 38px;
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr);
    align-items: center;
    gap: 10px;

    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 9px;

    color: #8d97a6;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.15;
    text-decoration: none;
}

.edge-subnav a i {
    width: 8px;
    height: 8px;
    border: 1px solid #657080;
    border-radius: 50%;
}

.edge-subnav a:hover {
    background: rgba(212, 175, 55, 0.05);
    color: #ffffff;
}

.edge-subnav a.active {
    border-color: rgba(217, 168, 25, 0.75);
    background: rgba(212, 175, 55, 0.08);
    color: #f2bd28;
}

.edge-subnav a.active i {
    border-color: #f2bd28;
    background: #f2bd28;
    box-shadow: 0 0 0 5px rgba(242, 189, 40, 0.11);
}

/* V10H ADMIN BROADCAST MESSAGING */
.admin-message-send #admin-message-form {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr);
    gap: 14px 18px;
}

.admin-message-send .message-field {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.admin-message-send .message-field > span {
    color: #8d97a6;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.admin-message-send .message-body-field,
.admin-message-send .message-ack,
.admin-message-send .broadcast-warning,
.admin-message-send #admin-message-form > button {
    grid-column: 1 / -1;
}

.admin-message-send textarea {
    min-height: 150px;
    resize: vertical;
}

.admin-message-send select option,
.admin-message-send select optgroup {
    background: #11151b;
    color: #f1f3f6;
}

.broadcast-warning {
    display: grid;
    gap: 4px;
    padding: 13px 15px;
    border: 1px solid rgba(241, 185, 31, 0.42);
    border-radius: 10px;
    background: rgba(241, 185, 31, 0.08);
    color: #d9dde4;
}

.broadcast-warning[hidden] {
    display: none !important;
}

.broadcast-warning b {
    color: #f2bd28;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

@media (max-width: 760px) {
    .admin-message-send #admin-message-form {
        grid-template-columns: 1fr;
    }

    .admin-message-send .message-body-field,
    .admin-message-send .message-ack,
    .admin-message-send .broadcast-warning,
    .admin-message-send #admin-message-form > button {
        grid-column: 1;
    }
}

/* =========================================================
   V10I ASSET & TOOL MANAGEMENT
   ========================================================= */
.asset-admin-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}
.asset-admin-summary article {
    padding: 16px 18px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    background: rgba(255,255,255,.025);
}
.asset-admin-summary small { display:block; color:#8993a2; font-size:10px; font-weight:800; letter-spacing:.1em; }
.asset-admin-summary strong { display:block; margin-top:6px; color:#f0bd32; font-size:26px; }
.asset-create-grid { display:grid; grid-template-columns: .8fr 1.2fr; gap:16px; margin-bottom:22px; }
.asset-admin-card { padding:18px; border:1px solid rgba(212,175,55,.2); border-radius:14px; background:linear-gradient(145deg,rgba(212,175,55,.04),rgba(255,255,255,.015)); }
.asset-admin-head { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:6px; }
.asset-admin-head small { color:#8b95a4; font-size:9px; letter-spacing:.12em; font-weight:800; }
.asset-admin-head h3 { margin:4px 0 0; }
.asset-admin-head > span { color:#d6aa34; font-size:28px; font-weight:900; opacity:.55; }
.asset-management-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:16px; align-items:start; }
.asset-management-column { display:flex; flex-direction:column; gap:10px; min-width:0; }
.asset-column-title { display:flex; justify-content:space-between; align-items:center; margin:4px 0 8px; }
.asset-column-title h3 { margin:0; }
.asset-column-title span { min-width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:#252c35; color:#cbd0d8; font-size:11px; font-weight:800; }
.asset-row-card { display:grid; grid-template-columns:minmax(170px,1.3fr) minmax(150px,1fr) 100px auto auto; gap:10px; align-items:center; padding:12px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:#0b1016; }
.asset-row-main { display:flex; align-items:center; gap:10px; min-width:0; }
.asset-row-main > div:last-child { min-width:0; }
.asset-row-main b,.asset-row-main small { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.asset-row-main small { margin-top:3px; color:#858f9d; font-size:10px; }
.asset-symbol-mark { width:38px; min-width:38px; height:38px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(212,175,55,.32); border-radius:10px; background:rgba(212,175,55,.06); color:#e8b92e; font-size:10px; font-weight:900; }
.asset-record { display:block; }
.asset-record.inactive { opacity:.62; }
.asset-record-form { display:grid; grid-template-columns:minmax(190px,1.25fr) 130px 145px minmax(180px,1fr) 85px; gap:10px; align-items:center; }
.asset-folder-checks { grid-column:1 / -2; display:flex; flex-wrap:wrap; gap:7px; padding-top:4px; }
.asset-folder-checks label { display:inline-flex; align-items:center; gap:6px; padding:7px 9px; border:1px solid rgba(255,255,255,.07); border-radius:8px; font-size:10px; }
.asset-delete-button { margin-top:9px; width:100%; padding:8px 10px; border:1px solid rgba(239,68,68,.28); border-radius:8px; background:rgba(127,29,29,.12); color:#ef9a9a; cursor:pointer; }
.asset-folder-section { margin-top:24px; padding-top:18px; border-top:1px solid rgba(255,255,255,.08); }
.folder-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.folder-setting-card { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:14px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:rgba(255,255,255,.02); }
.folder-setting-card > div,.folder-setting-card textarea { grid-column:1 / -1; }
.folder-setting-card b,.folder-setting-card small { display:block; }
.folder-setting-card small { margin-top:3px; color:#7f8998; }
#tools { scroll-margin-top:88px; }
@media (max-width:1200px) {
  .asset-create-grid,.asset-management-grid { grid-template-columns:1fr; }
  .asset-record-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .asset-record-form .asset-row-main,.asset-folder-checks { grid-column:1 / -1; }
}
@media (max-width:760px) {
  .asset-admin-summary,.folder-settings-grid { grid-template-columns:1fr; }
  .asset-row-card,.asset-record-form,.folder-setting-card { grid-template-columns:1fr; }
  .asset-folder-checks { grid-column:1; }
}
.asset-create-grid-three { grid-template-columns: repeat(3,minmax(0,1fr)); }
@media (max-width:1300px){ .asset-create-grid-three { grid-template-columns:1fr; } }

/* =========================================================
   FINAL SIDEBAR TOOL NAME ALIGNMENT
   Prevent folder names from collapsing into the icon width
   ========================================================= */

.sidebar .side-nav > a .tool-nav-name {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

/* Normal tool links use a clean icon-and-label grid */
.sidebar .side-nav > a:has(.tool-nav-name) {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 12px !important;

    min-height: 46px !important;
}

/* POB Pro additionally has the dropdown arrow */
.sidebar .side-nav > a:has(.edge-nav-chevron) {
    grid-template-columns: 34px minmax(0, 1fr) 22px !important;
}

/* Keep the icon confined to its own column */
.sidebar .side-nav > a .nav-icon {
    grid-column: 1 !important;

    width: 34px !important;
    min-width: 34px !important;

    margin: 0 !important;
}

/* Keep folder name in the middle column */
.sidebar .side-nav > a .tool-nav-name {
    grid-column: 2 !important;
}

/* Chevron stays in the final column */
.sidebar .side-nav > a .edge-nav-chevron {
    grid-column: 3 !important;

    width: 22px !important;
    min-width: 22px !important;
}

/* Long names wrap only at natural spaces */
.sidebar .side-nav > a .tool-nav-name {
    hyphens: none !important;
}

/* Slightly compact long names without cramming */
.sidebar .side-nav > a[href*="ghost-rider"] .tool-nav-name,
.sidebar .side-nav > a[href*="nine-thirty"] .tool-nav-name {
    font-size: 14px !important;
}

/* Short laptop screens */
@media (max-height: 850px) {
    .sidebar .side-nav > a .tool-nav-name {
        font-size: 13px !important;
        line-height: 1.2 !important;
    }

    .sidebar .side-nav > a[href*="ghost-rider"] .tool-nav-name,
    .sidebar .side-nav > a[href*="nine-thirty"] .tool-nav-name {
        font-size: 12px !important;
    }
}

/* =========================================================
   TOOL SIDEBAR ACCORDIONS
   POB Pro: 1M, 3M, 5M, 15M
   039 Alpha Pro: 3M, 5M
   ========================================================= */

.tool-nav-group {
    width: 100%;
    min-width: 0;
}

.tool-nav-row {
    width: 100%;
    min-width: 0;

    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px;
    align-items: center;
}

.tool-nav-group:not(:has(.tool-accordion-button)) .tool-nav-row {
    grid-template-columns: minmax(0, 1fr);
}

.tool-main-link {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;

    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;

    padding: 10px 8px 10px 14px !important;

    color: #d8dde4 !important;
    text-decoration: none !important;
    border-radius: 10px 0 0 10px !important;
}

.tool-nav-group:not(:has(.tool-accordion-button)) .tool-main-link {
    border-radius: 10px !important;
    padding-right: 14px !important;
}

.tool-main-link:hover,
.tool-nav-group.open .tool-main-link {
    background: rgba(212, 175, 55, 0.055) !important;
    color: #ffffff !important;
}

.tool-main-link.active {
    color: #ffffff !important;
}

.tool-main-link .tool-nav-name {
    width: auto !important;
    min-width: 0 !important;

    display: block !important;

    color: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.tool-accordion-button {
    width: 36px;
    height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    border: 0;
    border-radius: 0 10px 10px 0;

    background: transparent;
    color: #8d97a6;

    cursor: pointer;
}

.tool-accordion-button:hover {
    background: rgba(212, 175, 55, 0.08);
    color: #f2bd28;
}

.tool-accordion-button:focus-visible {
    outline: 1px solid rgba(242, 189, 40, 0.55);
    outline-offset: -3px;
}

.edge-nav-chevron {
    width: auto !important;
    min-width: 0 !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 18px;
    line-height: 1;

    transition:
        transform 0.2s ease,
        color 0.2s ease;
}

.edge-nav-chevron.open {
    color: #f2bd28;
    transform: rotate(180deg);
}

/* Closed by default */
.tool-nav-group .edge-subnav {
    display: none !important;
}

/* Visible only while accordion is open */
.tool-nav-group .edge-subnav.edge-subnav-open {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;

    margin: 2px 6px 10px 44px !important;
    padding: 5px 0 5px 14px !important;

    border-left: 1px solid rgba(220, 173, 35, 0.30) !important;
}

.tool-nav-group .edge-subnav a {
    min-height: 36px;

    display: grid;
    grid-template-columns: 12px minmax(0, 1fr);
    align-items: center;
    gap: 9px;

    padding: 7px 10px;

    border: 1px solid transparent;
    border-radius: 8px;

    color: #8e98a7;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

.tool-nav-group .edge-subnav a:hover {
    background: rgba(212, 175, 55, 0.06);
    color: #ffffff;
}

.tool-nav-group .edge-subnav a i {
    width: 7px;
    height: 7px;

    display: block;

    border: 1px solid #66717f;
    border-radius: 50%;
}

.tool-nav-group .edge-subnav a.active {
    background: rgba(212, 175, 55, 0.09);
    border-color: rgba(224, 172, 22, 0.70);
    color: #f2bd28;
}

.tool-nav-group .edge-subnav a.active i {
    border-color: #f2bd28;
    background: #f2bd28;
    box-shadow: 0 0 0 4px rgba(242, 189, 40, 0.11);
}

/* =========================================================
   FINAL USER SIGNAL PRICE ALIGNMENT
   Fixed-width, right-aligned, three-decimal prices
   ========================================================= */

/* Dashboard signal rows */
.member-body .signal-prices > div,
.member-body .member-levels > div {
    display: grid !important;
    grid-template-columns: minmax(110px, 1fr) 145px 92px !important;
    align-items: center !important;
    column-gap: 12px !important;
}

/* Labels */
.member-body .signal-prices > div > span,
.member-body .member-levels > div > span {
    min-width: 0 !important;
    text-align: left !important;
}

/* Entry, SL and TP prices */
.member-body .signal-prices > div > b,
.member-body .member-levels > div > b {
    width: 145px !important;
    min-width: 145px !important;

    display: block !important;
    justify-self: end !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: right !important;
    white-space: nowrap !important;

    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
}

/* Hit and pending status */
.member-body .signal-prices > div > em,
.member-body .member-levels > div > em {
    width: 92px !important;
    min-width: 92px !important;
    justify-self: end !important;
    text-align: center !important;
}

/* Folder page Entry and Stop Loss */
.member-body .price-panel {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.member-body .price-panel .entry-box,
.member-body .price-panel .sl-box {
    display: grid !important;
    grid-template-columns: minmax(90px, 1fr) 145px !important;
    align-items: center !important;
    column-gap: 12px !important;
}

.member-body .price-panel strong {
    width: 145px !important;
    min-width: 145px !important;
    justify-self: end !important;

    text-align: right !important;
    white-space: nowrap !important;

    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
}

/* Folder page TP rows */
.member-body .target {
    display: grid !important;
    grid-template-columns: minmax(90px, 1fr) 145px 92px !important;
    align-items: center !important;
    column-gap: 12px !important;
}

.member-body .target strong {
    width: 145px !important;
    min-width: 145px !important;
    justify-self: end !important;

    text-align: right !important;
    white-space: nowrap !important;

    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
}

.member-body .target em {
    width: 92px !important;
    min-width: 92px !important;
    justify-self: end !important;
    text-align: center !important;
}

/* Smaller screens */
@media (max-width: 700px) {
    .member-body .signal-prices > div,
    .member-body .member-levels > div {
        grid-template-columns: minmax(82px, 1fr) 112px 74px !important;
        column-gap: 7px !important;
    }

    .member-body .signal-prices > div > b,
    .member-body .member-levels > div > b {
        width: 112px !important;
        min-width: 112px !important;
    }

    .member-body .signal-prices > div > em,
    .member-body .member-levels > div > em {
        width: 74px !important;
        min-width: 74px !important;
    }

    .member-body .target {
        grid-template-columns: minmax(72px, 1fr) 112px 74px !important;
    }

    .member-body .target strong,
    .member-body .price-panel strong {
        width: 112px !important;
        min-width: 112px !important;
    }

    .member-body .target em {
        width: 74px !important;
        min-width: 74px !important;
    }
}

/* =========================================================
   ADMIN SIGNAL PRICE ALIGNMENT
   Three decimals and one clean numeric axis
   ========================================================= */

.admin-body .admin-levels {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.admin-body .admin-levels > span {
    display: grid !important;
    grid-template-columns: auto minmax(92px, 1fr) !important;
    align-items: center !important;
    column-gap: 10px !important;

    min-width: 0 !important;
}

.admin-body .admin-levels > span > b {
    min-width: 108px !important;
    justify-self: end !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: right !important;
    white-space: nowrap !important;

    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
}

/* Admin update form price input */
.admin-body .signal-update input[name="stop_loss"] {
    text-align: right !important;
    font-variant-numeric: tabular-nums !important;
}

/* Wider admin cards */
@media (min-width: 1200px) {
    .admin-body .admin-levels > span > b {
        min-width: 118px !important;
    }
}

/* Compact screens */
@media (max-width: 900px) {
    .admin-body .admin-levels {
        grid-template-columns: 1fr !important;
    }

    .admin-body .admin-levels > span {
        grid-template-columns: minmax(80px, 1fr) 112px !important;
    }

    .admin-body .admin-levels > span > b {
        min-width: 112px !important;
    }
}

/* =========================================================
   CORRECT ADMIN DASHBOARD SIGNAL PRICE ALIGNMENT
   Targets the full visual cards shown on the admin dashboard
   ========================================================= */

.admin-body .premium-card .signal-prices > div,
.admin-body .premium-card .member-levels > div,
.admin-body .signal-card .signal-prices > div {
    display: grid !important;
    grid-template-columns: minmax(92px, 1fr) 132px 78px !important;
    align-items: center !important;
    column-gap: 10px !important;
}

/* Labels */
.admin-body .premium-card .signal-prices > div > span,
.admin-body .premium-card .member-levels > div > span,
.admin-body .signal-card .signal-prices > div > span {
    min-width: 0 !important;
    text-align: left !important;
}

/* Numeric column */
.admin-body .premium-card .signal-prices > div > b,
.admin-body .premium-card .member-levels > div > b,
.admin-body .signal-card .signal-prices > div > b {
    width: 132px !important;
    min-width: 132px !important;

    justify-self: end !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: right !important;
    white-space: nowrap !important;

    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
}

/* Hit / pending column */
.admin-body .premium-card .signal-prices > div > em,
.admin-body .premium-card .member-levels > div > em,
.admin-body .signal-card .signal-prices > div > em {
    width: 78px !important;
    min-width: 78px !important;

    justify-self: end !important;
    text-align: center !important;
}

/* Keep rows without a status badge aligned to the same price axis */
.admin-body .premium-card .signal-prices > div:not(:has(em))::after,
.admin-body .premium-card .member-levels > div:not(:has(em))::after,
.admin-body .signal-card .signal-prices > div:not(:has(em))::after {
    content: "";
    width: 78px;
}

/* Smaller cards */
@media (max-width: 1350px) {
    .admin-body .premium-card .signal-prices > div,
    .admin-body .premium-card .member-levels > div,
    .admin-body .signal-card .signal-prices > div {
        grid-template-columns: minmax(78px, 1fr) 112px 68px !important;
        column-gap: 7px !important;
    }

    .admin-body .premium-card .signal-prices > div > b,
    .admin-body .premium-card .member-levels > div > b,
    .admin-body .signal-card .signal-prices > div > b {
        width: 112px !important;
        min-width: 112px !important;
    }

    .admin-body .premium-card .signal-prices > div > em,
    .admin-body .premium-card .member-levels > div > em,
    .admin-body .signal-card .signal-prices > div > em {
        width: 68px !important;
        min-width: 68px !important;
    }
}

/* =========================================================
   RESTORE PROFESSIONAL TOOL ACCORDION ALIGNMENT
   ========================================================= */

.sidebar .tool-nav-group {
    width: 100% !important;
    min-width: 0 !important;
}

.sidebar .tool-nav-row {
    width: 100% !important;
    min-width: 0 !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 34px !important;
    align-items: center !important;
    column-gap: 0 !important;
}

.sidebar .tool-main-link {
    width: 100% !important;
    min-width: 0 !important;

    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 12px !important;

    padding: 9px 6px 9px 12px !important;
    box-sizing: border-box !important;
}

.sidebar .tool-main-link .nav-icon {
    width: 34px !important;
    min-width: 34px !important;
    grid-column: 1 !important;
}

.sidebar .tool-main-link .tool-nav-name {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    grid-column: 2 !important;
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;

    text-align: left !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

/* 039 Alpha Pro may use two neat lines, never three or four */
.sidebar .tool-nav-group[data-tool-group="nine-thirty"] .tool-nav-name {
    font-size: 13px !important;
    line-height: 1.2 !important;
}

/* POB remains a clean single line */
.sidebar .tool-nav-group[data-tool-group="pob-pro"] .tool-nav-name,
.sidebar .tool-nav-group[data-tool-group="edge-pro"] .tool-nav-name,
.sidebar .tool-nav-group[data-tool-group="vikramas-edge-pro"] .tool-nav-name {
    white-space: nowrap !important;
}

/* Arrow gets its own fixed column */
.sidebar .tool-accordion-button {
    grid-column: 2 !important;

    width: 34px !important;
    min-width: 34px !important;
    height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.sidebar .tool-accordion-button .edge-nav-chevron {
    width: auto !important;
    min-width: 0 !important;
}

/* =========================================================
   FINAL ADMIN PRICE COLUMN ALIGNMENT
   Label | Fixed Price | Fixed Status
   ========================================================= */

.admin-body .premium-card .member-levels > div,
.admin-body .premium-card .signal-prices > div {
    display: grid !important;
    grid-template-columns: minmax(90px, 1fr) 130px 82px !important;
    align-items: center !important;
    column-gap: 10px !important;

    width: 100% !important;
    min-width: 0 !important;
}

/* Label column */
.admin-body .premium-card .member-levels > div > span,
.admin-body .premium-card .signal-prices > div > span {
    grid-column: 1 !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    text-align: left !important;
}

/* Price column */
.admin-body .premium-card .member-levels > div > b,
.admin-body .premium-card .signal-prices > div > b {
    grid-column: 2 !important;

    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;

    justify-self: end !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: right !important;
    white-space: nowrap !important;

    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
}

/* HIT / PENDING column */
.admin-body .premium-card .member-levels > div > em,
.admin-body .premium-card .signal-prices > div > em {
    grid-column: 3 !important;

    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;

    justify-self: end !important;

    margin: 0 !important;
    text-align: center !important;
}

/* Remove older placeholder pseudo-elements */
.admin-body .premium-card .member-levels > div::after,
.admin-body .premium-card .signal-prices > div::after {
    content: none !important;
    display: none !important;
}

/* Compact card widths */
@media (max-width: 1400px) {
    .admin-body .premium-card .member-levels > div,
    .admin-body .premium-card .signal-prices > div {
        grid-template-columns: minmax(78px, 1fr) 112px 72px !important;
        column-gap: 7px !important;
    }

    .admin-body .premium-card .member-levels > div > b,
    .admin-body .premium-card .signal-prices > div > b {
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
    }

    .admin-body .premium-card .member-levels > div > em,
    .admin-body .premium-card .signal-prices > div > em {
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
    }
}

/* =========================================================
   DEFINITIVE SIGNAL PRICE ALIGNMENT
   Fixed-width digits and decimal points on one vertical axis
   ========================================================= */

/* Admin dashboard trade cards */
.admin-body .premium-card .member-levels > div > b,
.admin-body .premium-card .signal-prices > div > b,

/* User dashboard trade cards */
.member-body .premium-card .member-levels > div > b,
.member-body .premium-card .signal-prices > div > b,

/* Folder signal cards */
.member-body .price-panel strong,
.member-body .target strong {
    width: 10ch !important;
    min-width: 10ch !important;
    max-width: 10ch !important;

    display: block !important;
    justify-self: end !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: right !important;
    white-space: nowrap !important;

    font-family:
        "SFMono-Regular",
        "Roboto Mono",
        "Liberation Mono",
        Menlo,
        Monaco,
        Consolas,
        monospace !important;

    font-variant-numeric: tabular-nums lining-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
    letter-spacing: 0 !important;
}

/* Lock the visual dashboard rows into three columns */
.admin-body .premium-card .member-levels > div,
.admin-body .premium-card .signal-prices > div,
.member-body .premium-card .member-levels > div,
.member-body .premium-card .signal-prices > div {
    display: grid !important;
    grid-template-columns: minmax(90px, 1fr) 10ch 82px !important;
    align-items: center !important;
    column-gap: 12px !important;
}

/* Entry and Stop Loss have no status badge, preserve its space */
.admin-body .premium-card .member-levels > div:not(:has(em)),
.admin-body .premium-card .signal-prices > div:not(:has(em)),
.member-body .premium-card .member-levels > div:not(:has(em)),
.member-body .premium-card .signal-prices > div:not(:has(em)) {
    grid-template-columns: minmax(90px, 1fr) 10ch 82px !important;
}

/* Status badges stay in the third column */
.admin-body .premium-card .member-levels > div > em,
.admin-body .premium-card .signal-prices > div > em,
.member-body .premium-card .member-levels > div > em,
.member-body .premium-card .signal-prices > div > em {
    grid-column: 3 !important;
    width: 82px !important;
    min-width: 82px !important;
    justify-self: end !important;
}

/* Prices always occupy the second column */
.admin-body .premium-card .member-levels > div > b,
.admin-body .premium-card .signal-prices > div > b,
.member-body .premium-card .member-levels > div > b,
.member-body .premium-card .signal-prices > div > b {
    grid-column: 2 !important;
}

/* Do not generate fake placeholder content */
.admin-body .premium-card .member-levels > div::after,
.admin-body .premium-card .signal-prices > div::after,
.member-body .premium-card .member-levels > div::after,
.member-body .premium-card .signal-prices > div::after {
    content: none !important;
    display: none !important;
}


/* =========================================================
   V10K SMART LOT SIZE CALCULATOR
   ========================================================= */

.lot-calculator-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
    padding: 28px;
    border: 1px solid rgba(212, 175, 55, 0.28);
    border-radius: 20px;
    background:
        radial-gradient(
            circle at top right,
            rgba(212, 175, 55, 0.12),
            transparent 38%
        ),
        linear-gradient(145deg, #101720, #080d13);
}

.lot-calculator-hero h1 {
    margin: 5px 0 8px;
    font-size: clamp(28px, 4vw, 46px);
    line-height: 1;
}

.lot-calculator-hero > div > p:last-child {
    max-width: 720px;
    margin: 0;
    color: #9aa8b6;
    line-height: 1.7;
}

.calculator-shield {
    min-width: 160px;
    padding: 18px;
    border: 1px solid rgba(212, 175, 55, 0.35);
    border-radius: 16px;
    text-align: center;
    background: rgba(4, 8, 12, 0.72);
}

.calculator-shield span {
    display: block;
    color: #e2b842;
    font-size: 34px;
}

.calculator-shield b,
.calculator-shield small {
    display: block;
}

.calculator-shield small {
    margin-top: 4px;
    color: #82909d;
}

.calculator-layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.85fr) minmax(400px, 1.35fr);
    gap: 20px;
    align-items: start;
}

.calculator-card {
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(18, 26, 35, 0.98),
            rgba(8, 13, 19, 0.98)
        );
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
}

.calculator-card > header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 18px;
}

.calculator-card > header small {
    color: #d9ad38;
    font-weight: 800;
    letter-spacing: 0.13em;
}

.calculator-card > header h2 {
    margin: 4px 0 0;
}

.calculator-card > header > span {
    padding: 7px 10px;
    border: 1px solid rgba(212, 175, 55, 0.24);
    border-radius: 999px;
    color: #d9ad38;
    font-size: 10px;
    font-weight: 800;
}

.calculator-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.calculator-form label {
    display: grid;
    gap: 7px;
    color: #aeb8c3;
    font-size: 12px;
    font-weight: 700;
}

.calculator-form input,
.calculator-form select {
    width: 100%;
    min-height: 46px;
    padding: 0 13px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 10px;
    outline: none;
    background: #080e14;
    color: #f2f5f7;
    font: inherit;
}

.calculator-form input:focus,
.calculator-form select:focus {
    border-color: rgba(224, 181, 60, 0.72);
    box-shadow: 0 0 0 3px rgba(224, 181, 60, 0.1);
}

.calculator-check {
    display: flex !important;
    grid-column: 1 / -1;
    align-items: center;
    gap: 9px !important;
}

.calculator-check input {
    width: 17px;
    min-height: 17px;
}

.calculator-primary {
    grid-column: 1 / -1;
    min-height: 48px;
    border: 1px solid #e2b842;
    border-radius: 10px;
    background:
        linear-gradient(
            135deg,
            #f0cb5a,
            #b98210
        );
    color: #090b0d;
    font-weight: 900;
    letter-spacing: 0.06em;
    cursor: pointer;
}

.calculator-primary:disabled {
    opacity: 0.55;
    cursor: wait;
}

.calculator-details {
    grid-column: 1 / -1;
    margin-top: 14px;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    background: rgba(4, 8, 12, 0.42);
}

.calculator-details summary {
    cursor: pointer;
    color: #d9ad38;
    font-weight: 800;
}

.calculator-details > .calculator-form {
    margin-top: 14px;
}

.advanced-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.saved-account-list {
    display: grid;
    gap: 9px;
}

.saved-account {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 5px 12px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 11px;
    background: rgba(5, 10, 15, 0.7);
}

.saved-account b,
.saved-account small {
    display: block;
}

.saved-account small {
    margin-top: 3px;
    color: #82909d;
}

.saved-account strong {
    color: #e4bb49;
    font-variant-numeric: tabular-nums;
}

.saved-account em {
    grid-column: 1 / -1;
    color: #60d394;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
}

.selected-signal-strip {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 13px;
    border: 1px solid rgba(74, 222, 128, 0.18);
    border-radius: 11px;
    background: rgba(20, 83, 45, 0.13);
}

.selected-signal-strip small {
    color: #73df9c;
    font-weight: 800;
}

.selected-signal-strip span {
    color: #8fa0ae;
    font-size: 11px;
}

.calculator-result-card {
    grid-column: 1 / -1;
}

.calculator-result-card[hidden] {
    display: none !important;
}

.calculator-lot-display {
    display: grid;
    justify-items: center;
    padding: 24px;
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 16px;
    background:
        radial-gradient(
            circle,
            rgba(212, 175, 55, 0.13),
            transparent 67%
        ),
        #080d12;
}

.calculator-lot-display small {
    color: #98a6b3;
    font-weight: 800;
    letter-spacing: 0.13em;
}

.calculator-lot-display strong {
    margin: 8px 0 2px;
    color: #f0c955;
    font-family:
        "SFMono-Regular",
        Menlo,
        Monaco,
        Consolas,
        monospace;
    font-size: clamp(50px, 8vw, 88px);
    line-height: 1;
}

.calculator-lot-display span {
    color: #d8e0e6;
    font-weight: 900;
    letter-spacing: 0.17em;
}

.calculator-result-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.calculator-result-grid div {
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 11px;
    background: rgba(4, 8, 12, 0.52);
}

.calculator-result-grid small,
.calculator-result-grid b {
    display: block;
}

.calculator-result-grid small {
    margin-bottom: 6px;
    color: #82909d;
}

.calculator-result-grid b {
    font-variant-numeric: tabular-nums;
}

.calculator-warning {
    margin-top: 15px;
    padding: 13px;
    border: 1px solid rgba(74, 222, 128, 0.19);
    border-radius: 10px;
    background: rgba(20, 83, 45, 0.13);
    color: #85e2a8;
}

.calculator-warning.danger {
    border-color: rgba(248, 113, 113, 0.26);
    background: rgba(127, 29, 29, 0.16);
    color: #ff9b9b;
}

.calculator-disclaimer {
    margin: 14px 0 0;
    color: #7f8c98;
    font-size: 11px;
    line-height: 1.6;
}

.calculator-notice {
    margin-bottom: 16px;
    padding: 12px 15px;
    border-radius: 10px;
}

.calculator-notice.success {
    border: 1px solid rgba(74, 222, 128, 0.2);
    background: rgba(20, 83, 45, 0.15);
    color: #82dfa4;
}

.calculator-empty {
    padding: 20px;
    border: 1px dashed rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    color: #8f9ca8;
    text-align: center;
}

.signal-lot-calculator-button {
    display: block;
    margin: 14px 0 4px;
    padding: 11px 13px;
    border: 1px solid rgba(212, 175, 55, 0.33);
    border-radius: 9px;
    background: rgba(212, 175, 55, 0.08);
    color: #e5bd4b;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.06em;
}

.signal-lot-calculator-button:hover {
    border-color: #e5bd4b;
    background: rgba(212, 175, 55, 0.14);
}

@media (max-width: 1050px) {
    .calculator-layout {
        grid-template-columns: 1fr;
    }

    .calculator-result-card {
        grid-column: auto;
    }
}

@media (max-width: 700px) {
    .lot-calculator-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .calculator-form,
    .advanced-grid,
    .calculator-result-grid {
        grid-template-columns: 1fr;
    }

    .selected-signal-strip {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   V10K-A2 BROKER INSTRUMENT CONTROL CENTRE
   ========================================================= */

.broker-instrument-section {
    scroll-margin-top: 90px;
}

.broker-spec-warning {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-bottom: 16px;
    padding: 14px;
    border: 1px solid rgba(245, 190, 60, 0.25);
    border-radius: 12px;
    background: rgba(120, 82, 8, 0.12);
}

.broker-spec-warning b {
    color: #edc451;
}

.broker-spec-warning span {
    color: #aab5bf;
    font-size: 12px;
    line-height: 1.55;
}

.broker-spec-actions {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
}

.broker-spec-create {
    padding: 20px;
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 16px;
    background: rgba(5, 10, 15, 0.48);
}

.broker-spec-form-grid,
.broker-spec-edit {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.broker-spec-form-grid label,
.broker-spec-edit label {
    display: grid;
    gap: 6px;
    color: #9eabb7;
    font-size: 11px;
    font-weight: 700;
}

.broker-spec-form-grid input,
.broker-spec-form-grid select,
.broker-spec-edit input,
.broker-spec-edit select {
    width: 100%;
    min-height: 42px;
    padding: 0 11px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: #080e14;
    color: #edf2f5;
}

.broker-spec-switches {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin: 16px 0;
}

.broker-spec-list {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.broker-spec-card {
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 15px;
    background:
        linear-gradient(
            145deg,
            rgba(17, 25, 34, 0.98),
            rgba(7, 12, 17, 0.98)
        );
}

.broker-spec-card.inactive {
    opacity: 0.72;
}

.broker-spec-card-head {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    margin-bottom: 15px;
}

.broker-spec-card-head > div:first-child {
    display: flex;
    gap: 11px;
    align-items: center;
}

.broker-spec-card-head b,
.broker-spec-card-head small {
    display: block;
}

.broker-spec-card-head small {
    margin-top: 4px;
    color: #82909d;
}

.broker-spec-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.broker-spec-edit .switch-line {
    align-self: end;
    min-height: 42px;
}

.broker-spec-edit .row-button {
    align-self: end;
    min-height: 42px;
}

.broker-spec-card > form:last-child {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

@media (max-width: 1200px) {
    .broker-spec-form-grid,
    .broker-spec-edit {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 850px) {
    .broker-spec-form-grid,
    .broker-spec-edit {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .broker-spec-card-head {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .broker-spec-form-grid,
    .broker-spec-edit {
        grid-template-columns: 1fr;
    }

    .broker-spec-warning {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   V10K-B1 ACCOUNT MANAGEMENT & SIGNAL INTEGRATION
   ========================================================= */

.saved-account-managed {
    display: block !important;
}

.saved-account-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
}

.saved-account-risk {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.saved-account-risk span {
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    background: rgba(4, 8, 12, 0.45);
    color: #82909d;
    font-size: 10px;
}

.saved-account-risk b {
    display: block;
    margin-top: 3px;
    color: #edf2f5;
    font-size: 12px;
}

.saved-account-managed > em {
    display: inline-block;
    margin-top: 10px;
    padding: 5px 8px;
    border: 1px solid rgba(74, 222, 128, 0.2);
    border-radius: 999px;
    background: rgba(20, 83, 45, 0.14);
    color: #75dda0;
}

.calculator-small-button {
    margin-top: 10px;
    padding: 7px 10px;
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 8px;
    background: rgba(212, 175, 55, 0.08);
    color: #e4bb49;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.account-edit-details {
    margin-top: 12px;
}

.calculator-remove-button {
    width: 100%;
    margin-top: 10px;
    padding: 9px;
    border: 1px solid rgba(248, 113, 113, 0.24);
    border-radius: 8px;
    background: rgba(127, 29, 29, 0.13);
    color: #ff9b9b;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.folder-lot-calculator-button {
    margin-top: 16px !important;
}

.signal-match-warning {
    grid-column: 1 / -1;
    margin-bottom: 14px;
}

@media (max-width: 560px) {
    .saved-account-summary,
    .saved-account-risk {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   V10K-B1 ACCOUNT MANAGEMENT & SIGNAL INTEGRATION
   ========================================================= */

.saved-account-managed {
    display: block !important;
}

.saved-account-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
}

.saved-account-risk {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.saved-account-risk span {
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    background: rgba(4, 8, 12, 0.45);
    color: #82909d;
    font-size: 10px;
}

.saved-account-risk b {
    display: block;
    margin-top: 3px;
    color: #edf2f5;
    font-size: 12px;
}

.saved-account-managed > em {
    display: inline-block;
    margin-top: 10px;
    padding: 5px 8px;
    border: 1px solid rgba(74, 222, 128, 0.2);
    border-radius: 999px;
    background: rgba(20, 83, 45, 0.14);
    color: #75dda0;
}

.calculator-small-button {
    margin-top: 10px;
    padding: 7px 10px;
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 8px;
    background: rgba(212, 175, 55, 0.08);
    color: #e4bb49;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.account-edit-details {
    margin-top: 12px;
}

.calculator-remove-button {
    width: 100%;
    margin-top: 10px;
    padding: 9px;
    border: 1px solid rgba(248, 113, 113, 0.24);
    border-radius: 8px;
    background: rgba(127, 29, 29, 0.13);
    color: #ff9b9b;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.folder-lot-calculator-button {
    margin-top: 16px !important;
}

.signal-match-warning {
    grid-column: 1 / -1;
    margin-bottom: 14px;
}

@media (max-width: 560px) {
    .saved-account-summary,
    .saved-account-risk {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   V10K-B2 SAVED RISK PLANS
   ========================================================= */

.calculator-result-actions {
    display: grid;
    grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-top: 16px;
}

.calculator-result-actions .calculator-primary {
    grid-column: auto;
}

#save-risk-plan-message {
    color: #82dfa4;
    font-size: 12px;
    font-weight: 700;
}

#save-risk-plan-message.danger {
    color: #ff9b9b;
}

.saved-risk-plan-section {
    margin-top: 24px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(17, 25, 34, 0.98),
            rgba(7, 12, 17, 0.98)
        );
}

.saved-risk-plan-section > .section-title {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

.today-risk-total {
    min-width: 220px;
    padding: 15px;
    border: 1px solid rgba(212, 175, 55, 0.28);
    border-radius: 13px;
    background: rgba(212, 175, 55, 0.08);
    text-align: right;
}

.today-risk-total small,
.today-risk-total strong {
    display: block;
}

.today-risk-total small {
    color: #9ca8b3;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.today-risk-total strong {
    margin-top: 5px;
    color: #ecc954;
    font-size: 24px;
}

.saved-risk-plan-grid {
    display: grid;
    grid-template-columns: repeat(
        2,
        minmax(0, 1fr)
    );
    gap: 15px;
    margin-top: 18px;
}

.saved-risk-plan-card {
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 14px;
    background: rgba(4, 9, 14, 0.67);
}

.saved-risk-plan-card > header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.saved-risk-plan-card header small {
    color: #788793;
    font-size: 10px;
}

.saved-risk-plan-card h3 {
    margin: 5px 0 0;
    font-size: 21px;
}

.saved-risk-plan-card h3 span {
    margin-left: 5px;
    font-size: 13px;
}

.saved-risk-plan-card h3 .buy {
    color: #64dc97;
}

.saved-risk-plan-card h3 .sell {
    color: #ff8585;
}

.saved-risk-plan-levels {
    display: grid;
    grid-template-columns: repeat(
        3,
        minmax(0, 1fr)
    );
    gap: 9px;
    margin-top: 14px;
}

.saved-risk-plan-levels > div {
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 9px;
    background: rgba(0, 0, 0, 0.18);
}

.saved-risk-plan-levels small,
.saved-risk-plan-levels b {
    display: block;
}

.saved-risk-plan-levels small {
    margin-bottom: 5px;
    color: #7f8d99;
    font-size: 9px;
}

.saved-risk-plan-levels b {
    font-family:
        "SFMono-Regular",
        Menlo,
        Monaco,
        Consolas,
        monospace;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.saved-risk-plan-levels .plan-lot {
    color: #ecc954;
    font-size: 18px;
}

.saved-risk-plan-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 12px;
}

.saved-risk-plan-meta span {
    padding: 5px 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    color: #8d9aa6;
    font-size: 9px;
}

.saved-risk-plan-note {
    margin: 12px 0 0;
    color: #c1a45d;
    font-size: 11px;
    line-height: 1.5;
}

.saved-risk-plan-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin-top: 13px;
}

.saved-risk-plan-actions .calculator-small-button,
.saved-risk-plan-actions .calculator-remove-button {
    display: block;
    width: 100%;
    min-height: 38px;
    margin: 0;
    text-align: center;
    text-decoration: none;
}

@media (max-width: 950px) {
    .saved-risk-plan-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .saved-risk-plan-section > .section-title {
        align-items: stretch;
        flex-direction: column;
    }

    .today-risk-total {
        min-width: 0;
        text-align: left;
    }

    .saved-risk-plan-levels {
        grid-template-columns: repeat(
            2,
            minmax(0, 1fr)
        );
    }

    .calculator-result-actions,
    .saved-risk-plan-actions {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   V10K-C1 GUIDED LOT SIZE MODE
   ========================================================= */

.guided-mode-note {
    grid-column: 1 / -1;
    margin-bottom: 14px;
    padding: 13px 15px;
    border: 1px solid rgba(74, 222, 128, 0.18);
    border-radius: 11px;
    background: rgba(20, 83, 45, 0.12);
    color: #91dbaa;
    font-size: 12px;
    line-height: 1.55;
}

.guided-mode-note.manual {
    border-color: rgba(212, 175, 55, 0.2);
    background: rgba(212, 175, 55, 0.07);
    color: #d9bc68;
}

.guided-trade-panel {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns:
        minmax(220px, 1.5fr)
        minmax(130px, 0.75fr)
        minmax(130px, 0.75fr);
    gap: 10px;
    margin-bottom: 12px;
}

.guided-trade-panel > div {
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    background: rgba(4, 9, 14, 0.56);
}

.guided-trade-panel small,
.guided-trade-panel strong,
.guided-trade-panel span {
    display: block;
}

.guided-trade-panel small {
    color: #7f8d99;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.guided-trade-panel strong {
    margin-top: 5px;
    color: #f0c955;
    font-size: 17px;
}

.guided-trade-panel span {
    margin-top: 4px;
    color: #8d9aa6;
    font-size: 10px;
}

.guided-hidden-field {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
}

.guided-field-help {
    color: #74818d;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.4;
}

.guided-match-status {
    grid-column: 1 / -1;
    min-height: 42px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    background: rgba(4, 9, 14, 0.52);
    color: #93a0aa;
    font-size: 11px;
    line-height: 1.5;
}

.guided-match-status.success {
    border-color: rgba(74, 222, 128, 0.19);
    background: rgba(20, 83, 45, 0.12);
    color: #84dca3;
}

.guided-match-status.danger {
    border-color: rgba(248, 113, 113, 0.24);
    background: rgba(127, 29, 29, 0.14);
    color: #ff9b9b;
}

.calculator-form input[readonly],
.calculator-form select:disabled {
    border-color: rgba(212, 175, 55, 0.15);
    background: rgba(8, 14, 20, 0.72);
    color: #b8c2ca;
    cursor: not-allowed;
}

#calculate-lot-button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

@media (max-width: 720px) {
    .guided-trade-panel {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   V10K-C2 SMART RISK ASSISTANT
   ========================================================= */

.smart-risk-panel {
    margin-top: 16px;
    padding: 17px;
    border: 1px solid rgba(74, 222, 128, 0.2);
    border-radius: 14px;
    background: rgba(20, 83, 45, 0.11);
}

.smart-risk-panel[hidden] {
    display: none !important;
}

.smart-risk-panel[data-status="caution"] {
    border-color: rgba(245, 190, 60, 0.25);
    background: rgba(120, 82, 8, 0.12);
}

.smart-risk-panel[data-status="high"] {
    border-color: rgba(251, 146, 60, 0.28);
    background: rgba(124, 45, 18, 0.14);
}

.smart-risk-panel[data-status="blocked"] {
    border-color: rgba(248, 113, 113, 0.3);
    background: rgba(127, 29, 29, 0.16);
}

.smart-risk-panel > header {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: flex-start;
}

.smart-risk-panel header small {
    color: #81dca2;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.smart-risk-panel h3 {
    margin: 4px 0 0;
}

#smart-risk-status {
    padding: 7px 10px;
    border: 1px solid currentColor;
    border-radius: 999px;
    color: #7bdda0;
    font-size: 10px;
    font-weight: 900;
}

.smart-risk-panel[data-status="caution"]
#smart-risk-status {
    color: #e3bd55;
}

.smart-risk-panel[data-status="high"]
#smart-risk-status {
    color: #fb923c;
}

.smart-risk-panel[data-status="blocked"]
#smart-risk-status {
    color: #ff8585;
}

.smart-risk-grid {
    display: grid;
    grid-template-columns: repeat(
        3,
        minmax(0, 1fr)
    );
    gap: 9px;
    margin-top: 14px;
}

.smart-risk-grid > div {
    padding: 11px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 9px;
    background: rgba(4, 9, 14, 0.4);
}

.smart-risk-grid small,
.smart-risk-grid b {
    display: block;
}

.smart-risk-grid small {
    color: #7f8d99;
    font-size: 9px;
}

.smart-risk-grid b {
    margin-top: 5px;
    font-size: 15px;
}

#smart-risk-explanation {
    margin: 13px 0 0;
    color: #b7c2ca;
    font-size: 12px;
    line-height: 1.6;
}

.saved-plan-statuses {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.saved-risk-plan-actions {
    grid-template-columns: repeat(
        2,
        minmax(0, 1fr)
    );
}

.calculator-complete-button,
.calculator-cancel-button {
    width: 100%;
    min-height: 38px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.calculator-complete-button {
    border: 1px solid rgba(74, 222, 128, 0.25);
    background: rgba(20, 83, 45, 0.14);
    color: #82dfa4;
}

.calculator-cancel-button {
    border: 1px solid rgba(245, 190, 60, 0.25);
    background: rgba(120, 82, 8, 0.12);
    color: #e2bd58;
}

@media (max-width: 650px) {
    .smart-risk-grid {
        grid-template-columns: repeat(
            2,
            minmax(0, 1fr)
        );
    }

    .saved-risk-plan-actions {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   V10K-C3 TRADE OUTCOME JOURNAL
   ========================================================= */

.trade-performance-section {
    margin-top: 24px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(17, 25, 34, 0.98),
            rgba(7, 12, 17, 0.98)
        );
}

.trade-performance-section > .section-title {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
}

.performance-net-r {
    min-width: 190px;
    padding: 14px;
    border: 1px solid rgba(212, 175, 55, 0.25);
    border-radius: 12px;
    background: rgba(212, 175, 55, 0.07);
    text-align: right;
}

.performance-net-r small,
.performance-net-r strong {
    display: block;
}

.performance-net-r small {
    color: #8896a1;
    font-size: 9px;
    font-weight: 800;
}

.performance-net-r strong {
    margin-top: 5px;
    color: #e7c453;
    font-size: 25px;
}

.performance-stat-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.performance-stat-grid article {
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 10px;
    background: rgba(3, 8, 13, 0.52);
}

.performance-stat-grid small,
.performance-stat-grid strong {
    display: block;
}

.performance-stat-grid small {
    min-height: 24px;
    color: #7f8d99;
    font-size: 9px;
    line-height: 1.35;
}

.performance-stat-grid strong {
    margin-top: 5px;
    font-size: 18px;
}

.positive {
    color: #73dfa0 !important;
}

.negative {
    color: #ff8d8d !important;
}

.performance-outcome-bar {
    display: flex;
    height: 11px;
    margin-top: 17px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
}

.performance-outcome-bar span {
    display: block;
    min-width: 0;
}

.performance-outcome-bar .wins,
.performance-legend i.wins {
    background: #3bbf74;
}

.performance-outcome-bar .losses,
.performance-legend i.losses {
    background: #dc5b5b;
}

.performance-outcome-bar .breakeven,
.performance-legend i.breakeven {
    background: #9aabb7;
}

.performance-outcome-bar .empty {
    background: rgba(255, 255, 255, 0.07);
}

.performance-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 9px;
    color: #84919c;
    font-size: 10px;
}

.performance-legend span {
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

.performance-legend i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.trade-outcome-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 13px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
}

.trade-outcome-summary.positive {
    border-color: rgba(74, 222, 128, 0.23);
    background: rgba(20, 83, 45, 0.11);
}

.trade-outcome-summary.negative {
    border-color: rgba(248, 113, 113, 0.25);
    background: rgba(127, 29, 29, 0.13);
}

.trade-outcome-summary.neutral {
    background: rgba(100, 116, 139, 0.1);
}

.trade-outcome-summary small,
.trade-outcome-summary strong {
    display: block;
}

.trade-outcome-summary small {
    color: #7f8d99;
    font-size: 8px;
}

.trade-outcome-summary strong {
    margin-top: 4px;
    color: #edf2f5;
    font-size: 12px;
}

.trade-outcome-note {
    margin: 10px 0 0;
    padding: 10px;
    border-left: 2px solid rgba(212, 175, 55, 0.42);
    color: #aeb9c2;
    font-size: 11px;
    line-height: 1.55;
}

.trade-entry-hit-strip {
    margin-top: 12px;
    padding: 9px;
    border: 1px solid rgba(80, 160, 255, 0.22);
    border-radius: 8px;
    background: rgba(30, 64, 175, 0.11);
    color: #8ab7ff;
    font-size: 10px;
    font-weight: 800;
    text-align: center;
}

.calculator-entry-hit-button {
    width: 100%;
    min-height: 38px;
    border: 1px solid rgba(80, 160, 255, 0.27);
    border-radius: 8px;
    background: rgba(30, 64, 175, 0.13);
    color: #8ab7ff;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.trade-result-details {
    grid-column: 1 / -1;
    padding: 10px;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 9px;
    background: rgba(212, 175, 55, 0.05);
}

.trade-result-details summary {
    color: #e0bd56;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
}

.trade-result-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 11px;
}

.trade-result-form label {
    color: #8e9ba6;
    font-size: 10px;
}

.trade-result-form input,
.trade-result-form select,
.trade-result-form textarea {
    width: 100%;
    margin-top: 5px;
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(4, 9, 14, 0.75);
    color: #e8eef2;
}

.trade-result-form textarea,
.trade-result-form button {
    grid-column: 1 / -1;
}

.trade-result-form textarea {
    min-height: 72px;
    resize: vertical;
}

.trade-result-form label:has(textarea) {
    grid-column: 1 / -1;
}

.trade-result-form small {
    display: block;
    margin-top: 4px;
    color: #687681;
    font-size: 8px;
    line-height: 1.4;
}

@media (max-width: 1050px) {
    .performance-stat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .trade-performance-section > .section-title {
        align-items: stretch;
        flex-direction: column;
    }

    .performance-net-r {
        min-width: 0;
        text-align: left;
    }

    .performance-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .trade-outcome-summary,
    .trade-result-form {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   V10K-C4 ACCOUNT PERFORMANCE ANALYTICS
   ========================================================= */

.account-analytics-section {
    margin-top: 24px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(17, 25, 34, 0.98),
            rgba(7, 12, 17, 0.98)
        );
}

.analytics-header {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
}

.analytics-actions {
    display: flex;
    flex-direction: column;
    gap: 9px;
    align-items: flex-end;
}

.analytics-period-tabs {
    display: flex;
    gap: 5px;
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    background: rgba(4, 9, 14, 0.58);
}

.analytics-period-tabs a {
    padding: 8px 10px;
    border-radius: 7px;
    color: #7f8d99;
    font-size: 9px;
    font-weight: 800;
    text-decoration: none;
}

.analytics-period-tabs a.active {
    background: rgba(212, 175, 55, 0.16);
    color: #e9c653;
}

.analytics-export-button {
    padding: 9px 13px;
    border: 1px solid rgba(74, 222, 128, 0.22);
    border-radius: 8px;
    background: rgba(20, 83, 45, 0.12);
    color: #82dfa4;
    font-size: 10px;
    font-weight: 800;
    text-decoration: none;
}

.analytics-highlight-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.analytics-highlight-grid article {
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 10px;
    background: rgba(3, 8, 13, 0.52);
}

.analytics-highlight-grid small,
.analytics-highlight-grid strong,
.analytics-highlight-grid span {
    display: block;
}

.analytics-highlight-grid small {
    min-height: 23px;
    color: #7f8d99;
    font-size: 9px;
}

.analytics-highlight-grid strong {
    margin-top: 6px;
    color: #edf2f5;
    font-size: 15px;
    line-height: 1.35;
}

.analytics-highlight-grid span {
    margin-top: 5px;
    color: #d8b94f;
    font-size: 11px;
}

.analytics-table-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.analytics-table-card {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 12px;
    background: rgba(3, 8, 13, 0.46);
}

.analytics-table-card > header {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.analytics-table-card h3 {
    margin: 0;
    font-size: 14px;
}

.analytics-table-card header span {
    color: #778590;
    font-size: 9px;
    font-weight: 800;
}

.analytics-table-wrap {
    overflow-x: auto;
}

.analytics-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

.analytics-table th,
.analytics-table td {
    padding: 11px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.055);
    text-align: left;
    white-space: nowrap;
}

.analytics-table th {
    color: #76848f;
    font-size: 8px;
    letter-spacing: 0.06em;
}

.analytics-table td {
    color: #aeb9c2;
}

.analytics-table tbody tr:last-child td {
    border-bottom: 0;
}

.analytics-table td:first-child {
    white-space: normal;
}

@media (max-width: 1100px) {
    .analytics-highlight-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .analytics-table-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .analytics-header {
        flex-direction: column;
    }

    .analytics-actions {
        width: 100%;
        align-items: stretch;
    }

    .analytics-period-tabs {
        justify-content: space-between;
    }

    .analytics-period-tabs a {
        flex: 1;
        text-align: center;
    }

    .analytics-export-button {
        text-align: center;
    }

    .analytics-highlight-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* =========================================================
   V10K-C5 EQUITY CURVE AND CONSISTENCY
   ========================================================= */

.equity-consistency-section {
    margin-top: 24px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(17, 25, 34, 0.98),
            rgba(7, 12, 17, 0.98)
        );
}

.equity-consistency-header {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
}

.equity-net-result {
    min-width: 190px;
    padding: 14px;
    border: 1px solid rgba(212, 175, 55, 0.24);
    border-radius: 12px;
    background: rgba(212, 175, 55, 0.07);
    text-align: right;
}

.equity-net-result small,
.equity-net-result strong {
    display: block;
}

.equity-net-result small {
    color: #84919c;
    font-size: 9px;
    font-weight: 800;
}

.equity-net-result strong {
    margin-top: 5px;
    color: #e6c350;
    font-size: 24px;
}

.equity-metric-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.equity-metric-grid article,
.equity-highlight-row article {
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 10px;
    background: rgba(3, 8, 13, 0.52);
}

.equity-metric-grid small,
.equity-metric-grid strong,
.equity-metric-grid span,
.equity-highlight-row small,
.equity-highlight-row strong,
.equity-highlight-row span {
    display: block;
}

.equity-metric-grid small,
.equity-highlight-row small {
    min-height: 22px;
    color: #7e8b96;
    font-size: 9px;
}

.equity-metric-grid strong,
.equity-highlight-row strong {
    margin-top: 6px;
    font-size: 17px;
}

.equity-metric-grid span,
.equity-highlight-row span {
    margin-top: 4px;
    color: #76838e;
    font-size: 9px;
}

.equity-highlight-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.performance-chart-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.performance-chart-card {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 13px;
    background: rgba(3, 8, 13, 0.5);
}

.performance-chart-card > header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.065);
}

.performance-chart-card header small {
    color: #778590;
    font-size: 8px;
    font-weight: 800;
}

.performance-chart-card h3 {
    margin: 4px 0 0;
    font-size: 14px;
}

.performance-chart-card header > span {
    color: #8b98a2;
    font-size: 9px;
}

.native-chart {
    min-height: 280px;
    padding: 8px;
}

.native-chart svg {
    display: block;
    width: 100%;
    height: auto;
    min-height: 260px;
}

.native-chart-empty {
    display: grid;
    min-height: 260px;
    place-items: center;
    color: #6f7d88;
    font-size: 11px;
}

.chart-zero-line {
    stroke: rgba(255, 255, 255, 0.15);
    stroke-width: 1;
    stroke-dasharray: 5 5;
}

.equity-chart-line {
    fill: none;
    stroke: #d6b648;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.chart-point-positive {
    fill: #4bd486;
    stroke: rgba(255, 255, 255, 0.5);
    stroke-width: 1;
}

.chart-point-negative {
    fill: #ef7474;
    stroke: rgba(255, 255, 255, 0.5);
    stroke-width: 1;
}

.daily-bar-positive {
    fill: #3ec678;
}

.daily-bar-negative {
    fill: #dc6464;
}

.equity-empty {
    margin-top: 15px;
}

@media (max-width: 1100px) {
    .equity-metric-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .performance-chart-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .equity-consistency-header {
        flex-direction: column;
    }

    .equity-net-result {
        min-width: 0;
        width: 100%;
        text-align: left;
    }

    .equity-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .equity-highlight-row {
        grid-template-columns: 1fr;
    }

    .native-chart {
        min-height: 220px;
    }

    .native-chart svg {
        min-height: 200px;
    }
}


/* =========================================================
   V10K-C6 TRADE COACH AND DISCIPLINE SCORE
   ========================================================= */

.trade-coach-section {
    margin-top: 24px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 18px;
    background:
        radial-gradient(
            circle at top right,
            rgba(139, 92, 246, 0.11),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            rgba(17, 25, 34, 0.98),
            rgba(7, 12, 17, 0.98)
        );
}

.trade-coach-header {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
}

.discipline-score {
    min-width: 205px;
    padding: 15px;
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 13px;
    background: rgba(91, 33, 182, 0.11);
    text-align: right;
}

.discipline-score small,
.discipline-score strong,
.discipline-score span {
    display: block;
}

.discipline-score small {
    color: #9889bd;
    font-size: 9px;
    font-weight: 800;
}

.discipline-score strong {
    margin-top: 4px;
    color: #bea8ff;
    font-size: 34px;
    line-height: 1;
}

.discipline-score span {
    margin-top: 5px;
    color: #8f82aa;
    font-size: 9px;
    font-weight: 800;
}

.discipline-score[data-grade="elite"],
.discipline-score[data-grade="strong"] {
    border-color: rgba(74, 222, 128, 0.27);
    background: rgba(20, 83, 45, 0.12);
}

.discipline-score[data-grade="elite"] strong,
.discipline-score[data-grade="strong"] strong {
    color: #75dda0;
}

.discipline-score[data-grade="caution"] {
    border-color: rgba(245, 190, 60, 0.28);
    background: rgba(120, 82, 8, 0.12);
}

.discipline-score[data-grade="caution"] strong {
    color: #e4bd55;
}

.discipline-score[data-grade="reset-needed"] {
    border-color: rgba(248, 113, 113, 0.3);
    background: rgba(127, 29, 29, 0.14);
}

.discipline-score[data-grade="reset-needed"] strong {
    color: #ff8888;
}

.coach-metric-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.coach-metric-grid article {
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 10px;
    background: rgba(3, 8, 13, 0.52);
}

.coach-metric-grid small,
.coach-metric-grid strong,
.coach-metric-grid span {
    display: block;
}

.coach-metric-grid small {
    min-height: 22px;
    color: #7c8994;
    font-size: 9px;
}

.coach-metric-grid strong {
    margin-top: 6px;
    color: #e9eef1;
    font-size: 15px;
    line-height: 1.35;
}

.coach-metric-grid span {
    margin-top: 4px;
    color: #7c8994;
    font-size: 9px;
}

.coach-column-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.coach-list-card {
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 12px;
    background: rgba(3, 8, 13, 0.5);
}

.coach-list-card header {
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.065);
}

.coach-list-card header small {
    color: #7a8792;
    font-size: 8px;
    font-weight: 800;
}

.coach-list-card h3 {
    margin: 4px 0 0;
    font-size: 15px;
}

.coach-list-card ul,
.coach-list-card ol {
    margin: 13px 0 0;
    padding-left: 18px;
}

.coach-list-card li {
    margin-bottom: 9px;
    color: #adb8c1;
    font-size: 11px;
    line-height: 1.55;
}

.coach-list-card p {
    margin: 13px 0 0;
    color: #84919c;
    font-size: 11px;
    line-height: 1.55;
}

.coach-list-card.strengths {
    border-color: rgba(74, 222, 128, 0.16);
}

.coach-list-card.warnings {
    border-color: rgba(248, 113, 113, 0.16);
}

.coach-list-card.actions {
    border-color: rgba(212, 175, 55, 0.18);
}

.coach-disclaimer {
    margin: 14px 0 0;
    color: #67747f;
    font-size: 9px;
    line-height: 1.55;
}

@media (max-width: 1100px) {
    .coach-metric-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .coach-column-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .trade-coach-header {
        flex-direction: column;
    }

    .discipline-score {
        min-width: 0;
        width: 100%;
        text-align: left;
    }

    .coach-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* =========================================================
   V10K-C7 SESSION AND EXECUTION ANALYTICS
   ========================================================= */

.execution-analytics-section {
    margin-top: 24px;
    padding: 24px;
    border: 1px solid rgba(255,255,255,0.085);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(17,25,34,0.98),
            rgba(7,12,17,0.98)
        );
}

.execution-analytics-header {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
}

.execution-rule-score {
    min-width: 210px;
    padding: 14px;
    border: 1px solid rgba(74,222,128,0.24);
    border-radius: 12px;
    background: rgba(20,83,45,0.11);
    text-align: right;
}

.execution-rule-score small,
.execution-rule-score strong {
    display: block;
}

.execution-rule-score small {
    color: #7f9187;
    font-size: 9px;
    font-weight: 800;
}

.execution-rule-score strong {
    margin-top: 5px;
    color: #78dda0;
    font-size: 25px;
}

.execution-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 10px;
    margin-top: 18px;
}

.execution-stat-grid article {
    padding: 13px;
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 10px;
    background: rgba(3,8,13,0.52);
}

.execution-stat-grid small,
.execution-stat-grid strong,
.execution-stat-grid span {
    display: block;
}

.execution-stat-grid small {
    min-height: 22px;
    color: #7e8b96;
    font-size: 9px;
}

.execution-stat-grid strong {
    margin-top: 6px;
    color: #edf2f5;
    font-size: 16px;
}

.execution-stat-grid span {
    margin-top: 4px;
    color: #85929c;
    font-size: 10px;
}

.execution-table-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px;
    margin-top: 16px;
}

.execution-table-card {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.075);
    border-radius: 12px;
    background: rgba(3,8,13,0.46);
}

.execution-table-card > header {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 14px;
    border-bottom: 1px solid rgba(255,255,255,0.07);
}

.execution-table-card h3 {
    margin: 0;
    font-size: 14px;
}

.execution-table-card header span {
    color: #75838e;
    font-size: 9px;
    font-weight: 800;
}

.execution-journal-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.execution-journal-tags span {
    padding: 5px 8px;
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 999px;
    background: rgba(255,255,255,0.035);
    color: #9eabb5;
    font-size: 8px;
    font-weight: 800;
}

.execution-journal-tags span.good {
    border-color: rgba(74,222,128,0.22);
    color: #76d99d;
}

.execution-journal-tags span.bad {
    border-color: rgba(248,113,113,0.24);
    color: #f58d8d;
}

.trade-setup-note {
    margin: 9px 0 0;
    padding: 10px;
    border-left: 2px solid rgba(139,92,246,0.4);
    color: #aab5bd;
    font-size: 11px;
    line-height: 1.55;
}

.trade-result-form label:has(
    textarea[name="setup_note"]
) {
    grid-column: 1 / -1;
}

@media (max-width: 1000px) {
    .execution-stat-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .execution-table-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .execution-analytics-header {
        flex-direction: column;
    }

    .execution-rule-score {
        min-width: 0;
        width: 100%;
        text-align: left;
    }
}


/* =========================================================
   V10K-C8A PRE-TRADE APPROVAL GATE
   ========================================================= */

.pretrade-checklist {
    grid-column: 1 / -1;
    padding: 17px;
    border: 1px solid rgba(245, 190, 60, 0.22);
    border-radius: 14px;
    background: rgba(120, 82, 8, 0.08);
}

.pretrade-checklist > header {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start;
}

.pretrade-checklist header small {
    color: #b79b53;
    font-size: 9px;
    font-weight: 800;
}

.pretrade-checklist h3 {
    margin: 4px 0 0;
}

.pretrade-readiness-score {
    min-width: 95px;
    padding: 9px;
    border: 1px solid rgba(248, 113, 113, 0.25);
    border-radius: 10px;
    background: rgba(127, 29, 29, 0.12);
    text-align: center;
}

.pretrade-readiness-score strong {
    color: #f58b8b;
    font-size: 23px;
}

.pretrade-readiness-score span {
    color: #8d989f;
    font-size: 9px;
}

.pretrade-readiness-score[data-status="approved"] {
    border-color: rgba(74, 222, 128, 0.25);
    background: rgba(20, 83, 45, 0.12);
}

.pretrade-readiness-score[data-status="approved"] strong {
    color: #77dda0;
}

.pretrade-select-grid,
.pretrade-check-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 14px;
}

.pretrade-check-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pretrade-check-grid label {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    background: rgba(3, 8, 13, 0.42);
    color: #aeb8c0;
    font-size: 10px;
    cursor: pointer;
}

.pretrade-check-grid input {
    width: auto;
    margin: 0;
}

.pretrade-note-field {
    display: block;
    margin-top: 12px;
}

.pretrade-note-field textarea {
    width: 100%;
    min-height: 70px;
    margin-top: 5px;
    resize: vertical;
}

#pretrade-readiness-message {
    margin: 11px 0 0;
    color: #9d8a59;
    font-size: 10px;
}

.saved-readiness-strip {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(74, 222, 128, 0.2);
    border-radius: 9px;
    background: rgba(20, 83, 45, 0.1);
}

.saved-readiness-strip small,
.saved-readiness-strip strong {
    display: block;
}

.saved-readiness-strip small {
    color: #7d8b94;
    font-size: 8px;
}

.saved-readiness-strip strong {
    margin-top: 3px;
    color: #78dda0;
    font-size: 13px;
}

.saved-readiness-strip span {
    color: #78dda0;
    font-size: 9px;
    font-weight: 900;
}

.saved-pretrade-note {
    margin: 9px 0 0;
    padding: 9px;
    border-left: 2px solid rgba(245, 190, 60, 0.38);
    color: #aeb8c0;
    font-size: 10px;
    line-height: 1.55;
}

@media (max-width: 850px) {
    .pretrade-check-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .pretrade-select-grid,
    .pretrade-check-grid {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   V11-B1 LIVE SIGNAL ALERTS
   ========================================================= */

.signal-alert-toggle {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    min-height: 36px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.035);
    color: #89959e;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.08em;
    cursor: pointer;
    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        color 0.2s ease;
}

.signal-alert-toggle:hover {
    border-color: rgba(245, 190, 60, 0.32);
    color: #d5bd78;
}

.signal-alert-toggle.enabled {
    border-color: rgba(74, 222, 128, 0.28);
    background: rgba(20, 83, 45, 0.13);
    color: #78dda0;
}

#signal-alert-icon {
    font-size: 14px;
}

.signal-toast-stack {
    position: fixed;
    z-index: 99999;
    top: 78px;
    right: 20px;
    display: grid;
    gap: 9px;
    width: min(380px, calc(100vw - 30px));
    pointer-events: none;
}

.signal-toast {
    display: grid;
    grid-template-columns: 34px 1fr 22px;
    gap: 10px;
    align-items: center;
    width: 100%;
    padding: 13px;
    border: 1px solid rgba(245, 190, 60, 0.28);
    border-radius: 13px;
    background:
        linear-gradient(
            145deg,
            rgba(18, 24, 31, 0.99),
            rgba(7, 12, 17, 0.99)
        );
    box-shadow:
        0 18px 50px rgba(0, 0, 0, 0.42);
    color: #eef2f4;
    text-align: left;
    cursor: pointer;
    opacity: 0;
    transform: translateX(28px);
    pointer-events: auto;
    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

.signal-toast.show {
    opacity: 1;
    transform: translateX(0);
}

.signal-toast.success {
    border-color: rgba(74, 222, 128, 0.32);
}

.signal-toast.danger {
    border-color: rgba(248, 113, 113, 0.36);
}

.signal-toast.neutral {
    border-color: rgba(148, 163, 184, 0.25);
}

.signal-toast-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: rgba(245, 190, 60, 0.1);
    font-size: 16px;
}

.signal-toast.success .signal-toast-icon {
    background: rgba(20, 83, 45, 0.17);
}

.signal-toast.danger .signal-toast-icon {
    background: rgba(127, 29, 29, 0.17);
}

.signal-toast-copy {
    min-width: 0;
}

.signal-toast-copy strong,
.signal-toast-copy b,
.signal-toast-copy small {
    display: block;
}

.signal-toast-copy strong {
    color: #d8b95f;
    font-size: 9px;
    letter-spacing: 0.09em;
}

.signal-toast.success .signal-toast-copy strong {
    color: #78dda0;
}

.signal-toast.danger .signal-toast-copy strong {
    color: #f38d8d;
}

.signal-toast-copy b {
    overflow: hidden;
    margin-top: 4px;
    color: #f2f5f7;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.signal-toast-copy small {
    overflow: hidden;
    margin-top: 3px;
    color: #87939c;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.signal-toast-close {
    align-self: start;
    color: #6f7a83;
    font-size: 17px;
}

@media (max-width: 720px) {
    #signal-alert-label {
        display: none;
    }

    .signal-alert-toggle {
        width: 36px;
        justify-content: center;
        padding: 0;
    }

    .signal-toast-stack {
        top: 68px;
        right: 10px;
        width: calc(100vw - 20px);
    }
}


/* =========================================================
   V11-B1.1 SOUND CONTROL CENTRE
   ========================================================= */

.signal-sound-settings-button {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.035);
    color: #9da8af;
    font-size: 14px;
    cursor: pointer;
}

.signal-sound-settings-button:hover {
    border-color: rgba(245, 190, 60, 0.35);
    color: #d8b95f;
}

.signal-sound-panel {
    position: absolute;
    z-index: 100000;
    top: 58px;
    right: 78px;
    width: min(340px, calc(100vw - 24px));
    padding: 16px;
    border: 1px solid rgba(245, 190, 60, 0.24);
    border-radius: 14px;
    background:
        linear-gradient(
            145deg,
            rgba(18, 24, 31, 0.995),
            rgba(7, 12, 17, 0.995)
        );
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.5);
}

.signal-sound-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 18px;
}

.signal-sound-panel-head strong {
    display: block;
    color: #d8b95f;
    font-size: 11px;
    letter-spacing: 0.09em;
}

.signal-sound-panel-head small {
    display: block;
    margin-top: 4px;
    color: #74808a;
    font-size: 9px;
}

.signal-sound-panel-head button {
    border: 0;
    background: transparent;
    color: #7f8991;
    font-size: 20px;
    cursor: pointer;
}

.signal-sound-field {
    display: block;
    margin-top: 14px;
}

.signal-sound-field > span {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.signal-sound-field b,
.signal-sound-field strong {
    color: #cbd3d8;
    font-size: 10px;
}

.signal-sound-field strong {
    color: #d8b95f;
}

.signal-sound-field input[type="range"] {
    width: 100%;
    accent-color: #d8b95f;
}

.signal-sound-field select {
    width: 100%;
    min-height: 38px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 9px;
    background: #111820;
    color: #e7ecef;
}

.signal-sound-tests {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
    margin-top: 16px;
}

.signal-sound-tests button,
.signal-sound-mute {
    min-height: 36px;
    border: 1px solid rgba(245, 190, 60, 0.20);
    border-radius: 9px;
    background: rgba(245, 190, 60, 0.06);
    color: #d8b95f;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.06em;
    cursor: pointer;
}

.signal-sound-tests button:hover,
.signal-sound-mute:hover {
    background: rgba(245, 190, 60, 0.11);
}

.signal-sound-mute {
    width: 100%;
    margin-top: 10px;
}

.signal-sound-mute.muted {
    border-color: rgba(248, 113, 113, 0.28);
    background: rgba(127, 29, 29, 0.14);
    color: #f38d8d;
}

@media (max-width: 720px) {
    .signal-sound-panel {
        position: fixed;
        top: 64px;
        right: 10px;
        left: 10px;
        width: auto;
    }
}


/* =========================================================
   V11-B1.2 EXTENDED SOUND LIBRARY
   ========================================================= */

.signal-event-sound-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2px;
    max-height: 330px;
    padding-right: 4px;
    overflow-y: auto;
}

.signal-event-sound-grid::-webkit-scrollbar {
    width: 5px;
}

.signal-event-sound-grid::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(216, 185, 95, 0.25);
}

.signal-event-sound-grid .signal-sound-field {
    margin-top: 10px;
}

.signal-event-sound-grid select {
    cursor: pointer;
}


/* =========================================================
   V11-B2 UNIFIED ADMIN, SUPPORT & ACCOUNT ALERTS
   ========================================================= */

.notification-sound-divider {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 18px 0 4px;
    color: #7e8991;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.11em;
}

.notification-sound-divider::before,
.notification-sound-divider::after {
    content: "";
    height: 1px;
    flex: 1;
    background: rgba(255, 255, 255, 0.08);
}

.unified-notification-toast.admin {
    border-color: rgba(216, 185, 95, 0.42);
}

.unified-notification-toast.admin
.signal-toast-icon {
    background: rgba(216, 185, 95, 0.13);
}

.unified-notification-toast.support {
    border-color: rgba(96, 165, 250, 0.38);
}

.unified-notification-toast.support
.signal-toast-icon {
    background: rgba(30, 64, 175, 0.18);
}

.unified-notification-toast.support
.signal-toast-copy strong {
    color: #83b7f7;
}

.unified-notification-toast.account {
    border-color: rgba(74, 222, 128, 0.34);
}

.unified-notification-toast.account
.signal-toast-icon {
    background: rgba(20, 83, 45, 0.17);
}

.unified-notification-toast.account
.signal-toast-copy strong {
    color: #78dda0;
}

.unified-notification-toast.security {
    border-color: rgba(248, 113, 113, 0.42);
}

.unified-notification-toast.security
.signal-toast-icon {
    background: rgba(127, 29, 29, 0.2);
}

.unified-notification-toast.security
.signal-toast-copy strong {
    color: #f38d8d;
}


/* =========================================================
   V10K-C8B AUTOMATIC SMART TRADE CHECK
   ========================================================= */

.automatic-readiness-card {
    margin-top: 18px;
    padding: 18px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 15px;
    background:
        linear-gradient(
            145deg,
            rgba(17, 24, 32, 0.98),
            rgba(8, 13, 19, 0.98)
        );
}

.automatic-readiness-card > header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}

.automatic-readiness-card > header small {
    color: #8a969e;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.automatic-readiness-card > header h3 {
    margin: 4px 0 0;
    color: #edf2f4;
}

.automatic-readiness-score {
    display: flex;
    align-items: baseline;
    gap: 3px;
    min-width: 76px;
    justify-content: center;
    padding: 10px;
    border-radius: 11px;
    background: rgba(148, 163, 184, 0.08);
}

.automatic-readiness-score strong {
    font-size: 23px;
    color: #cbd5db;
}

.automatic-readiness-score span {
    color: #73808a;
    font-size: 10px;
}

.automatic-readiness-result {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 13px;
    align-items: center;
    margin-top: 17px;
    padding: 15px;
    border-radius: 12px;
    background: rgba(148, 163, 184, 0.06);
}

.automatic-readiness-result > span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(148, 163, 184, 0.12);
    color: #cbd5db;
    font-size: 20px;
    font-weight: 900;
}

.automatic-readiness-result strong {
    display: block;
    color: #dce3e7;
    font-size: 12px;
    letter-spacing: 0.06em;
}

.automatic-readiness-result p {
    margin: 5px 0 0;
    color: #8b979f;
    font-size: 10px;
    line-height: 1.55;
}

.automatic-readiness-card[data-status="ready"] {
    border-color: rgba(74, 222, 128, 0.34);
}

.automatic-readiness-card[data-status="ready"]
.automatic-readiness-score strong,
.automatic-readiness-card[data-status="ready"]
.automatic-readiness-result strong {
    color: #78dda0;
}

.automatic-readiness-card[data-status="ready"]
.automatic-readiness-result > span {
    background: rgba(20, 83, 45, 0.22);
    color: #78dda0;
}

.automatic-readiness-card[data-status="review"] {
    border-color: rgba(245, 190, 60, 0.34);
}

.automatic-readiness-card[data-status="review"]
.automatic-readiness-score strong,
.automatic-readiness-card[data-status="review"]
.automatic-readiness-result strong {
    color: #d8b95f;
}

.automatic-readiness-card[data-status="review"]
.automatic-readiness-result > span {
    background: rgba(120, 82, 15, 0.2);
    color: #d8b95f;
}

.automatic-readiness-card[data-status="skip"] {
    border-color: rgba(248, 113, 113, 0.38);
}

.automatic-readiness-card[data-status="skip"]
.automatic-readiness-score strong,
.automatic-readiness-card[data-status="skip"]
.automatic-readiness-result strong {
    color: #f38d8d;
}

.automatic-readiness-card[data-status="skip"]
.automatic-readiness-result > span {
    background: rgba(127, 29, 29, 0.22);
    color: #f38d8d;
}

.automatic-readiness-details,
.automatic-readiness-note {
    margin-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    padding-top: 12px;
}

.automatic-readiness-details summary,
.automatic-readiness-note summary {
    color: #9da8af;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.08em;
    cursor: pointer;
}

.automatic-readiness-checks {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.automatic-check-row {
    display: grid;
    grid-template-columns: 26px 1fr;
    gap: 9px;
    padding: 10px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.025);
}

.automatic-check-row > span {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    font-weight: 900;
}

.automatic-check-row b,
.automatic-check-row small {
    display: block;
}

.automatic-check-row b {
    color: #dbe2e6;
    font-size: 10px;
}

.automatic-check-row small {
    margin-top: 3px;
    color: #7e8a92;
    font-size: 9px;
    line-height: 1.45;
}

.automatic-check-row.passed > span {
    background: rgba(20, 83, 45, 0.2);
    color: #78dda0;
}

.automatic-check-row.failed > span {
    background: rgba(127, 29, 29, 0.19);
    color: #f38d8d;
}

.automatic-readiness-card
.pretrade-select-grid {
    margin-top: 16px;
}

.automatic-readiness-card
.pretrade-select-grid small {
    display: block;
    margin-top: 6px;
    color: #707c85;
    font-size: 8px;
    line-height: 1.45;
}


/* V11-C0 PRICE, NOTIFICATION & SIDEBAR POLISH */

/* Keep the notification panel contained and professional */
.notification-popover {
    width: min(420px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.notification-popover header {
    min-width: 0;
}

.notification-popover header b {
    min-width: 0;
    overflow-wrap: anywhere;
}

#notification-list {
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

#notification-list > p {
    margin: 0 !important;
    padding: 24px 20px !important;
    color: #c3cad5;
    font-size: 14px;
    line-height: 1.5;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
}

.notification-item {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.notification-item b,
.notification-item span,
.notification-item small {
    width: 100%;
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
    line-height: 1.45;
}

/* Keep important member navigation labels on one clean line */
.member-body .sidebar .side-nav > a[href="/lot-size-calculator"],
.member-body .sidebar .side-nav > a[href="/support"] {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
}

.member-body .sidebar .side-nav > a[href="/lot-size-calculator"] .nav-icon,
.member-body .sidebar .side-nav > a[href="/support"] .nav-icon {
    width: 24px !important;
    min-width: 24px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.member-body .sidebar .side-nav > a[href="/lot-size-calculator"] > span:last-child,
.member-body .sidebar .side-nav > a[href="/support"] > span:last-child {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: visible !important;
    line-height: 1.25 !important;
    text-align: left !important;
}

@media (max-width: 900px) {
    .notification-popover {
        right: 16px !important;
        left: 16px !important;
        width: auto !important;
        max-width: none !important;
    }
}


/* V11-C1 DAILY PERFORMANCE SUMMARY */

.daily-performance-panel {
    position: relative;
    z-index: 3;
    margin: -10px 0 30px;
    padding: 22px;
    border: 1px solid rgba(212, 175, 55, .22);
    border-radius: 18px;
    background:
        radial-gradient(
            circle at 88% 0,
            rgba(212, 175, 55, .08),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(11, 17, 26, .98),
            rgba(6, 10, 16, .98)
        );
    box-shadow: 0 18px 45px rgba(0, 0, 0, .24);
}

.daily-performance-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.daily-performance-head h2 {
    margin: 4px 0 5px;
    font-size: 21px;
}

.daily-performance-head p {
    margin: 0;
    color: #8f9aaa;
    font-size: 12px;
}

.daily-session-live {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid rgba(32, 216, 135, .25);
    border-radius: 999px;
    background: rgba(32, 216, 135, .08);
    color: #69eba7;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .1em;
}

.daily-session-live i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #20d887;
    box-shadow: 0 0 12px #20d887;
}

.daily-performance-grid {
    display: grid;
    grid-template-columns:
        repeat(5, minmax(120px, 1fr));
    gap: 11px;
}

.daily-performance-grid article {
    min-width: 0;
    padding: 15px 16px;
    border: 1px solid #222c39;
    border-radius: 13px;
    background: rgba(8, 13, 20, .88);
}

.daily-performance-grid article > span,
.daily-performance-grid article > strong,
.daily-performance-grid article > small {
    display: block;
}

.daily-performance-grid article > span {
    color: #818c9c;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .11em;
}

.daily-performance-grid article > strong {
    margin: 8px 0 6px;
    color: #f4f6f8;
    font-size: 23px;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.daily-performance-grid article > small {
    color: #687586;
    font-size: 9px;
    line-height: 1.45;
}

.daily-performance-grid
.performance-success > strong {
    color: #4de88c;
}

.daily-performance-grid
.performance-gold > strong {
    color: #f0c54d;
}

.daily-performance-grid
.performance-danger > strong {
    color: #ff5c68;
}

.daily-performance-grid
.performance-rate > strong {
    color: #69b8ff;
}

.daily-performance-grid
.performance-wide {
    grid-column: span 2;
}

.daily-performance-grid
.performance-wide > strong {
    font-size: 16px;
}

@media (max-width: 1180px) {
    .daily-performance-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .daily-performance-panel {
        padding: 17px;
    }

    .daily-performance-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .daily-performance-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .daily-performance-grid
    .performance-wide {
        grid-column: span 2;
    }
}


/* ELITE_TRADE_MANAGEMENT_BADGES_V1 */
.trade-management-banner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  margin: 14px 0;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.07),
      rgba(255,255,255,.025)
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 28px rgba(0,0,0,.18);
}

.trade-management-banner > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  min-height: 29px;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .08em;
  white-space: nowrap;
}

.trade-management-banner > strong {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .055em;
}

.trade-management-banner > small {
  color: rgba(255,255,255,.68);
  font-size: 10px;
  font-weight: 700;
  text-align: right;
}

.management-breakeven {
  border-color: rgba(50,215,155,.34);
  background:
    linear-gradient(
      135deg,
      rgba(25,160,115,.18),
      rgba(20,40,36,.36)
    );
}

.management-breakeven > span {
  color: #081d16;
  background: #42dca6;
}

.management-breakeven > strong {
  color: #6df3c2;
}

.management-tp2 {
  border-color: rgba(235,190,75,.38);
  background:
    linear-gradient(
      135deg,
      rgba(190,135,25,.2),
      rgba(45,35,15,.38)
    );
}

.management-tp2 > span {
  color: #241800;
  background: #e8bc4f;
}

.management-tp2 > strong {
  color: #f4d477;
}

.management-protective {
  border-color: rgba(100,180,255,.36);
  background:
    linear-gradient(
      135deg,
      rgba(45,120,190,.2),
      rgba(15,32,52,.4)
    );
}

.management-protective > span {
  color: #07192c;
  background: #69b9ff;
}

.management-protective > strong {
  color: #8dcbff;
}

.management-session {
  border-color: rgba(170,175,190,.28);
  background:
    linear-gradient(
      135deg,
      rgba(115,120,135,.16),
      rgba(27,29,35,.42)
    );
}

.management-session > span {
  color: #15171c;
  background: #b8bdc9;
}

.management-session > strong {
  color: #d8dce6;
}

.member-levels .level-hit {
  border-color: rgba(65,220,160,.4);
  background: rgba(30,155,110,.09);
}

.member-levels .level-hit em {
  display: block;
  margin-top: 4px;
  color: #52e5ae;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .07em;
}

@media (max-width: 720px) {
  .trade-management-banner {
    grid-template-columns: auto 1fr;
  }

  .trade-management-banner > small {
    grid-column: 1 / -1;
    text-align: left;
  }
}


/* ================================================================
   MEMBER SIDEBAR NAVIGATION ALIGNMENT
   Keeps icons and labels in stable columns without overlap.
   ================================================================ */

.member-body .sidebar .side-nav > a.nav-main {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: 24px minmax(0, 1fr);
  min-height: 48px;
  padding: 11px 14px;
  width: 100%;
}

.member-body .sidebar .side-nav > a.nav-main > .nav-icon {
  align-items: center;
  display: flex;
  flex: 0 0 24px;
  font-size: 18px;
  height: 24px;
  justify-content: center;
  line-height: 1;
  margin: 0;
  min-width: 24px;
  text-align: center;
  width: 24px;
}

.member-body .sidebar .side-nav > a.nav-main > span:last-child {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.28;
  margin: 0;
  min-width: 0;
  overflow-wrap: normal;
  text-align: left;
  white-space: normal;
  width: auto;
  word-break: normal;
}

.member-body .sidebar .side-nav > a[href="/faq"] {
  min-height: 52px;
}

.member-body .sidebar .side-nav > a[href="/faq"] > span:last-child {
  white-space: nowrap;
}

.member-body .sidebar .side-nav > a[href="/support"] {
  margin-top: 2px;
}

@media (max-width: 1180px) and (min-width: 901px) {
  .member-body .sidebar .side-nav > a.nav-main > span:last-child {
    font-size: 13px;
  }

  .member-body .sidebar .side-nav > a[href="/faq"] > span:last-child {
    white-space: normal;
  }
}

/* =========================================================
   PERFECT MEMBER SIDEBAR ALIGNMENT
   Makes all top sidebar links start on the same line
   ========================================================= */

.member-body .sidebar .side-nav > a {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 16px !important;
  min-height: 52px !important;
  padding: 12px 16px !important;
  text-decoration: none;
  width: 100%;
  box-sizing: border-box;
}

.member-body .sidebar .side-nav > a > .nav-icon {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-size: 18px !important;
}

.member-body .sidebar .side-nav > a > span:not(.nav-icon) {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  text-align: left !important;
  line-height: 1.25 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

/* Keep active item aligned exactly the same */
.member-body .sidebar .side-nav > a.active,
.member-body .sidebar .side-nav > a.nav-main.active {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  column-gap: 16px !important;
  align-items: center !important;
}

/* If any older rule adds random left shifts, kill it */
.member-body .sidebar .side-nav > a > span {
  justify-self: start !important;
}

/* Slightly tighter for medium screens */
@media (max-width: 1280px) {
  .member-body .sidebar .side-nav > a {
    grid-template-columns: 24px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    padding: 11px 14px !important;
  }

  .member-body .sidebar .side-nav > a > .nav-icon {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    font-size: 17px !important;
  }

  .member-body .sidebar .side-nav > a > span:not(.nav-icon) {
    font-size: 14px !important;
  }
}


/* Final Lot Size Calculator text alignment */
.member-body .sidebar .side-nav > a[href="/lot-size-calculator"] > span:last-child {
  margin-left: 12px !important;
  transform: none !important;
  position: static !important;
}


/* ================================================================
   ADMIN SIGNAL PIPELINE HEALTH MONITOR
   ================================================================ */

.signal-health-panel {
  background:
    radial-gradient(
      circle at 91% 5%,
      rgba(44, 172, 112, 0.08),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      #0d141d,
      #080c12
    );
}

.signal-health-state {
  align-items: center;
  border: 1px solid #344052;
  border-radius: 999px;
  color: #aab3c0;
  display: inline-flex;
  font-size: 10px;
  font-weight: 900;
  gap: 8px;
  letter-spacing: 0.08em;
  padding: 9px 13px;
}

.signal-health-state i {
  background: currentColor;
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

.signal-health-state.healthy {
  background: rgba(32, 216, 135, 0.09);
  border-color: rgba(32, 216, 135, 0.35);
  color: #20d887;
}

.signal-health-state.warning {
  background: rgba(255, 181, 46, 0.1);
  border-color: rgba(255, 181, 46, 0.4);
  color: #ffb52e;
}

.signal-health-state.no_data {
  background: rgba(141, 153, 170, 0.08);
  color: #9aa5b5;
}

.signal-health-summary {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 19px;
}

.signal-health-summary article {
  background: rgba(5, 9, 15, 0.72);
  border: 1px solid #263142;
  border-radius: 14px;
  min-height: 116px;
  padding: 16px;
}

.signal-health-summary small,
.signal-health-details small,
.signal-source-health small {
  color: #7e8999;
  display: block;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.09em;
}

.signal-health-summary strong {
  display: block;
  font-size: 27px;
  margin: 10px 0 7px;
}

.signal-health-summary span,
.signal-health-details span {
  color: #7f8a9a;
  font-size: 10px;
  line-height: 1.5;
}

.signal-health-summary .health-success strong,
.signal-health-summary .health-protection {
  color: #20d887;
}

.signal-health-summary .health-warning {
  border-color: rgba(255, 181, 46, 0.42);
}

.signal-health-summary .health-warning strong {
  color: #ffb52e;
}

.signal-health-details {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 12px;
}

.signal-health-details article {
  background: #070b11;
  border: 1px solid #222d3c;
  border-radius: 13px;
  min-width: 0;
  padding: 15px;
}

.signal-health-details strong {
  display: block;
  font-size: 13px;
  margin: 8px 0 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.signal-health-details .health-public-id {
  color: #e2bd62;
  font-family: monospace;
}

.signal-source-health {
  border-top: 1px solid #202a38;
  margin-top: 18px;
  padding-top: 18px;
}

.signal-source-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 11px;
}

.signal-source-title h3 {
  font-size: 14px;
  margin: 0;
}

.signal-source-title span {
  color: #748095;
  font-size: 9px;
  font-weight: 900;
}

.signal-source-grid {
  display: grid;
  gap: 11px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.signal-source-grid article {
  background: #060a10;
  border: 1px solid #243042;
  border-radius: 13px;
  min-width: 0;
  padding: 14px;
}

.signal-source-grid article.source-healthy {
  border-left: 3px solid #20d887;
}

.signal-source-grid article.source-warning {
  border-left: 3px solid #ffb52e;
}

.signal-source-grid header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.signal-source-grid header strong {
  display: block;
  font-size: 13px;
  margin-top: 4px;
}

.signal-source-grid header > span {
  color: #20d887;
  font-size: 8px;
  font-weight: 900;
}

.signal-source-grid .source-warning header > span {
  color: #ffb52e;
}

.signal-source-grid article > div {
  display: grid;
  gap: 6px;
  margin: 13px 0;
}

.signal-source-grid p {
  color: #8590a0;
  display: flex;
  font-size: 10px;
  justify-content: space-between;
  margin: 0;
}

.signal-source-grid p b {
  color: #eef1f5;
}

.signal-source-grid footer {
  border-top: 1px solid #1d2735;
  display: grid;
  gap: 6px;
  padding-top: 11px;
}

.signal-source-grid footer span {
  color: #727e90;
  font-size: 9px;
}

.signal-source-grid footer code {
  color: #e2bd62;
  font-size: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.signal-health-empty {
  border: 1px dashed #334054;
  border-radius: 12px;
  color: #828e9f;
  font-size: 11px;
  margin-top: 17px;
  padding: 19px;
  text-align: center;
}

.signal-health-actions {
  border-top: 1px solid #202a38;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 18px;
  padding-top: 16px;
}

.signal-health-actions .row-button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: 37px;
  text-decoration: none;
}

@media (max-width: 1150px) {
  .signal-health-summary {
    grid-template-columns: repeat(2, 1fr);
  }

  .signal-source-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .signal-health-summary,
  .signal-health-details,
  .signal-source-grid {
    grid-template-columns: 1fr;
  }
}


/* ================================================================
   ADMIN LANDING DASHBOARD HEALTH MONITOR
   ================================================================ */

.dashboard-health-monitor {
  background:
    radial-gradient(
      circle at 96% 0%,
      rgba(29, 215, 126, 0.08),
      transparent 32%
    ),
    linear-gradient(145deg, #0a0f16, #06090d);
  border: 1px solid #222c3a;
  border-radius: 12px;
  margin: 16px 0;
  padding: 18px;
}

.dashboard-health-head {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.dashboard-health-head h2 {
  font-size: 17px;
  margin: 4px 0 5px;
}

.dashboard-health-head > div > p:last-child {
  color: #818c9c;
  font-size: 9px;
  margin: 0;
}

.dashboard-health-badge {
  align-items: center;
  background: rgba(138, 149, 164, 0.08);
  border: 1px solid #374254;
  border-radius: 999px;
  color: #a8b0bd;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 8px;
  font-weight: 900;
  gap: 7px;
  letter-spacing: 0.08em;
  padding: 8px 12px;
}

.dashboard-health-badge i {
  background: currentColor;
  border-radius: 50%;
  height: 7px;
  width: 7px;
}

.dashboard-health-badge.healthy {
  background: rgba(29, 215, 126, 0.09);
  border-color: rgba(29, 215, 126, 0.35);
  color: #1dd77e;
}

.dashboard-health-badge.warning {
  background: rgba(244, 181, 31, 0.1);
  border-color: rgba(244, 181, 31, 0.38);
  color: #f4b51f;
}

.dashboard-health-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 15px;
}

.dashboard-health-metrics article {
  background: #05090e;
  border: 1px solid #202a38;
  border-radius: 9px;
  min-height: 82px;
  padding: 13px;
}

.dashboard-health-metrics article > span,
.dashboard-health-details article > span {
  color: #768194;
  display: block;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.dashboard-health-metrics strong {
  display: block;
  font-size: 21px;
  margin: 7px 0 4px;
}

.dashboard-health-metrics small,
.dashboard-health-details small {
  color: #778294;
  display: block;
  font-size: 8px;
  line-height: 1.4;
}

.dashboard-health-metrics article.healthy strong {
  color: #1dd77e;
}

.dashboard-health-metrics article.warning {
  border-color: rgba(244, 181, 31, 0.4);
}

.dashboard-health-metrics article.warning strong {
  color: #f4b51f;
}

.dashboard-health-details {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 10px;
}

.dashboard-health-details article {
  background: #05080d;
  border: 1px solid #1e2836;
  border-radius: 9px;
  min-width: 0;
  padding: 12px 13px;
}

.dashboard-health-details strong {
  display: block;
  font-size: 10px;
  margin: 7px 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-health-public-id {
  color: #eab82d;
  font-family: monospace;
}

.dashboard-health-source-strip {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 10px;
}

.dashboard-health-source-strip article {
  background: #05090e;
  border: 1px solid #233043;
  border-left: 3px solid #1dd77e;
  border-radius: 9px;
  min-width: 0;
  padding: 11px 12px;
}

.dashboard-health-source-strip article.warning {
  border-left-color: #f4b51f;
}

.dashboard-health-source-strip article > div {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.dashboard-health-source-strip b {
  font-size: 9px;
}

.dashboard-health-source-strip span {
  color: #1dd77e;
  font-size: 7px;
  font-weight: 900;
}

.dashboard-health-source-strip article.warning span {
  color: #f4b51f;
}

.dashboard-health-source-strip p {
  color: #8490a0;
  font-size: 8px;
  margin: 8px 0;
}

.dashboard-health-source-strip code {
  color: #dab03c;
  display: block;
  font-size: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-health-empty {
  border: 1px dashed #354153;
  border-radius: 9px;
  color: #828e9f;
  font-size: 9px;
  margin-top: 10px;
  padding: 15px;
  text-align: center;
}

.dashboard-health-actions {
  border-top: 1px solid #202a37;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 13px;
  padding-top: 12px;
}

.dashboard-health-actions a {
  border: 1px solid #344052;
  border-radius: 7px;
  color: #cbd2dc;
  font-size: 8px;
  font-weight: 900;
  padding: 8px 11px;
  text-decoration: none;
}

.dashboard-health-actions a:hover {
  border-color: #e0b43e;
  color: #e0b43e;
}

@media (max-width: 1100px) {
  .dashboard-health-metrics {
    grid-template-columns: repeat(2, 1fr);
  }

  .dashboard-health-source-strip {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 700px) {
  .dashboard-health-head {
    display: grid;
  }

  .dashboard-health-metrics,
  .dashboard-health-details,
  .dashboard-health-source-strip {
    grid-template-columns: 1fr;
  }
}


/* ================================================================
   FINAL DASHBOARD HEALTH SOURCE ALIGNMENT
   ================================================================ */

.dashboard-health-source-strip {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;
  margin-top: 12px !important;
}

.dashboard-health-source-strip > article {
  background: #05090e !important;
  border: 1px solid #243043 !important;
  border-left: 3px solid #1dd77e !important;
  border-radius: 10px !important;
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 14px !important;
}

.dashboard-health-source-strip > article.warning {
  border-left-color: #f4b51f !important;
}

.dashboard-source-head {
  align-items: center !important;
  display: flex !important;
  justify-content: space-between !important;
}

.dashboard-source-head > div {
  display: grid !important;
  gap: 4px !important;
}

.dashboard-source-head span {
  color: #778294 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
}

.dashboard-source-head strong {
  color: #f2f4f7 !important;
  font-size: 12px !important;
}

.dashboard-source-head > b {
  color: #1dd77e !important;
  font-size: 8px !important;
  letter-spacing: 0.07em !important;
}

.dashboard-health-source-strip
> article.warning
.dashboard-source-head
> b {
  color: #f4b51f !important;
}

.dashboard-source-stats {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;
}

.dashboard-source-stats > span {
  background: #080d14 !important;
  border: 1px solid #1d2735 !important;
  border-radius: 7px !important;
  color: #7f8a9b !important;
  display: grid !important;
  font-size: 8px !important;
  gap: 4px !important;
  padding: 8px !important;
}

.dashboard-source-stats > span > strong {
  color: #eef1f5 !important;
  font-size: 12px !important;
}

.dashboard-health-source-strip code {
  border-top: 1px solid #1e2836 !important;
  color: #e3b63e !important;
  display: block !important;
  font-size: 8px !important;
  overflow: hidden !important;
  padding-top: 10px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 1050px) {
  .dashboard-health-source-strip {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .dashboard-health-source-strip,
  .dashboard-source-stats {
    grid-template-columns: 1fr !important;
  }
}


/* ================================================================
   MEMBER ONBOARDING CHECKLIST
   ================================================================ */

.member-onboarding {
  background:
    radial-gradient(
      circle at 95% 0%,
      rgba(221, 174, 45, 0.1),
      transparent 31%
    ),
    linear-gradient(
      145deg,
      #0b1119,
      #070a0f
    );
  border: 1px solid #2c3543;
  border-radius: 13px;
  margin: 16px 0;
  padding: 19px;
}

.member-onboarding-head {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.member-onboarding-head h2 {
  font-size: 18px;
  margin: 5px 0;
}

.member-onboarding-head p {
  color: #8a94a3;
  font-size: 10px;
  margin: 0;
}

.member-onboarding-progress {
  align-items: flex-end;
  display: grid;
  flex: 0 0 auto;
  text-align: right;
}

.member-onboarding-progress strong {
  color: #e4bb46;
  font-size: 25px;
}

.member-onboarding-progress span {
  color: #7f8998;
  font-size: 9px;
}

.member-onboarding-progress b {
  color: #dfe4eb;
}

.member-onboarding-bar {
  background: #151c26;
  border-radius: 999px;
  height: 5px;
  margin-top: 16px;
  overflow: hidden;
}

.member-onboarding-bar i {
  background: linear-gradient(
    90deg,
    #b98411,
    #f1ca58
  );
  border-radius: inherit;
  display: block;
  height: 100%;
  transition: width 0.25s ease;
}

.member-onboarding-grid {
  display: grid;
  gap: 9px;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  margin-top: 14px;
}

.member-onboarding-step {
  align-items: center;
  background: #060a10;
  border: 1px solid #222c3a;
  border-radius: 10px;
  display: grid;
  gap: 12px;
  grid-template-columns:
    30px minmax(0, 1fr) auto;
  min-height: 82px;
  padding: 13px;
}

.member-onboarding-step.complete {
  border-color: rgba(
    29,
    215,
    126,
    0.27
  );
}

.member-onboarding-check {
  align-items: center;
  background: #111823;
  border: 1px solid #344052;
  border-radius: 50%;
  color: #a9b1bd;
  display: flex;
  font-size: 10px;
  font-weight: 900;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.member-onboarding-step.complete
.member-onboarding-check {
  background: rgba(29, 215, 126, 0.1);
  border-color: rgba(29, 215, 126, 0.36);
  color: #1dd77e;
}

.member-onboarding-step > div {
  min-width: 0;
}

.member-onboarding-step > div > strong {
  display: block;
  font-size: 11px;
  margin-bottom: 5px;
}

.member-onboarding-step p {
  color: #7d8898;
  font-size: 9px;
  line-height: 1.45;
  margin: 0;
}

.member-onboarding-action,
.member-onboarding-done {
  border-radius: 7px;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.member-onboarding-action {
  background: transparent;
  border: 1px solid #3a4557;
  color: #d0d6df;
  cursor: pointer;
  padding: 8px 10px;
  text-decoration: none;
}

.member-onboarding-action:hover {
  border-color: #e0b644;
  color: #e0b644;
}

.member-onboarding-action:disabled {
  cursor: wait;
  opacity: 0.5;
}

.member-onboarding-done {
  color: #1dd77e;
}

.member-onboarding-footer {
  align-items: center;
  border-top: 1px solid #222c3a;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-top: 14px;
  padding-top: 13px;
}

.member-onboarding-footer span {
  color: #788394;
  font-size: 9px;
}

.member-onboarding-footer button {
  background: transparent;
  border: 1px solid #3b4657;
  border-radius: 7px;
  color: #d4dae2;
  cursor: pointer;
  font-size: 8px;
  font-weight: 900;
  padding: 8px 11px;
}

.member-onboarding-footer button:hover:not(:disabled) {
  border-color: #e0b644;
  color: #e0b644;
}

.member-onboarding-footer button:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

@media (max-width: 900px) {
  .member-onboarding-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 650px) {
  .member-onboarding-head,
  .member-onboarding-footer {
    align-items: flex-start;
    display: grid;
  }

  .member-onboarding-progress {
    text-align: left;
  }

  .member-onboarding-step {
    grid-template-columns:
      30px minmax(0, 1fr);
  }

  .member-onboarding-action,
  .member-onboarding-done {
    grid-column: 2;
    justify-self: start;
  }
}


/* ================================================================
   MEMBER ONBOARDING CHECKLIST
   ================================================================ */

.member-onboarding {
  background:
    radial-gradient(
      circle at 96% 0%,
      rgba(224, 180, 52, 0.1),
      transparent 32%
    ),
    linear-gradient(145deg, #0b1119, #070a0f);
  border: 1px solid #2b3544;
  border-radius: 14px;
  margin: 18px 0;
  padding: 20px;
}

.member-onboarding-head {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.member-onboarding-head h2 {
  font-size: 20px;
  margin: 5px 0;
}

.member-onboarding-head p {
  color: #8b95a5;
  font-size: 11px;
  margin: 0;
}

.member-onboarding-progress {
  display: grid;
  flex: 0 0 auto;
  text-align: right;
}

.member-onboarding-progress strong {
  color: #e5ba40;
  font-size: 28px;
}

.member-onboarding-progress span {
  color: #818b9a;
  font-size: 10px;
}

.member-onboarding-progress b {
  color: #edf0f5;
}

.member-onboarding-bar {
  background: #161d27;
  border-radius: 999px;
  height: 6px;
  margin-top: 17px;
  overflow: hidden;
}

.member-onboarding-bar i {
  background: linear-gradient(
    90deg,
    #b47d0e,
    #f1ca59
  );
  border-radius: inherit;
  display: block;
  height: 100%;
}

.member-onboarding-grid {
  display: grid;
  gap: 10px;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  margin-top: 15px;
}

.member-onboarding-step {
  align-items: center;
  background: #060a10;
  border: 1px solid #222d3b;
  border-radius: 11px;
  display: grid;
  gap: 13px;
  grid-template-columns:
    32px minmax(0, 1fr) auto;
  min-height: 86px;
  padding: 14px;
}

.member-onboarding-step.complete {
  border-color: rgba(29, 215, 126, 0.3);
}

.member-onboarding-check {
  align-items: center;
  background: #111924;
  border: 1px solid #374356;
  border-radius: 50%;
  color: #aeb6c2;
  display: flex;
  font-size: 11px;
  font-weight: 900;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.member-onboarding-step.complete
.member-onboarding-check {
  background: rgba(29, 215, 126, 0.1);
  border-color: rgba(29, 215, 126, 0.4);
  color: #1dd77e;
}

.member-onboarding-copy {
  min-width: 0;
}

.member-onboarding-copy strong {
  display: block;
  font-size: 12px;
  margin-bottom: 5px;
}

.member-onboarding-copy p {
  color: #7f8999;
  font-size: 9px;
  line-height: 1.5;
  margin: 0;
}

.member-onboarding-action {
  background: transparent;
  border: 1px solid #3b4658;
  border-radius: 7px;
  color: #d4d9e1;
  cursor: pointer;
  font-size: 8px;
  font-weight: 900;
  padding: 9px 11px;
  text-decoration: none;
  white-space: nowrap;
}

.member-onboarding-action:hover {
  border-color: #e3b943;
  color: #e3b943;
}

.member-onboarding-action:disabled {
  cursor: wait;
  opacity: 0.5;
}

.member-onboarding-done {
  color: #1dd77e;
  font-size: 8px;
  font-weight: 900;
}

.member-onboarding-footer {
  align-items: center;
  border-top: 1px solid #222c39;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-top: 15px;
  padding-top: 14px;
}

.member-onboarding-footer span {
  color: #7c8797;
  font-size: 9px;
}

.member-onboarding-footer button {
  background: transparent;
  border: 1px solid #3c4759;
  border-radius: 7px;
  color: #d4dae2;
  cursor: pointer;
  font-size: 8px;
  font-weight: 900;
  padding: 9px 12px;
}

.member-onboarding-footer button:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

@media (max-width: 950px) {
  .member-onboarding-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 650px) {
  .member-onboarding-head,
  .member-onboarding-footer {
    align-items: flex-start;
    display: grid;
  }

  .member-onboarding-progress {
    text-align: left;
  }

  .member-onboarding-step {
    grid-template-columns:
      32px minmax(0, 1fr);
  }

  .member-onboarding-action,
  .member-onboarding-done {
    grid-column: 2;
    justify-self: start;
  }
}


/* ================================================================
   ADMIN MEMBER ONBOARDING STATUS
   ================================================================ */

.admin-member-table th:nth-child(5) {
  min-width: 190px;
}

.admin-member-table th:last-child {
  min-width: 330px;
}

.admin-onboarding-status {
  display: grid;
  gap: 7px;
  min-width: 170px;
}

.admin-onboarding-status-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.admin-onboarding-status-head > b {
  color: #dce2e9;
  font-size: 10px;
}

.admin-onboarding-chip {
  border: 1px solid #3b4657;
  border-radius: 999px;
  color: #a9b2bf;
  display: inline-flex;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.06em;
  padding: 5px 8px;
}

.admin-onboarding-chip.complete {
  background: rgba(29, 215, 126, 0.09);
  border-color: rgba(29, 215, 126, 0.34);
  color: #1dd77e;
}

.admin-onboarding-chip.pending {
  background: rgba(226, 183, 57, 0.08);
  border-color: rgba(226, 183, 57, 0.32);
  color: #e2b739;
}

.admin-onboarding-progress {
  background: #151c26;
  border-radius: 999px;
  height: 4px;
  overflow: hidden;
}

.admin-onboarding-progress i {
  background: linear-gradient(
    90deg,
    #b68010,
    #ecc654
  );
  border-radius: inherit;
  display: block;
  height: 100%;
}

.admin-onboarding-status small {
  color: #788394;
  font-size: 8px;
  line-height: 1.4;
}

.admin-member-actions {
  align-items: flex-start;
}

.onboarding-reset-button {
  border-color: rgba(226, 183, 57, 0.36) !important;
  color: #e2b739 !important;
}

.onboarding-reset-button:hover {
  background: rgba(226, 183, 57, 0.08);
  border-color: #e2b739 !important;
}

@media (max-width: 1250px) {
  .admin-member-table {
    min-width: 1180px;
  }
}


/* ================================================================
   ADMIN MEMBER DIRECTORY SEARCH
   ================================================================ */

.member-search-bar {
  align-items: end;
  background: #070b11;
  border: 1px solid #222d3b;
  border-radius: 11px;
  display: grid;
  gap: 10px;
  grid-template-columns:
    minmax(280px, 1fr)
    auto
    auto
    auto;
  margin-bottom: 14px;
  padding: 14px;
}

.member-search-bar label {
  color: #7e8999;
  display: grid;
  font-size: 8px;
  font-weight: 900;
  gap: 7px;
  letter-spacing: 0.08em;
}

.member-search-bar input[type="search"] {
  background: #0c121a;
  border: 1px solid #303b4b;
  border-radius: 7px;
  color: #e4e8ee;
  min-height: 39px;
  min-width: 0;
  padding: 9px 11px;
  width: 100%;
}

.member-search-bar input[type="search"]:focus {
  border-color: #d8ad35;
  outline: none;
}

.member-search-bar > button,
.member-search-bar > a {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: 39px;
  text-decoration: none;
  white-space: nowrap;
}

.member-search-bar > small {
  color: #8490a0;
  font-size: 9px;
  padding-bottom: 11px;
  white-space: nowrap;
}

@media (max-width: 800px) {
  .member-search-bar {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .member-search-bar > small {
    padding-bottom: 0;
  }
}


/* Member Directory account-status filter */

.member-search-bar {
  grid-template-columns:
    minmax(280px, 1fr)
    minmax(150px, 190px)
    auto
    auto
    auto;
}

.member-search-bar select {
  background: #0c121a;
  border: 1px solid #303b4b;
  border-radius: 7px;
  color: #e4e8ee;
  min-height: 39px;
  padding: 9px 11px;
  width: 100%;
}

.member-search-bar select:focus {
  border-color: #d8ad35;
  outline: none;
}

@media (max-width: 950px) {
  .member-search-bar {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(150px, 190px)
      auto;
  }
}

@media (max-width: 700px) {
  .member-search-bar {
    grid-template-columns: 1fr;
  }
}


/* Member Directory plan filter */

.member-search-bar {
  grid-template-columns:
    minmax(260px, 1fr)
    minmax(145px, 175px)
    minmax(145px, 190px)
    auto
    auto
    auto;
}

.member-plan-filter {
  min-width: 145px;
}

@media (max-width: 1100px) {
  .member-search-bar {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .member-search-bar > button,
  .member-search-bar > a {
    align-self: end;
  }
}

@media (max-width: 700px) {
  .member-search-bar {
    grid-template-columns: 1fr;
  }
}


/* Member Directory onboarding-progress filter */

.member-search-bar {
  grid-template-columns:
    minmax(240px, 1fr)
    minmax(140px, 170px)
    minmax(140px, 180px)
    minmax(150px, 190px)
    auto
    auto
    auto;
}

.member-onboarding-filter {
  min-width: 150px;
}

@media (max-width: 1200px) {
  .member-search-bar {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .member-search-bar {
    grid-template-columns: 1fr;
  }
}


/* ================================================================
   MEMBER DIRECTORY PAGINATION
   ================================================================ */

.member-directory-page-summary {
  align-items: center;
  border-top: 1px solid #222c39;
  color: #7f8998;
  display: flex;
  font-size: 9px;
  justify-content: space-between;
  margin-top: 12px;
  padding-top: 12px;
}

.member-directory-page-summary b {
  color: #e5e9ef;
}

.member-directory-pagination {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 11px;
}

.member-directory-pagination > strong {
  color: #8994a3;
  font-size: 9px;
  letter-spacing: 0.06em;
}

.member-directory-pagination .row-button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: 35px;
  text-decoration: none;
}

.member-directory-pagination .disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

@media (max-width: 700px) {
  .member-directory-page-summary {
    align-items: flex-start;
    display: grid;
    gap: 6px;
  }

  .member-directory-pagination {
    display: grid;
    grid-template-columns: 1fr;
  }

  .member-directory-pagination > * {
    text-align: center;
  }
}


/* Member Directory sorting control */

.member-search-bar {
  grid-template-columns:
    minmax(220px, 1fr)
    minmax(135px, 165px)
    minmax(135px, 175px)
    minmax(145px, 185px)
    minmax(145px, 185px)
    auto
    auto
    auto;
}

.member-sort-filter {
  min-width: 145px;
}

@media (max-width: 1350px) {
  .member-search-bar {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .member-search-bar {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .member-search-bar {
    grid-template-columns: 1fr;
  }
}


/* ================================================================
   MEMBER DIRECTORY EMPTY RESULTS
   ================================================================ */

.member-directory-empty-state {
  align-items: center;
  background:
    linear-gradient(
      135deg,
      rgba(216, 173, 53, 0.06),
      rgba(12, 18, 26, 0.72)
    );
  border: 1px dashed #394351;
  border-radius: 12px;
  display: grid;
  gap: 16px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  margin: 8px;
  padding: 24px;
  text-align: left;
}

.member-directory-empty-icon {
  align-items: center;
  background: #111923;
  border: 1px solid #364250;
  border-radius: 50%;
  color: #d8ad35;
  display: flex;
  font-size: 24px;
  height: 52px;
  justify-content: center;
  width: 52px;
}

.member-directory-empty-state strong {
  color: #edf0f4;
  display: block;
  font-size: 14px;
  margin-bottom: 6px;
}

.member-directory-empty-state p {
  color: #8792a1;
  font-size: 10px;
  line-height: 1.6;
  margin: 0;
  max-width: 620px;
}

.member-directory-empty-state .gold-button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: 37px;
  text-decoration: none;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .member-directory-empty-state {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .member-directory-empty-icon {
    margin: 0 auto;
  }

  .member-directory-empty-state .gold-button {
    width: 100%;
  }
}


/* ================================================================
   MEMBER DIRECTORY CSV EXPORT BUTTON
   ================================================================ */

.member-export-button {
  align-items: center;
  background:
    linear-gradient(
      180deg,
      rgba(18, 28, 38, 0.98),
      rgba(9, 15, 22, 0.98)
    );
  border: 1px solid #40566b;
  color: #c7d4df;
  display: inline-flex;
  font-weight: 800;
  justify-content: center;
  letter-spacing: 0.05em;
  min-height: 39px;
  padding: 9px 14px;
  white-space: nowrap;
}

.member-export-button::before {
  content: "↓";
  color: #d8ad35;
  font-size: 13px;
  margin-right: 7px;
}

.member-export-button:hover {
  background:
    linear-gradient(
      180deg,
      rgba(31, 41, 50, 0.98),
      rgba(12, 19, 27, 0.98)
    );
  border-color: #d8ad35;
  color: #f3dc8d;
}

.member-export-button:focus-visible {
  outline: 2px solid #d8ad35;
  outline-offset: 2px;
}

@media (max-width: 700px) {
  .member-export-button {
    width: 100%;
  }
}


/* ================================================================
   ADMIN MEMBER DETAILS PAGE
   ================================================================ */

.member-detail-heading {
  align-items: center;
  background:
    linear-gradient(
      135deg,
      rgba(226, 189, 98, 0.08),
      rgba(9, 14, 21, 0.75)
    );
  border: 1px solid #263244;
  border-radius: 18px;
  padding: 22px;
}

.member-detail-heading h1 {
  margin-top: 6px;
}

.member-detail-heading > a {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: 38px;
  text-decoration: none;
  white-space: nowrap;
}

.member-detail-metrics {
  margin-top: 20px;
}

.member-detail-metrics .metric-card {
  min-height: 122px;
}

.member-detail-layout {
  display: grid;
  gap: 20px;
  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(320px, 0.85fr);
}

.member-detail-card {
  margin-top: 0;
  min-width: 0;
}

.member-detail-account .pro-table th {
  color: #7f8b9d;
  font-size: 9px;
  width: 42%;
}

.member-detail-account .pro-table td {
  color: #e7ebf0;
  font-weight: 700;
}

.member-detail-access .checkbox-grid {
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
}

.member-detail-access .checkbox-grid > span {
  background:
    linear-gradient(
      145deg,
      #111a25,
      #0a1018
    );
  border: 1px solid #2a3748;
  border-radius: 10px;
  color: #d7dee7;
  font-size: 10px;
  padding: 12px;
}

.member-detail-wide-card {
  overflow: hidden;
}

.member-detail-wide-card .pro-table {
  min-width: 720px;
}

.member-detail-wide-card .pro-table td {
  vertical-align: middle;
}

.member-detail-wide-card .pro-table tbody tr:hover {
  background: rgba(226, 189, 98, 0.025);
}

.member-detail-wide-card .empty-state {
  margin: 8px 0;
}

@media (max-width: 1050px) {
  .member-detail-layout {
    grid-template-columns: 1fr;
  }

  .member-detail-access .checkbox-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .member-detail-heading {
    align-items: stretch;
  }

  .member-detail-heading > a {
    width: 100%;
  }

  .member-detail-access .checkbox-grid {
    grid-template-columns: 1fr;
  }

  .member-detail-metrics {
    grid-template-columns: 1fr;
  }
}


/* ================================================================
   ADMIN MEMBER DETAILS ACTIONS
   ================================================================ */

.member-detail-actions {
  align-items: center;
  background:
    linear-gradient(
      135deg,
      rgba(12, 19, 29, 0.98),
      rgba(20, 28, 39, 0.92)
    );
  border: 1px solid #2a3748;
  border-radius: 16px;
  display: flex;
  gap: 22px;
  justify-content: space-between;
  margin: 20px 0;
  padding: 18px 20px;
}

.member-detail-actions h2 {
  font-size: 17px;
  margin: 4px 0 5px;
}

.member-detail-actions p {
  color: #7f8b9c;
  font-size: 10px;
  margin: 0;
}

.member-detail-action-buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  justify-content: flex-end;
}

.member-detail-action-buttons form {
  margin: 0;
}

.member-detail-action-buttons .row-button,
.member-detail-action-buttons .gold-button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: 38px;
  text-decoration: none;
  white-space: nowrap;
}

.member-detail-action-buttons .onboarding-reset-button {
  border-color: rgba(216, 173, 53, 0.5);
  color: #e0bd59;
}

@media (max-width: 850px) {
  .member-detail-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .member-detail-action-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }

  .member-detail-action-buttons form,
  .member-detail-action-buttons button,
  .member-detail-action-buttons a {
    width: 100%;
  }
}


/* ================================================================
   MEMBER PROFILE PASSWORD RESET
   ================================================================ */

.member-detail-password-panel {
  position: relative;
}

.member-detail-password-panel > summary {
  align-items: center;
  border: 1px solid rgba(216, 173, 53, 0.5);
  border-radius: 8px;
  color: #e1bd59;
  cursor: pointer;
  display: inline-flex;
  font-size: 9px;
  font-weight: 800;
  justify-content: center;
  list-style: none;
  min-height: 38px;
  padding: 8px 11px;
  white-space: nowrap;
}

.member-detail-password-panel > summary::-webkit-details-marker {
  display: none;
}

.member-detail-password-panel[open] > summary {
  background: rgba(216, 173, 53, 0.09);
}

.member-detail-password-form {
  background: #090f17;
  border: 1px solid rgba(216, 173, 53, 0.4);
  border-radius: 13px;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.72);
  display: grid;
  gap: 11px;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 45px;
  width: 310px;
  z-index: 40;
}

.member-detail-password-form label {
  color: #98a4b4;
  display: grid;
  font-size: 9px;
  gap: 7px;
}

.member-detail-password-form input[type="password"] {
  background: #060a10;
  border: 1px solid #2a3748;
  border-radius: 8px;
  color: #ffffff;
  padding: 10px;
  width: 100%;
}

.member-detail-password-form .reset-reactivate {
  align-items: center;
  display: flex;
  gap: 8px;
}

.member-detail-password-form .reset-reactivate input {
  width: auto;
}

.member-detail-password-form small {
  color: #7f8c9e;
  font-size: 9px;
  line-height: 1.55;
}

.member-detail-password-form .danger-button {
  min-height: 38px;
}

@media (max-width: 850px) {
  .member-detail-password-panel {
    width: 100%;
  }

  .member-detail-password-panel > summary {
    width: 100%;
  }

  .member-detail-password-form {
    left: 0;
    right: 0;
    width: 100%;
  }
}

@media (max-width: 600px) {
  .member-detail-password-form {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 18%;
    width: auto;
  }
}


/* ================================================================
   MEMBER PROFILE DANGER ZONE
   ================================================================ */

.member-detail-danger-zone {
  align-items: center;
  background:
    linear-gradient(
      135deg,
      rgba(72, 15, 22, 0.42),
      rgba(20, 10, 14, 0.9)
    );
  border: 1px solid rgba(255, 95, 113, 0.4);
  border-radius: 16px;
  display: grid;
  gap: 24px;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(300px, 420px);
  margin-top: 20px;
  padding: 20px;
}

.member-detail-danger-zone h2 {
  color: #ff9aa6;
  font-size: 18px;
  margin: 5px 0 7px;
}

.member-detail-danger-zone p {
  color: #a88e94;
  font-size: 10px;
  line-height: 1.6;
  margin: 0;
  max-width: 760px;
}

.member-detail-remove-form {
  background: rgba(8, 8, 12, 0.55);
  border: 1px solid rgba(255, 95, 113, 0.25);
  border-radius: 12px;
  display: grid;
  gap: 11px;
  padding: 14px;
}

.member-detail-remove-form label {
  color: #c3a5aa;
  display: grid;
  font-size: 9px;
  gap: 7px;
}

.member-detail-remove-form input {
  background: #09080d;
  border: 1px solid #55313a;
}

.member-detail-remove-button {
  min-height: 39px;
}

.member-detail-remove-button:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

@media (max-width: 900px) {
  .member-detail-danger-zone {
    grid-template-columns: 1fr;
  }
}


/* ================================================================
   MEMBER PROFILE DEVICE AND SESSION CONTROLS
   ================================================================ */

.member-detail-wide-card form {
  margin: 0;
}

.member-detail-wide-card .row-button {
  white-space: nowrap;
}

.member-session-status {
  display: inline-flex;
  justify-content: center;
  min-width: 62px;
}

.member-session-revoke-button {
  border-color: rgba(255, 95, 113, 0.42);
  color: #ff9ba7;
}

.member-session-revoke-button:hover {
  background: rgba(255, 95, 113, 0.08);
  border-color: #ff5f71;
}

@media (max-width: 760px) {
  .member-detail-wide-card .pro-table {
    min-width: 820px;
  }
}


/* ================================================================
   MEMBER PROFILE SECURITY SETTINGS
   ================================================================ */

.member-detail-security-settings {
  align-items: end;
  background:
    linear-gradient(
      135deg,
      rgba(12, 20, 30, 0.98),
      rgba(8, 13, 20, 0.96)
    );
  border: 1px solid #293748;
  border-radius: 16px;
  display: grid;
  gap: 18px;
  grid-template-columns:
    minmax(260px, 1fr)
    minmax(420px, 1.2fr)
    auto;
  margin: 20px 0;
  padding: 20px;
}

.member-security-settings-copy h2 {
  font-size: 18px;
  margin: 5px 0 7px;
}

.member-security-settings-copy p {
  color: #7f8b9c;
  font-size: 10px;
  line-height: 1.55;
  margin: 0;
}

.member-security-settings-form {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns:
    minmax(130px, 170px)
    minmax(210px, 1fr)
    auto;
}

.member-security-settings-form > label {
  color: #8e9aaa;
  display: grid;
  font-size: 9px;
  gap: 7px;
}

.member-security-settings-form input[type="number"] {
  min-height: 39px;
}

.member-security-checkbox {
  align-items: center;
  display: flex !important;
  flex-direction: row;
  gap: 9px !important;
  min-height: 39px;
}

.member-security-checkbox input {
  width: auto;
}

.member-security-settings-form .gold-button,
.member-signout-all-form .danger-button {
  min-height: 39px;
  white-space: nowrap;
}

.member-signout-all-form {
  margin: 0;
}

@media (max-width: 1250px) {
  .member-detail-security-settings {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .member-security-settings-form {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .member-signout-all-form button {
    width: 100%;
  }
}

@media (max-width: 700px) {
  .member-security-settings-form {
    grid-template-columns: 1fr;
  }

  .member-security-settings-form button {
    width: 100%;
  }
}


/* ================================================================
   REMOVED MEMBER RESTORE
   ================================================================ */

.removed-member-restore-panel {
  position: relative;
}

.removed-member-restore-panel > summary {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  list-style: none;
  min-height: 34px;
  white-space: nowrap;
}

.removed-member-restore-panel > summary::-webkit-details-marker {
  display: none;
}

.removed-member-restore-panel[open] > summary {
  border-color: #d8ad35;
  color: #f0ce70;
}

.removed-member-restore-form {
  background: #091018;
  border: 1px solid rgba(216, 173, 53, 0.42);
  border-radius: 13px;
  box-shadow: 0 22px 65px rgba(0, 0, 0, 0.74);
  display: grid;
  gap: 11px;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 42px;
  width: 310px;
  z-index: 50;
}

.removed-member-restore-form p {
  color: #8592a3;
  font-size: 9px;
  line-height: 1.55;
  margin: 0;
}

.removed-member-restore-form label {
  color: #9ca8b7;
  display: grid;
  font-size: 9px;
  gap: 7px;
}

.removed-member-restore-form input {
  background: #060a10;
  border: 1px solid #2a3748;
}

.removed-member-restore-button {
  min-height: 39px;
}

.removed-member-restore-button:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

@media (max-width: 760px) {
  .removed-member-restore-form {
    left: 16px;
    position: fixed;
    right: 16px;
    top: 18%;
    width: auto;
  }
}


/* ================================================================
   ARCHIVED MEMBER PROFILE RESTORE
   ================================================================ */

.archived-profile-restore-panel {
  align-items: center;
  background:
    linear-gradient(
      135deg,
      rgba(26, 35, 25, 0.96),
      rgba(10, 16, 15, 0.98)
    );
  border: 1px solid rgba(216, 173, 53, 0.38);
  border-radius: 17px;
  display: grid;
  gap: 24px;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(320px, 430px);
  margin: 20px 0;
  padding: 20px;
}

.archived-profile-restore-panel h2 {
  color: #f0d177;
  font-size: 18px;
  margin: 5px 0 7px;
}

.archived-profile-restore-panel p {
  color: #8e9b91;
  font-size: 10px;
  line-height: 1.6;
  margin: 0;
  max-width: 720px;
}

.archived-profile-restore-form {
  background: rgba(5, 10, 10, 0.62);
  border: 1px solid rgba(216, 173, 53, 0.27);
  border-radius: 12px;
  display: grid;
  gap: 11px;
  padding: 14px;
}

.archived-profile-restore-form label {
  color: #a4aea6;
  display: grid;
  font-size: 9px;
  gap: 7px;
}

.archived-profile-restore-form input {
  background: #070c0c;
  border: 1px solid #34443d;
}

.archived-profile-restore-button {
  min-height: 40px;
}

.archived-profile-restore-button:disabled {
  cursor: not-allowed;
  filter: grayscale(0.55);
  opacity: 0.35;
}

@media (max-width: 900px) {
  .archived-profile-restore-panel {
    grid-template-columns: 1fr;
  }

  .archived-profile-restore-form {
    width: 100%;
  }
}


/* ================================================================
   PRIVATE ADMIN MEMBER NOTES
   ================================================================ */

.member-notes-card {
  border-color: rgba(168, 117, 255, 0.28);
}

.member-notes-privacy {
  align-items: center;
  background: rgba(168, 117, 255, 0.055);
  border: 1px solid rgba(168, 117, 255, 0.18);
  border-radius: 11px;
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
  padding: 11px 13px;
}

.member-notes-privacy > span {
  font-size: 15px;
}

.member-notes-privacy p {
  color: #9b95aa;
  font-size: 9px;
  line-height: 1.5;
  margin: 0;
}

.member-notes-list {
  display: grid;
  gap: 12px;
}

.member-note-item {
  background:
    linear-gradient(
      145deg,
      rgba(14, 20, 30, 0.98),
      rgba(8, 12, 18, 0.98)
    );
  border: 1px solid #283447;
  border-left: 3px solid #a875ff;
  border-radius: 12px;
  padding: 15px;
}

.member-note-item.completed {
  border-left-color: #20d887;
  opacity: 0.76;
}

.member-note-item header {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.member-note-item time {
  color: #667487;
  font-size: 9px;
  white-space: nowrap;
}

.member-note-meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.member-note-priority {
  border-radius: 20px;
  display: inline-flex;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
  padding: 6px 8px;
}

.member-note-priority.priority-low {
  background: rgba(79, 167, 255, 0.1);
  color: #73b8ff;
}

.member-note-priority.priority-normal {
  background: rgba(168, 117, 255, 0.11);
  color: #c7a7ff;
}

.member-note-priority.priority-high {
  background: rgba(226, 189, 98, 0.12);
  color: #edcf78;
}

.member-note-priority.priority-urgent {
  background: rgba(255, 95, 113, 0.12);
  color: #ff8e9c;
}

.member-note-text {
  color: #d6dce5;
  font-size: 11px;
  line-height: 1.7;
  margin: 14px 0;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.member-note-item footer {
  border-top: 1px solid #202b39;
  color: #748194;
  display: flex;
  flex-wrap: wrap;
  font-size: 8px;
  gap: 14px;
  padding-top: 11px;
}

.member-note-item footer b {
  color: #aab4c1;
}

.member-notes-empty {
  align-items: center;
  border: 1px dashed #2b3748;
  border-radius: 13px;
  display: flex;
  gap: 15px;
  padding: 22px;
}

.member-notes-empty > span {
  color: #a875ff;
  font-size: 25px;
}

.member-notes-empty h3 {
  font-size: 13px;
  margin: 0 0 5px;
}

.member-notes-empty p {
  color: #748194;
  font-size: 9px;
  margin: 0;
}

@media (max-width: 700px) {
  .member-note-item header {
    align-items: flex-start;
    flex-direction: column;
  }

  .member-note-item time {
    white-space: normal;
  }
}


/* ================================================================
   CREATE PRIVATE MEMBER NOTE
   ================================================================ */

.member-note-create-form {
  background:
    linear-gradient(
      145deg,
      rgba(12, 18, 28, 0.98),
      rgba(7, 11, 17, 0.98)
    );
  border: 1px solid rgba(168, 117, 255, 0.25);
  border-radius: 13px;
  display: grid;
  gap: 13px;
  margin-bottom: 17px;
  padding: 15px;
}

.member-note-create-form label {
  color: #929eae;
  display: grid;
  font-size: 9px;
  gap: 7px;
}

.member-note-create-form label > span {
  color: #b8c1cd;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.member-note-create-form textarea {
  background: #070b12;
  border: 1px solid #2a3749;
  border-radius: 10px;
  color: #eef1f5;
  font: inherit;
  line-height: 1.6;
  min-height: 112px;
  outline: none;
  padding: 12px 13px;
  resize: vertical;
  width: 100%;
}

.member-note-create-form textarea:focus {
  border-color: #8b68bd;
  box-shadow:
    0 0 0 2px
    rgba(168, 117, 255, 0.08);
}

.member-note-create-form small {
  color: #687588;
  font-size: 8px;
  line-height: 1.45;
}

.member-note-create-options {
  align-items: end;
  display: grid;
  gap: 11px;
  grid-template-columns:
    minmax(140px, 190px)
    minmax(220px, 270px)
    auto;
}

.member-note-create-options select,
.member-note-create-options input {
  min-height: 40px;
}

.member-note-create-button {
  min-height: 40px;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .member-note-create-options {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .member-note-create-button {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 620px) {
  .member-note-create-options {
    grid-template-columns: 1fr;
  }

  .member-note-create-button {
    grid-column: auto;
  }
}


/* ================================================================
   MEMBER NOTE COMPLETE AND REOPEN
   ================================================================ */

.member-note-toggle-form {
  margin-left: auto;
}

.member-note-toggle-button {
  border-color: rgba(32, 216, 135, 0.35);
  color: #69e5aa;
  min-height: 31px;
  white-space: nowrap;
}

.member-note-toggle-button:hover {
  background: rgba(32, 216, 135, 0.08);
  border-color: #20d887;
}

.member-note-toggle-button.reopen {
  border-color: rgba(168, 117, 255, 0.4);
  color: #c8a9ff;
}

.member-note-toggle-button.reopen:hover {
  background: rgba(168, 117, 255, 0.08);
  border-color: #a875ff;
}

.member-note-item.completed .member-note-text {
  color: #849187;
}

@media (max-width: 700px) {
  .member-note-toggle-form {
    margin-left: 0;
    width: 100%;
  }

  .member-note-toggle-button {
    width: 100%;
  }
}


/* ================================================================
   EDIT PRIVATE MEMBER NOTE
   ================================================================ */

.member-note-edit-panel {
  margin-left: auto;
  position: relative;
}

.member-note-edit-panel > summary {
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
}

.member-note-edit-panel > summary::-webkit-details-marker {
  display: none;
}

.member-note-edit-panel[open] > summary {
  border-color: #a875ff;
  color: #c9adff;
}

.member-note-edit-form {
  background: #091019;
  border: 1px solid rgba(168, 117, 255, 0.4);
  border-radius: 13px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.78);
  display: grid;
  gap: 12px;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 40px;
  width: 420px;
  z-index: 60;
}

.member-note-edit-form label {
  color: #929ead;
  display: grid;
  font-size: 9px;
  gap: 7px;
}

.member-note-edit-form label > span {
  color: #b8c1cd;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.member-note-edit-form textarea {
  background: #060a11;
  border: 1px solid #2a3749;
  border-radius: 9px;
  color: #edf1f5;
  font: inherit;
  line-height: 1.6;
  min-height: 125px;
  padding: 11px;
  resize: vertical;
  width: 100%;
}

.member-note-edit-options {
  display: grid;
  gap: 10px;
  grid-template-columns:
    minmax(120px, 0.7fr)
    minmax(210px, 1.3fr);
}

.member-note-edit-form small {
  color: #687588;
  font-size: 8px;
}

.member-note-edit-actions {
  display: flex;
  justify-content: flex-end;
}

.member-note-edit-actions button {
  min-height: 38px;
}

@media (max-width: 700px) {
  .member-note-edit-panel {
    margin-left: 0;
    width: 100%;
  }

  .member-note-edit-panel > summary {
    width: 100%;
  }

  .member-note-edit-form {
    left: 16px;
    position: fixed;
    right: 16px;
    top: 14%;
    width: auto;
  }

  .member-note-edit-options {
    grid-template-columns: 1fr;
  }

  .member-note-edit-actions button {
    width: 100%;
  }
}


/* ================================================================
   DELETE PRIVATE MEMBER NOTE
   ================================================================ */

.member-note-delete-panel {
  position: relative;
}

.member-note-delete-panel > summary {
  border-color: rgba(255, 95, 113, 0.35);
  color: #ff9aa6;
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
}

.member-note-delete-panel > summary::-webkit-details-marker {
  display: none;
}

.member-note-delete-panel[open] > summary {
  background: rgba(255, 95, 113, 0.08);
  border-color: #ff5f71;
}

.member-note-delete-form {
  background: #12090d;
  border: 1px solid rgba(255, 95, 113, 0.42);
  border-radius: 13px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.8);
  display: grid;
  gap: 12px;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 40px;
  width: 310px;
  z-index: 80;
}

.member-note-delete-form p {
  color: #b49097;
  font-size: 9px;
  line-height: 1.55;
  margin: 0;
}

.member-note-delete-form label {
  color: #c7a8ae;
  display: grid;
  font-size: 9px;
  gap: 7px;
}

.member-note-delete-form label b {
  color: #ffffff;
}

.member-note-delete-form input {
  background: #08070a;
  border: 1px solid #55313a;
  color: #ffffff;
}

.member-note-delete-button {
  min-height: 39px;
}

.member-note-delete-button:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

@media (max-width: 700px) {
  .member-note-delete-panel {
    width: 100%;
  }

  .member-note-delete-panel > summary {
    width: 100%;
  }

  .member-note-delete-form {
    left: 16px;
    position: fixed;
    right: 16px;
    top: 18%;
    width: auto;
  }
}


/* ================================================================
   MEMBER NOTE DUPLICATE AND DELETE PROTECTION
   ================================================================ */

.member-note-create-button:disabled {
  cursor: wait;
  opacity: 0.65;
}

.member-note-delete-panel {
  position: relative;
}

.member-note-delete-panel > summary {
  border-color: rgba(255, 95, 113, 0.38);
  color: #ff98a5;
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
}

.member-note-delete-panel > summary::-webkit-details-marker {
  display: none;
}

.member-note-delete-panel[open] > summary {
  background: rgba(255, 95, 113, 0.08);
  border-color: #ff5f71;
}

.member-note-delete-form {
  background: #12090d;
  border: 1px solid rgba(255, 95, 113, 0.44);
  border-radius: 13px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.82);
  display: grid;
  gap: 12px;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 40px;
  width: 320px;
  z-index: 90;
}

.member-note-delete-form p {
  color: #bd979f;
  font-size: 9px;
  line-height: 1.55;
  margin: 0;
}

.member-note-delete-form label {
  color: #c9a8ae;
  display: grid;
  font-size: 9px;
  gap: 7px;
}

.member-note-delete-form label b {
  color: #ffffff;
}

.member-note-delete-form input {
  background: #08070a;
  border: 1px solid #59323b;
  color: #ffffff;
}

.member-note-delete-button {
  min-height: 39px;
}

.member-note-delete-button:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

@media (max-width: 700px) {
  .member-note-delete-panel {
    width: 100%;
  }

  .member-note-delete-panel > summary {
    width: 100%;
  }

  .member-note-delete-form {
    left: 16px;
    position: fixed;
    right: 16px;
    top: 18%;
    width: auto;
  }
}


/* ================================================================
   MEMBER NOTE DELETE PANEL VISIBILITY FIX
   ================================================================ */

.member-notes-card,
.member-notes-list,
.member-note-item,
.member-note-item footer {
  overflow: visible;
}

.member-notes-card {
  position: relative;
  z-index: 10;
}

.member-notes-list {
  position: relative;
}

.member-note-item {
  position: relative;
}

.member-note-delete-panel {
  position: relative;
  z-index: 30;
}

.member-note-delete-panel[open] {
  z-index: 500;
}

.member-note-delete-form {
  bottom: auto;
  left: auto;
  right: 0;
  top: calc(100% + 10px);
  z-index: 1000;
}

.member-note-item:has(.member-note-delete-panel[open]) {
  z-index: 600;
}

.member-note-item:has(.member-note-edit-panel[open]) {
  z-index: 550;
}

@media (max-width: 700px) {
  .member-note-delete-form {
    bottom: auto;
    left: 16px;
    position: fixed;
    right: 16px;
    top: 18%;
    width: auto;
    z-index: 2000;
  }
}


/* ================================================================
   MEMBER NOTE DELETE PANEL INLINE FIX
   ================================================================ */

.member-note-item footer {
  align-items: center;
}

.member-note-delete-panel {
  flex-basis: auto;
  margin-left: 0;
  position: static;
}

.member-note-delete-panel[open] {
  flex-basis: 100%;
  margin-top: 12px;
  order: 20;
  width: 100%;
}

.member-note-delete-form,
.member-note-delete-panel[open] .member-note-delete-form {
  background: #12090d;
  border: 1px solid rgba(255, 95, 113, 0.44);
  border-radius: 13px;
  box-shadow: none;
  display: grid;
  gap: 12px;
  left: auto;
  margin-top: 10px;
  max-width: none;
  padding: 16px;
  position: static;
  right: auto;
  top: auto;
  transform: none;
  width: 100%;
  z-index: auto;
}

.member-note-delete-form p {
  max-width: none;
}

.member-note-delete-panel[open] > summary {
  width: fit-content;
}

.member-note-item:has(.member-note-delete-panel[open]) {
  padding-bottom: 16px;
}

@media (max-width: 700px) {
  .member-note-delete-panel,
  .member-note-delete-panel[open] {
    flex-basis: 100%;
    width: 100%;
  }

  .member-note-delete-panel > summary,
  .member-note-delete-panel[open] > summary {
    width: 100%;
  }

  .member-note-delete-form,
  .member-note-delete-panel[open] .member-note-delete-form {
    left: auto;
    margin-top: 10px;
    position: static;
    right: auto;
    top: auto;
    width: 100%;
  }
}


/* ================================================================
   ADMIN MEMBER FOLLOW-UP DASHBOARD
   ================================================================ */

.follow-up-page {
  display: grid;
  gap: 22px;
}

.follow-up-hero {
  align-items: center;
  background:
    linear-gradient(
      145deg,
      rgba(13, 20, 31, 0.99),
      rgba(7, 11, 17, 0.99)
    );
  border: 1px solid #263448;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  padding: 25px;
}

.follow-up-hero h1 {
  font-size: 28px;
  margin: 5px 0 8px;
}

.follow-up-hero p:last-child {
  color: #8390a2;
  font-size: 10px;
  margin: 0;
}

.follow-up-stats {
  display: grid;
  gap: 12px;
  grid-template-columns:
    repeat(5, minmax(0, 1fr));
}

.follow-up-stat {
  background: #0b111a;
  border: 1px solid #263448;
  border-radius: 13px;
  display: grid;
  gap: 10px;
  padding: 16px;
}

.follow-up-stat span {
  color: #768498;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.follow-up-stat b {
  font-size: 25px;
}

.follow-up-stat.overdue {
  border-color: rgba(255, 95, 113, 0.42);
}

.follow-up-stat.today {
  border-color: rgba(226, 189, 98, 0.42);
}

.follow-up-stat.upcoming {
  border-color: rgba(79, 167, 255, 0.36);
}

.follow-up-stat.completed {
  border-color: rgba(32, 216, 135, 0.34);
}

.follow-up-filters {
  align-items: end;
  background: #0a1018;
  border: 1px solid #263448;
  border-radius: 14px;
  display: grid;
  gap: 12px;
  grid-template-columns:
    minmax(150px, 210px)
    minmax(150px, 210px)
    auto;
  padding: 16px;
}

.follow-up-filters label {
  display: grid;
  gap: 7px;
}

.follow-up-filters label span {
  color: #8996a7;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.follow-up-group {
  background: #080d14;
  border: 1px solid #243143;
  border-radius: 16px;
  padding: 20px;
}

.follow-up-list {
  display: grid;
  gap: 12px;
}

.follow-up-card {
  background: #0b111a;
  border: 1px solid #263448;
  border-left: 3px solid #a875ff;
  border-radius: 12px;
  padding: 16px;
}

.follow-up-card.priority-urgent {
  border-left-color: #ff5f71;
}

.follow-up-card.priority-high {
  border-left-color: #e2bd62;
}

.follow-up-card.priority-low {
  border-left-color: #4fa7ff;
}

.follow-up-card-head,
.follow-up-card-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.follow-up-card-head time {
  color: #758397;
  font-size: 8px;
}

.follow-up-card h3 {
  font-size: 14px;
  margin: 14px 0 4px;
}

.follow-up-member-meta {
  color: #6f7d90;
  font-size: 8px;
  margin: 0;
}

.follow-up-note-text {
  color: #cfd6df;
  font-size: 10px;
  line-height: 1.65;
  margin: 15px 0;
  white-space: pre-wrap;
}

.follow-up-card-footer {
  border-top: 1px solid #202b39;
  color: #748194;
  font-size: 8px;
  padding-top: 12px;
}

.follow-up-empty {
  border: 1px dashed #2b3748;
  border-radius: 12px;
  color: #748194;
  font-size: 10px;
  padding: 20px;
  text-align: center;
}

@media (max-width: 1000px) {
  .follow-up-stats {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .follow-up-hero {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }

  .follow-up-stats,
  .follow-up-filters {
    grid-template-columns: 1fr;
  }

  .follow-up-card-head,
  .follow-up-card-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
}


/* ================================================================
   FOLLOW-UP DASHBOARD ACTIONS
   ================================================================ */

.follow-up-card-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.follow-up-toggle-form {
  margin: 0;
}

.follow-up-toggle-button {
  border-color: rgba(32, 216, 135, 0.38);
  color: #69e5aa;
  cursor: pointer;
  font-family: inherit;
}

.follow-up-toggle-button:hover {
  background: rgba(32, 216, 135, 0.08);
  border-color: #20d887;
}

.follow-up-toggle-button.reopen {
  border-color: rgba(168, 117, 255, 0.42);
  color: #c8a9ff;
}

.follow-up-toggle-button.reopen:hover {
  background: rgba(168, 117, 255, 0.08);
  border-color: #a875ff;
}

@media (max-width: 700px) {
  .follow-up-card-actions,
  .follow-up-toggle-form,
  .follow-up-card-actions .row-button {
    width: 100%;
  }

  .follow-up-card-actions .row-button {
    justify-content: center;
  }
}


/* ================================================================
   ADMIN MEMBER FOLLOW-UPS NAV ALIGNMENT
   ================================================================ */

a[href="/admin/follow-ups"] {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: 30px minmax(0, 1fr);
  justify-content: initial;
  line-height: 1.15;
  min-height: 48px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
  white-space: nowrap;
}

a[href="/admin/follow-ups"] .nav-icon {
  align-items: center;
  display: inline-flex;
  font-size: 17px;
  height: 30px;
  justify-content: center;
  line-height: 1;
  margin: 0;
  min-width: 30px;
  width: 30px;
}

a[href="/admin/follow-ups"].active {
  align-items: center;
}

@media (max-width: 1180px) {
  a[href="/admin/follow-ups"] {
    font-size: 13px;
    gap: 9px;
    grid-template-columns: 27px minmax(0, 1fr);
    padding-left: 12px;
    padding-right: 10px;
  }

  a[href="/admin/follow-ups"] .nav-icon {
    font-size: 15px;
    min-width: 27px;
    width: 27px;
  }
}


/* ================================================================
   FOLLOW-UP SMART SEARCH AND FILTERS
   ================================================================ */

.follow-up-smart-filters {
  grid-template-columns:
    minmax(260px, 1.7fr)
    minmax(135px, 0.75fr)
    minmax(135px, 0.75fr)
    minmax(150px, 0.85fr)
    auto;
}

.follow-up-search-field input {
  min-height: 42px;
  width: 100%;
}

.follow-up-filter-actions {
  align-items: center;
  display: flex;
  gap: 8px;
}

.follow-up-filter-actions .gold-button,
.follow-up-filter-actions .row-button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: 42px;
  white-space: nowrap;
}

.follow-up-filter-summary {
  align-items: center;
  background:
    linear-gradient(
      145deg,
      rgba(12, 18, 28, 0.98),
      rgba(8, 12, 18, 0.98)
    );
  border: 1px solid rgba(168, 117, 255, 0.22);
  border-radius: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 11px 14px;
}

.follow-up-filter-summary span {
  color: #7f8ca0;
  font-size: 8px;
  letter-spacing: 0.06em;
}

.follow-up-filter-summary b {
  color: #cdb4ff;
}

@media (max-width: 1180px) {
  .follow-up-smart-filters {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .follow-up-search-field {
    grid-column: 1 / -1;
  }

  .follow-up-filter-actions {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  .follow-up-smart-filters {
    grid-template-columns: 1fr;
  }

  .follow-up-search-field,
  .follow-up-filter-actions {
    grid-column: auto;
  }

  .follow-up-filter-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .follow-up-filter-actions a,
  .follow-up-filter-actions button {
    width: 100%;
  }
}


/* ================================================================
   ADMIN FOLLOW-UP SIDEBAR BADGE
   ================================================================ */

a[href="/admin/follow-ups"] {
  grid-template-columns:
    30px
    minmax(0, 1fr)
    auto;
}

.follow-up-nav-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.follow-up-nav-badge {
  align-items: center;
  background: #ff5f71;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  box-shadow:
    0 0 14px
    rgba(255, 95, 113, 0.26);
  color: #ffffff;
  display: inline-flex;
  font-size: 8px;
  font-weight: 900;
  height: 21px;
  justify-content: center;
  line-height: 1;
  min-width: 21px;
  padding: 0 6px;
}

.follow-up-nav-badge[hidden] {
  display: none;
}

.follow-up-nav-badge.today-only {
  background: #d5ad4b;
  box-shadow:
    0 0 14px
    rgba(213, 173, 75, 0.24);
  color: #171109;
}

.follow-up-nav-badge.overdue {
  animation:
    follow-up-badge-pulse
    2.4s ease-in-out infinite;
}

@keyframes follow-up-badge-pulse {
  0%,
  100% {
    box-shadow:
      0 0 8px
      rgba(255, 95, 113, 0.18);
  }

  50% {
    box-shadow:
      0 0 18px
      rgba(255, 95, 113, 0.48);
  }
}


/* ================================================================
   FOLLOW-UP NAV LABEL AND BADGE ALIGNMENT FIX
   ================================================================ */

a[href="/admin/follow-ups"] {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns:
    28px
    minmax(max-content, 1fr)
    auto;
  min-height: 50px;
  overflow: visible;
  padding-left: 14px;
  padding-right: 12px;
}

a[href="/admin/follow-ups"] .follow-up-nav-label {
  display: block;
  font-size: 13px;
  line-height: 1.15;
  min-width: max-content;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

a[href="/admin/follow-ups"] .follow-up-nav-badge {
  flex-shrink: 0;
  justify-self: end;
}

@media (max-width: 1180px) {
  a[href="/admin/follow-ups"] {
    gap: 8px;
    grid-template-columns:
      26px
      minmax(max-content, 1fr)
      auto;
    padding-left: 11px;
    padding-right: 9px;
  }

  a[href="/admin/follow-ups"] .follow-up-nav-label {
    font-size: 11px;
  }
}


/* ================================================================
   FOLLOW-UP QUICK RESCHEDULE
   ================================================================ */

.follow-up-reschedule-form {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
}

.follow-up-reschedule-label {
  color: #718095;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.08em;
  margin-right: 2px;
}

.follow-up-reschedule-button {
  border-color: rgba(79, 167, 255, 0.32);
  color: #82bfff;
  cursor: pointer;
  font-family: inherit;
  min-height: 31px;
  padding-left: 9px;
  padding-right: 9px;
}

.follow-up-reschedule-button:hover {
  background: rgba(79, 167, 255, 0.08);
  border-color: #4fa7ff;
}

@media (max-width: 700px) {
  .follow-up-reschedule-form {
    display: grid;
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
    width: 100%;
  }

  .follow-up-reschedule-label {
    grid-column: 1 / -1;
  }

  .follow-up-reschedule-button {
    justify-content: center;
    width: 100%;
  }
}


/* ================================================================
   CUSTOM FOLLOW-UP DATE AND TIME
   ================================================================ */

.follow-up-custom-schedule-form {
  align-items: end;
  display: inline-grid;
  gap: 7px;
  grid-template-columns:
    minmax(185px, 235px)
    auto;
  margin: 0;
}

.follow-up-custom-schedule-form label {
  display: grid;
  gap: 5px;
}

.follow-up-custom-schedule-form label > span {
  color: #718095;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.follow-up-custom-schedule-form input {
  min-height: 34px;
  padding: 6px 9px;
}

.follow-up-custom-schedule-button {
  border-color: rgba(168, 117, 255, 0.4);
  color: #c7a7ff;
  cursor: pointer;
  font-family: inherit;
  min-height: 34px;
  white-space: nowrap;
}

.follow-up-custom-schedule-button:hover {
  background: rgba(168, 117, 255, 0.08);
  border-color: #a875ff;
}

@media (max-width: 800px) {
  .follow-up-custom-schedule-form {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .follow-up-custom-schedule-button {
    justify-content: center;
    width: 100%;
  }
}


/* ================================================================
   ADMIN TODAY FOLLOW-UP SUMMARY
   ================================================================ */

.admin-follow-up-summary {
  background:
    linear-gradient(
      145deg,
      rgba(14, 21, 32, 0.99),
      rgba(8, 12, 18, 0.99)
    );
  border: 1px solid rgba(226, 189, 98, 0.26);
  border-radius: 18px;
  box-shadow: var(--shadow);
  margin-bottom: 22px;
  padding: 21px;
}

.admin-follow-up-summary-head {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 17px;
}

.admin-follow-up-summary-head h2 {
  font-size: 21px;
  margin: 3px 0 5px;
}

.admin-follow-up-summary-head p:last-child {
  color: #7d899b;
  font-size: 10px;
  margin: 0;
}

.admin-follow-up-summary-head .gold-button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: 42px;
  text-decoration: none;
  white-space: nowrap;
}

.admin-follow-up-summary-grid {
  display: grid;
  gap: 12px;
  grid-template-columns:
    repeat(3, minmax(125px, 0.65fr))
    minmax(260px, 1.6fr);
}

.admin-follow-up-summary-card,
.admin-follow-up-next-card {
  background: #0a1018;
  border: 1px solid #263347;
  border-radius: 13px;
  padding: 15px;
}

.admin-follow-up-summary-card {
  display: grid;
  gap: 7px;
}

.admin-follow-up-summary-card span,
.admin-follow-up-next-card span {
  color: #758296;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.09em;
}

.admin-follow-up-summary-card strong {
  font-size: 27px;
}

.admin-follow-up-summary-card small,
.admin-follow-up-next-card small {
  color: #687589;
  font-size: 8px;
}

.admin-follow-up-summary-card.overdue {
  border-color: rgba(255, 95, 113, 0.38);
}

.admin-follow-up-summary-card.overdue strong {
  color: #ff7888;
}

.admin-follow-up-summary-card.today {
  border-color: rgba(226, 189, 98, 0.4);
}

.admin-follow-up-summary-card.today strong {
  color: #edce77;
}

.admin-follow-up-summary-card.urgent {
  border-color: rgba(168, 117, 255, 0.4);
}

.admin-follow-up-summary-card.urgent strong {
  color: #c6a5ff;
}

.admin-follow-up-next-card {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.admin-follow-up-next-card strong {
  display: block;
  font-size: 13px;
  margin: 7px 0 5px;
}

.admin-follow-up-next-card .row-button {
  flex-shrink: 0;
  text-decoration: none;
}

@media (max-width: 1100px) {
  .admin-follow-up-summary-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

  .admin-follow-up-next-card {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  .admin-follow-up-summary-head {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-follow-up-summary-grid {
    grid-template-columns: 1fr;
  }

  .admin-follow-up-next-card {
    align-items: flex-start;
    flex-direction: column;
    grid-column: auto;
  }

  .admin-follow-up-next-card .row-button {
    width: 100%;
  }
}


/* ================================================================
   ADMIN RENEWAL DIAGNOSTICS
   ================================================================ */

.renewal-diagnostic-actions {
  align-items: center;
  background:
    linear-gradient(
      145deg,
      rgba(16, 23, 34, 0.99),
      rgba(9, 14, 21, 0.99)
    );
  border: 1px solid rgba(226, 189, 98, 0.3);
  border-radius: 18px;
  box-shadow: var(--shadow);
  display: flex;
  gap: 25px;
  justify-content: space-between;
  margin-bottom: 22px;
  padding: 21px;
}

.renewal-diagnostic-actions h2 {
  margin: 3px 0 7px;
}

.renewal-diagnostic-actions p:last-child {
  color: #7d899b;
  font-size: 11px;
  margin: 0;
}

.renewal-diagnostic-list {
  display: grid;
  gap: 14px;
}

.renewal-diagnostic-card {
  background: #090f17;
  border: 1px solid #263347;
  border-radius: 15px;
  padding: 17px;
}

.renewal-diagnostic-head {
  align-items: flex-start;
  display: flex;
  gap: 15px;
  justify-content: space-between;
}

.renewal-diagnostic-head small {
  color: #68768a;
  font-size: 8px;
  letter-spacing: 0.09em;
}

.renewal-diagnostic-head h3 {
  margin: 5px 0 3px;
}

.renewal-diagnostic-head p {
  color: var(--gold);
  font-size: 9px;
  margin: 0;
}

.renewal-diagnostic-meta {
  display: grid;
  gap: 8px;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  margin: 15px 0;
}

.renewal-diagnostic-meta div {
  background: #0d141e;
  border: 1px solid #202c3d;
  border-radius: 10px;
  padding: 11px;
}

.renewal-diagnostic-meta span,
.renewal-diagnostic-meta b {
  display: block;
}

.renewal-diagnostic-meta span {
  color: #68768a;
  font-size: 7px;
  letter-spacing: 0.1em;
}

.renewal-diagnostic-meta b {
  font-size: 10px;
  margin-top: 5px;
}

.renewal-note-diagnostic-list {
  display: grid;
  gap: 8px;
  margin-bottom: 13px;
}

.renewal-note-diagnostic {
  background: rgba(168, 117, 255, 0.05);
  border: 1px solid rgba(168, 117, 255, 0.22);
  border-radius: 11px;
  padding: 12px;
}

.renewal-note-diagnostic > div {
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.renewal-note-diagnostic span,
.renewal-note-diagnostic small {
  color: #758296;
  font-size: 8px;
}

.renewal-note-diagnostic b {
  color: #c9acff;
  font-size: 8px;
}

.renewal-note-diagnostic p {
  color: #aab4c2;
  font-size: 10px;
  line-height: 1.6;
  white-space: pre-line;
}

.renewal-note-missing {
  background: rgba(255, 95, 113, 0.07);
  border: 1px solid rgba(255, 95, 113, 0.28);
  border-radius: 10px;
  color: #ff8b98;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin-bottom: 13px;
  padding: 12px;
}

.renewal-notification-list {
  display: grid;
  gap: 9px;
}

.renewal-notification-record {
  align-items: flex-start;
  background: #0a1018;
  border: 1px solid #263347;
  border-radius: 12px;
  display: flex;
  gap: 15px;
  justify-content: space-between;
  padding: 14px;
}

.renewal-notification-record small,
.renewal-notification-record span {
  color: #718095;
  font-size: 8px;
}

.renewal-notification-record h3 {
  font-size: 13px;
  margin: 5px 0;
}

.renewal-notification-record p {
  color: #929eaf;
  font-size: 10px;
  line-height: 1.5;
}

@media (max-width: 760px) {
  .renewal-diagnostic-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .renewal-diagnostic-actions button {
    width: 100%;
  }

  .renewal-diagnostic-meta {
    grid-template-columns: 1fr;
  }

  .renewal-note-diagnostic > div,
  .renewal-notification-record {
    flex-direction: column;
  }
}


/* ================================================================
   PERSISTENT MEMBER FOLLOW-UP POPUP
   ================================================================ */

.persistent-follow-up-backdrop {
  align-items: center;
  background: rgba(2, 5, 9, 0.78);
  backdrop-filter: blur(8px);
  display: flex;
  inset: 0;
  justify-content: center;
  overflow-y: auto;
  padding: 24px;
  position: fixed;
  z-index: 99999;
}

.persistent-follow-up-backdrop[hidden] {
  display: none;
}

.persistent-follow-up-popup {
  animation:
    persistent-follow-up-arrive
    0.28s ease-out;
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(226, 189, 98, 0.14),
      transparent 36%
    ),
    linear-gradient(
      150deg,
      #111a27,
      #080d14
    );
  border: 1px solid rgba(226, 189, 98, 0.5);
  border-radius: 22px;
  box-shadow:
    0 35px 110px rgba(0, 0, 0, 0.72),
    0 0 40px rgba(226, 189, 98, 0.09);
  display: grid;
  gap: 18px;
  grid-template-columns:
    auto
    minmax(0, 1fr);
  max-width: 620px;
  padding: 25px;
  width: 100%;
}

.persistent-follow-up-icon {
  align-items: center;
  background: rgba(226, 189, 98, 0.13);
  border: 1px solid rgba(226, 189, 98, 0.3);
  border-radius: 16px;
  display: flex;
  font-size: 25px;
  height: 55px;
  justify-content: center;
  width: 55px;
}

.persistent-follow-up-copy > span {
  color: var(--gold);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.persistent-follow-up-copy h2 {
  font-family: "Playfair Display", serif;
  font-size: 24px;
  margin: 6px 0 9px;
}

.persistent-follow-up-copy p {
  color: #b2bdcb;
  font-size: 12px;
  line-height: 1.7;
  margin: 0;
  white-space: pre-line;
}

.persistent-follow-up-copy small {
  color: #68768a;
  display: block;
  font-size: 8px;
  line-height: 1.5;
  margin-top: 12px;
}

.persistent-follow-up-actions {
  display: flex;
  gap: 9px;
  grid-column: 1 / -1;
  justify-content: flex-end;
  padding-top: 3px;
}

.persistent-follow-up-actions button {
  min-height: 40px;
}

.persistent-follow-up-actions button:disabled {
  cursor: wait;
  opacity: 0.62;
}

@keyframes persistent-follow-up-arrive {
  from {
    opacity: 0;
    transform:
      translateY(16px)
      scale(0.98);
  }

  to {
    opacity: 1;
    transform:
      translateY(0)
      scale(1);
  }
}

@media (max-width: 620px) {
  .persistent-follow-up-backdrop {
    align-items: flex-end;
    padding: 12px;
  }

  .persistent-follow-up-popup {
    border-radius: 19px;
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .persistent-follow-up-icon {
    height: 48px;
    width: 48px;
  }

  .persistent-follow-up-actions {
    display: grid;
    grid-column: auto;
    grid-template-columns: 1fr;
  }

  .persistent-follow-up-actions button {
    width: 100%;
  }
}


/* ================================================================
   MEMBER NOTE CLIPPING FINAL FIX
   ================================================================ */

.member-detail-wide-card.member-notes-card,
#member-notes,
.member-notes-card,
.member-notes-list,
.member-note-item,
.member-note-item footer {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.member-detail-wide-card.member-notes-card {
  contain: none !important;
  isolation: auto;
  position: relative;
  z-index: 2;
}

.member-notes-list {
  display: grid;
  gap: 13px;
  position: relative;
}

.member-note-item {
  min-height: 0;
  position: relative;
}

.member-note-item footer {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  position: relative;
}

.member-note-edit-panel,
.member-note-delete-panel {
  max-width: 100%;
  position: static !important;
}

.member-note-edit-panel[open],
.member-note-delete-panel[open] {
  display: block;
  flex-basis: 100%;
  order: 20;
  position: static !important;
  width: 100%;
  z-index: auto;
}

.member-note-edit-form,
.member-note-delete-form {
  box-sizing: border-box;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  position: static !important;
  width: 100%;
}

.member-note-edit-form textarea,
.member-note-delete-form input {
  max-width: 100%;
}

.member-notes-card + .member-detail-wide-card {
  clear: both;
  margin-top: 20px;
  position: relative;
  z-index: 1;
}

.renewal-diagnostic-card-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.renewal-diagnostic-card-actions form {
  margin: 0;
}

.renewal-test-reminder-button {
  border-color: rgba(168, 117, 255, 0.42);
  color: #c7a7ff;
  min-height: 31px;
}

.renewal-test-reminder-button:hover {
  background: rgba(168, 117, 255, 0.09);
  border-color: #a875ff;
}

@media (max-width: 700px) {
  .renewal-diagnostic-card-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .renewal-diagnostic-card-actions a,
  .renewal-diagnostic-card-actions form,
  .renewal-diagnostic-card-actions button {
    justify-content: center;
    width: 100%;
  }
}


/* ================================================================
   AUTOMATED RENEWAL WORKFLOW
   ================================================================ */

.renewal-workflow-panel {
  flex-basis: 100%;
  order: 15;
  position: static;
  width: 100%;
}

.renewal-workflow-panel > summary {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  list-style: none;
}

.renewal-workflow-panel > summary::-webkit-details-marker {
  display: none;
}

.renewal-workflow-panel[open] {
  background: rgba(226, 189, 98, 0.035);
  border: 1px solid rgba(226, 189, 98, 0.2);
  border-radius: 12px;
  padding: 12px;
}

.renewal-workflow-panel[open] > summary {
  border-color: var(--gold);
  color: var(--gold);
  margin-bottom: 12px;
}

.renewal-workflow-form {
  display: grid;
  gap: 12px;
  margin: 0;
  width: 100%;
}

.renewal-workflow-heading span {
  color: var(--gold);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.renewal-workflow-heading p {
  color: #7f8c9f;
  font-size: 9px;
  line-height: 1.55;
  margin: 6px 0 0;
}

.renewal-workflow-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.renewal-workflow-actions button,
.renewal-no-response-button {
  min-height: 33px;
}

.renewal-interested-button {
  border-color: rgba(168, 117, 255, 0.4);
  color: #c4a4ff;
}

.renewal-renewed-button {
  border-color: rgba(32, 216, 135, 0.42);
  color: #56e7a3;
}

.renewal-not-renewing-button {
  border-color: rgba(255, 95, 113, 0.42);
  color: #ff8795;
}

.renewal-no-response-row {
  align-items: end;
  display: grid;
  gap: 8px;
  grid-template-columns:
    minmax(180px, 240px)
    auto;
}

.renewal-no-response-row label {
  display: grid;
  gap: 5px;
}

.renewal-no-response-row label > span {
  color: #748196;
  font-size: 8px;
  font-weight: 800;
}

.renewal-no-response-row select {
  min-height: 36px;
}

.renewal-no-response-button {
  border-color: rgba(79, 167, 255, 0.4);
  color: #85c1ff;
}

@media (max-width: 700px) {
  .renewal-workflow-actions {
    display: grid;
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .renewal-workflow-actions button {
    width: 100%;
  }

  .renewal-no-response-row {
    grid-template-columns: 1fr;
  }

  .renewal-no-response-button {
    width: 100%;
  }
}


/* ================================================================
   ADMIN RENEWAL PIPELINE
   ================================================================ */

.renewal-pipeline-page {
  display: grid;
  gap: 20px;
}

.renewal-pipeline-hero {
  align-items: center;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.renewal-pipeline-hero h1 {
  font-family: "Playfair Display", serif;
  font-size: 35px;
  margin: 5px 0 8px;
}

.renewal-pipeline-hero p:last-child {
  color: #8793a5;
  margin: 0;
}

.renewal-pipeline-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.renewal-pipeline-hero-actions a {
  align-items: center;
  display: inline-flex;
  min-height: 38px;
  text-decoration: none;
}

.renewal-pipeline-value-grid {
  display: grid;
  gap: 13px;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
}

.renewal-pipeline-value-grid article {
  background:
    linear-gradient(
      145deg,
      #101722,
      #090e15
    );
  border: 1px solid #243044;
  border-radius: 16px;
  padding: 18px;
}

.renewal-pipeline-value-grid span,
.renewal-pipeline-value-grid strong,
.renewal-pipeline-value-grid small {
  display: block;
}

.renewal-pipeline-value-grid span {
  color: #758296;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.09em;
}

.renewal-pipeline-value-grid strong {
  color: #f0cf78;
  font-size: 24px;
  margin: 8px 0 5px;
}

.renewal-pipeline-value-grid small {
  color: #687589;
  font-size: 8px;
}

.renewal-pipeline-stage-grid {
  display: grid;
  gap: 9px;
  grid-template-columns:
    repeat(6, minmax(0, 1fr));
}

.renewal-pipeline-stage-grid a {
  background: #0a1018;
  border: 1px solid #243044;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  padding: 13px;
  text-decoration: none;
}

.renewal-pipeline-stage-grid span {
  color: #758296;
  font-size: 8px;
}

.renewal-pipeline-stage-grid strong {
  font-size: 16px;
}

.renewal-pipeline-stage-grid .overdue {
  border-color: rgba(255, 95, 113, 0.42);
}

.renewal-pipeline-stage-grid .overdue strong {
  color: #ff7888;
}

.renewal-pipeline-stage-grid .due {
  border-color: rgba(226, 189, 98, 0.42);
}

.renewal-pipeline-stage-grid .due strong {
  color: #f0cf78;
}

.renewal-pipeline-stage-grid .completed {
  border-color: rgba(32, 216, 135, 0.34);
}

.renewal-pipeline-stage-grid .completed strong {
  color: #4fe29c;
}

.renewal-pipeline-filters {
  align-items: end;
  background: #0b1119;
  border: 1px solid #243044;
  border-radius: 15px;
  display: grid;
  gap: 10px;
  grid-template-columns:
    minmax(260px, 1.5fr)
    minmax(150px, 0.75fr)
    minmax(150px, 0.75fr)
    auto;
  padding: 15px;
}

.renewal-pipeline-filters label {
  display: grid;
  gap: 6px;
}

.renewal-pipeline-filters label > span {
  color: #718095;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.renewal-pipeline-filter-actions {
  display: flex;
  gap: 7px;
}

.renewal-pipeline-filter-actions a,
.renewal-pipeline-filter-actions button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: 42px;
  text-decoration: none;
}

.renewal-pipeline-workflow-summary {
  display: grid;
  gap: 8px;
  grid-template-columns:
    repeat(6, minmax(0, 1fr));
}

.renewal-pipeline-workflow-summary a {
  background: #0a1018;
  border: 1px solid #243044;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  padding: 11px;
  text-decoration: none;
}

.renewal-pipeline-workflow-summary span {
  color: #8793a5;
  font-size: 8px;
}

.renewal-pipeline-list {
  display: grid;
  gap: 13px;
}

.renewal-pipeline-card {
  background:
    linear-gradient(
      145deg,
      #101722,
      #090e15
    );
  border: 1px solid #253145;
  border-left: 4px solid #536278;
  border-radius: 17px;
  padding: 18px;
}

.renewal-pipeline-card.stage-overdue {
  border-left-color: #ff5f71;
}

.renewal-pipeline-card.stage-due {
  border-left-color: #e2bd62;
}

.renewal-pipeline-card.stage-completed {
  border-left-color: #20d887;
  opacity: 0.78;
}

.renewal-pipeline-card-head {
  align-items: flex-start;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}

.renewal-pipeline-member {
  align-items: center;
  display: flex;
  gap: 11px;
}

.renewal-pipeline-member > span {
  align-items: center;
  background: #182334;
  border-radius: 10px;
  color: var(--gold);
  display: flex;
  font-weight: 900;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.renewal-pipeline-member small {
  color: var(--gold);
  font-size: 8px;
}

.renewal-pipeline-member h2 {
  font-size: 18px;
  margin: 4px 0 3px;
}

.renewal-pipeline-member p {
  color: #758296;
  font-size: 9px;
  margin: 0;
}

.renewal-pipeline-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
}

.renewal-stage-chip,
.renewal-workflow-chip {
  border-radius: 999px;
  font-size: 8px;
  font-weight: 900;
  padding: 7px 9px;
}

.renewal-stage-chip {
  background: #151f2c;
  color: #aab4c2;
}

.renewal-stage-chip.stage-overdue {
  background: rgba(255, 95, 113, 0.12);
  color: #ff8290;
}

.renewal-stage-chip.stage-due {
  background: rgba(226, 189, 98, 0.12);
  color: #efd17e;
}

.renewal-workflow-chip {
  background: rgba(168, 117, 255, 0.1);
  color: #c4a6fa;
}

.renewal-workflow-chip.workflow-renewed {
  background: rgba(32, 216, 135, 0.1);
  color: #57e6a4;
}

.renewal-workflow-chip.workflow-not_renewing {
  background: rgba(255, 95, 113, 0.1);
  color: #ff8795;
}

.renewal-pipeline-details {
  display: grid;
  gap: 8px;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
  margin: 15px 0;
}

.renewal-pipeline-details div {
  background: #0a1018;
  border: 1px solid #202c3d;
  border-radius: 10px;
  padding: 11px;
}

.renewal-pipeline-details span,
.renewal-pipeline-details b {
  display: block;
}

.renewal-pipeline-details span {
  color: #68768a;
  font-size: 7px;
  letter-spacing: 0.09em;
}

.renewal-pipeline-details b {
  font-size: 10px;
  margin-top: 5px;
}

.renewal-pipeline-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.renewal-pipeline-actions > a {
  align-items: center;
  display: inline-flex;
  min-height: 34px;
  text-decoration: none;
}

.renewal-pipeline-actions form {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
}

.renewal-pipeline-actions button {
  min-height: 34px;
}

.renewal-pipeline-no-response {
  align-items: center;
  display: flex;
  gap: 5px;
}

.renewal-pipeline-no-response select {
  min-height: 34px;
  padding: 7px 9px;
  width: auto;
}

.renewal-pipeline-interested {
  border-color: rgba(168, 117, 255, 0.42);
  color: #c4a4ff;
}

.renewal-pipeline-renewed {
  border-color: rgba(32, 216, 135, 0.42);
  color: #56e7a3;
}

.renewal-pipeline-not-renewing {
  border-color: rgba(255, 95, 113, 0.42);
  color: #ff8795;
}

@media (max-width: 1100px) {
  .renewal-pipeline-value-grid,
  .renewal-pipeline-details {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .renewal-pipeline-stage-grid,
  .renewal-pipeline-workflow-summary {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

  .renewal-pipeline-filters {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .renewal-pipeline-search,
  .renewal-pipeline-filter-actions {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  .renewal-pipeline-hero,
  .renewal-pipeline-card-head {
    align-items: stretch;
    flex-direction: column;
  }

  .renewal-pipeline-value-grid,
  .renewal-pipeline-stage-grid,
  .renewal-pipeline-workflow-summary,
  .renewal-pipeline-filters,
  .renewal-pipeline-details {
    grid-template-columns: 1fr;
  }

  .renewal-pipeline-search,
  .renewal-pipeline-filter-actions {
    grid-column: auto;
  }

  .renewal-pipeline-filter-actions,
  .renewal-pipeline-actions form,
  .renewal-pipeline-no-response {
    align-items: stretch;
    flex-direction: column;
  }

  .renewal-pipeline-filter-actions a,
  .renewal-pipeline-filter-actions button,
  .renewal-pipeline-actions form,
  .renewal-pipeline-actions button,
  .renewal-pipeline-actions > a,
  .renewal-pipeline-no-response,
  .renewal-pipeline-no-response select {
    justify-content: center;
    width: 100%;
  }

  .renewal-pipeline-chips {
    justify-content: flex-start;
  }
}


/* ================================================================
   RENEWAL PIPELINE REPORTING
   ================================================================ */

.renewal-pipeline-export-button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: 38px;
  text-decoration: none;
}

.renewal-monthly-report,
.renewal-plan-breakdown {
  background:
    linear-gradient(
      145deg,
      #101722,
      #090e15
    );
  border: 1px solid #253145;
  border-radius: 17px;
  padding: 18px;
}

.renewal-monthly-report-head,
.renewal-plan-breakdown-head {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 14px;
}

.renewal-monthly-report-head span,
.renewal-plan-breakdown-head span {
  color: var(--gold);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.renewal-monthly-report-head h2,
.renewal-plan-breakdown-head h2 {
  font-size: 18px;
  margin: 5px 0 0;
}

.renewal-monthly-report-head small {
  color: #748196;
  font-size: 8px;
  max-width: 300px;
  text-align: right;
}

.renewal-monthly-report-grid {
  display: grid;
  gap: 10px;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
}

.renewal-monthly-report-grid article {
  background: #0a1018;
  border: 1px solid #202c3d;
  border-radius: 12px;
  padding: 14px;
}

.renewal-monthly-report-grid span,
.renewal-monthly-report-grid strong,
.renewal-monthly-report-grid small {
  display: block;
}

.renewal-monthly-report-grid span {
  color: #6f7d91;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.09em;
}

.renewal-monthly-report-grid strong {
  color: #f0cf78;
  font-size: 22px;
  margin: 7px 0 4px;
}

.renewal-monthly-report-grid small {
  color: #748196;
  font-size: 8px;
  line-height: 1.45;
}

.renewal-plan-breakdown-table-wrap {
  overflow-x: auto;
}

.renewal-plan-breakdown-table {
  border-collapse: collapse;
  min-width: 900px;
  width: 100%;
}

.renewal-plan-breakdown-table th,
.renewal-plan-breakdown-table td {
  border-bottom: 1px solid #202c3d;
  padding: 11px 10px;
  text-align: left;
  white-space: nowrap;
}

.renewal-plan-breakdown-table th {
  color: #718095;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.renewal-plan-breakdown-table td {
  color: #aeb8c7;
  font-size: 9px;
}

.renewal-plan-breakdown-table td b {
  color: #edf1f6;
}

.renewal-plan-breakdown-table tbody tr:hover {
  background: rgba(226, 189, 98, 0.035);
}

@media (max-width: 900px) {
  .renewal-monthly-report-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .renewal-monthly-report-head,
  .renewal-plan-breakdown-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .renewal-monthly-report-head small {
    text-align: left;
  }

  .renewal-monthly-report-grid {
    grid-template-columns: 1fr;
  }
}


/* ================================================================
   MEMBER RENEWAL REMINDER DELIVERY STATUS
   ================================================================ */

.renewal-pipeline-details small {
  color: #68768a;
  display: block;
  font-size: 7px;
  line-height: 1.4;
  margin-top: 4px;
}

.renewal-email-status {
  display: inline-block !important;
  width: fit-content;
}

.renewal-email-status.status-sent {
  color: #56e7a3;
}

.renewal-email-status.status-failed {
  color: #ff8795;
}

.renewal-email-status.status-pending {
  color: #efd17e;
}

.renewal-email-status.status-not_sent,
.renewal-email-status.status-not_requested {
  color: #8996a8;
}


/* ================================================================
   SUBSCRIPTION REMINDER ENGINE HEALTH
   ================================================================ */

.reminder-health-monitor {
  background:
    linear-gradient(
      145deg,
      #101722,
      #090e15
    );
  border: 1px solid #29364a;
  border-left: 4px solid #66758a;
  border-radius: 17px;
  display: grid;
  gap: 17px;
  padding: 19px;
}

.reminder-health-monitor.status-healthy {
  border-left-color: #20d887;
}

.reminder-health-monitor.status-warning {
  border-left-color: #e2bd62;
}

.reminder-health-monitor.status-failed {
  border-left-color: #ff5f71;
}

.reminder-health-head {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.reminder-health-head h2 {
  font-size: 24px;
  margin: 5px 0;
}

.reminder-health-head > div > p:last-child {
  color: #8592a5;
  margin: 0;
}

.reminder-health-title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.reminder-health-status,
.reminder-run-result {
  border-radius: 999px;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.06em;
  padding: 7px 9px;
}

.status-healthy .reminder-health-status,
.reminder-run-result.result-success {
  background: rgba(32, 216, 135, 0.11);
  color: #56e7a3;
}

.status-warning .reminder-health-status {
  background: rgba(226, 189, 98, 0.12);
  color: #efd17e;
}

.status-failed .reminder-health-status,
.reminder-run-result.result-failed {
  background: rgba(255, 95, 113, 0.12);
  color: #ff8795;
}

.reminder-health-metrics {
  display: grid;
  gap: 9px;
  grid-template-columns:
    repeat(5, minmax(0, 1fr));
}

.reminder-health-metrics article {
  background: #0a1018;
  border: 1px solid #202c3d;
  border-radius: 11px;
  padding: 12px;
}

.reminder-health-metrics span,
.reminder-health-metrics b,
.reminder-health-metrics small {
  display: block;
}

.reminder-health-metrics span {
  color: #6f7d91;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.reminder-health-metrics b {
  font-size: 16px;
  margin: 7px 0 4px;
}

.reminder-health-metrics small {
  color: #657286;
  font-size: 7px;
  line-height: 1.4;
}

.reminder-health-error {
  background: rgba(255, 95, 113, 0.07);
  border: 1px solid rgba(255, 95, 113, 0.28);
  border-radius: 11px;
  padding: 12px;
}

.reminder-health-error b {
  color: #ff8795;
  font-size: 8px;
}

.reminder-health-error p {
  color: #d2a2a8;
  font-size: 9px;
  margin: 6px 0 0;
  overflow-wrap: anywhere;
}

.reminder-run-history-wrap {
  overflow-x: auto;
}

.reminder-run-history-table {
  border-collapse: collapse;
  min-width: 1100px;
  width: 100%;
}

.reminder-run-history-table th,
.reminder-run-history-table td {
  border-bottom: 1px solid #202c3d;
  padding: 11px 9px;
  text-align: left;
  white-space: nowrap;
}

.reminder-run-history-table th {
  color: #718095;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.reminder-run-history-table td {
  color: #aeb8c7;
  font-size: 8px;
}

.reminder-run-error-row td {
  background: rgba(255, 95, 113, 0.05);
  color: #dc929b;
  white-space: normal;
}

@media (max-width: 1100px) {
  .reminder-health-metrics {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .reminder-health-head {
    align-items: stretch;
    flex-direction: column;
  }

  .reminder-health-head form,
  .reminder-health-head button {
    width: 100%;
  }

  .reminder-health-metrics {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 460px) {
  .reminder-health-metrics {
    grid-template-columns: 1fr;
  }
}


/* ================================================================
   DIRECT AUTOMATIC REPAIR NAVIGATION
   ================================================================ */

html {
  scroll-behavior: smooth;
}

#automatic-repair {
  scroll-margin-top: 90px;
}

#automatic-repair:target {
  border-color: rgba(226, 189, 98, 0.72);
  box-shadow:
    0 0 0 1px rgba(226, 189, 98, 0.18),
    0 0 30px rgba(226, 189, 98, 0.08);
}


/* ================================================================
   RENEWAL MANAGEMENT NAV ALIGNMENT
   ================================================================ */

.side-nav a[href="/admin/renewal-pipeline"],
.side-nav a[href="/admin/renewal-diagnostics"],
.side-nav a[href="/admin/renewal-diagnostics#automatic-repair"] {
  align-items: center;
  box-sizing: border-box;
  column-gap: 14px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  justify-content: initial;
  min-height: 58px;
  padding: 11px 14px;
  text-align: left;
  width: 100%;
}

.side-nav a[href="/admin/renewal-pipeline"] .nav-icon,
.side-nav a[href="/admin/renewal-diagnostics"] .nav-icon,
.side-nav a[href="/admin/renewal-diagnostics#automatic-repair"] .nav-icon {
  align-items: center;
  display: flex;
  flex: none;
  height: 30px;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 30px;
}

.side-nav a[href="/admin/renewal-pipeline"] > span:last-child,
.side-nav a[href="/admin/renewal-diagnostics"] > span:last-child,
.side-nav a[href="/admin/renewal-diagnostics#automatic-repair"] > span:last-child {
  display: block;
  line-height: 1.18;
  margin: 0;
  min-width: 0;
  padding: 0;
  text-align: left;
}

.side-nav a[href="/admin/renewal-pipeline"].active,
.side-nav a[href="/admin/renewal-diagnostics"].active {
  grid-template-columns: 30px minmax(0, 1fr);
}


/* ================================================================
   AUTOMATIC REPAIR ACTIVE NAV STATE
   ================================================================ */

#automatic-repair-nav-link.active {
  background:
    linear-gradient(
      90deg,
      rgba(180, 119, 0, 0.88),
      rgba(69, 43, 0, 0.76)
    );
  border-color: rgba(231, 181, 48, 0.85);
  color: #ffffff;
}

#automatic-repair-nav-link.active .nav-icon {
  color: #ffffff;
}


/* ================================================================
   FAILED RENEWAL EMAIL RETRY
   ================================================================ */

.renewal-email-retry-form {
  margin: 8px 0 0;
}

.renewal-email-retry-button {
  border-color: rgba(255, 95, 113, 0.42);
  color: #ff8795;
  min-height: 30px;
}

.failed-reminder-email-head-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.failed-reminder-email-head-actions form {
  margin: 0;
}

.failed-reminder-email-list {
  display: grid;
  gap: 9px;
}

.failed-reminder-email-row {
  align-items: center;
  background: rgba(255, 95, 113, 0.045);
  border: 1px solid rgba(255, 95, 113, 0.23);
  border-radius: 12px;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 13px;
}

.failed-reminder-email-row small {
  color: #ff8795;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.failed-reminder-email-row h3 {
  font-size: 13px;
  margin: 5px 0 3px;
}

.failed-reminder-email-row p {
  color: #aab4c2;
  font-size: 9px;
  margin: 0 0 5px;
}

.failed-reminder-email-row span {
  color: #c18189;
  display: block;
  font-size: 8px;
  max-width: 850px;
  overflow-wrap: anywhere;
}

.failed-reminder-email-row form {
  flex: none;
  margin: 0;
}

@media (max-width: 700px) {
  .failed-reminder-email-row {
    align-items: stretch;
    flex-direction: column;
  }

  .failed-reminder-email-row form,
  .failed-reminder-email-row button,
  .failed-reminder-email-head-actions,
  .failed-reminder-email-head-actions form,
  .failed-reminder-email-head-actions button {
    width: 100%;
  }
}


/* ================================================================
   BULK RENEWAL PIPELINE ACTIONS
   ================================================================ */

.renewal-bulk-toolbar {
  align-items: end;
  background:
    linear-gradient(
      145deg,
      #111925,
      #090f17
    );
  border: 1px solid #2a374a;
  border-radius: 15px;
  display: grid;
  gap: 11px;
  grid-template-columns:
    minmax(190px, 1fr)
    minmax(180px, 0.85fr)
    minmax(130px, 0.55fr)
    auto;
  padding: 15px;
  position: sticky;
  top: 72px;
  z-index: 20;
}

.renewal-bulk-toolbar > label {
  display: grid;
  gap: 6px;
}

.renewal-bulk-toolbar > label > span {
  color: #718095;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.renewal-bulk-selection {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
}

.renewal-bulk-selection label {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 8px;
}

.renewal-bulk-selection label span,
.renewal-bulk-selection strong {
  color: #9ca8b8;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.07em;
}

.renewal-bulk-selection strong {
  color: var(--gold);
}

.renewal-bulk-buttons {
  display: flex;
  gap: 7px;
}

.renewal-bulk-buttons button {
  min-height: 42px;
  white-space: nowrap;
}

.renewal-pipeline-card-head {
  position: relative;
}

.renewal-card-selector {
  align-items: center;
  display: flex;
  flex: none;
  justify-content: center;
  padding-top: 3px;
}

.renewal-card-selector input {
  height: 17px;
  margin: 0;
  width: 17px;
}

.renewal-pipeline-card:has(
  .renewal-card-checkbox:checked
) {
  border-color:
    rgba(226, 189, 98, 0.72);
  box-shadow:
    0 0 0 1px
    rgba(226, 189, 98, 0.13);
}

@media (max-width: 1100px) {
  .renewal-bulk-toolbar {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .renewal-bulk-selection,
  .renewal-bulk-buttons {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  .renewal-bulk-toolbar {
    grid-template-columns: 1fr;
    position: static;
  }

  .renewal-bulk-selection,
  .renewal-bulk-buttons {
    grid-column: auto;
  }

  .renewal-bulk-buttons {
    align-items: stretch;
    flex-direction: column;
  }

  .renewal-bulk-buttons button {
    width: 100%;
  }

  .renewal-pipeline-card-head {
    display: grid;
    grid-template-columns:
      auto minmax(0, 1fr);
  }

  .renewal-pipeline-chips {
    grid-column: 1 / -1;
  }
}


/* ==========================================================
   ELITE MT5 TRADING CONNECTIONS
   ========================================================== */

.mt5-page-heading {
  align-items: flex-start;
  gap: 24px;
}

.mt5-page-heading-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mt5-download-disabled {
  pointer-events: none;
  opacity: 0.58;
}

.mt5-safety-banner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 18px;
  align-items: center;
  margin-bottom: 22px;
  padding: 18px 20px;
  border: 1px solid rgba(244, 194, 70, 0.25);
  border-radius: 18px;
  background:
    linear-gradient(
      135deg,
      rgba(244, 194, 70, 0.12),
      rgba(7, 13, 26, 0.92)
    );
}

.mt5-safety-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: rgba(244, 194, 70, 0.14);
  color: #f4c246;
  font-size: 24px;
  font-weight: 900;
}

.mt5-safety-banner strong {
  color: #f4c246;
  font-size: 13px;
  letter-spacing: 0.12em;
}

.mt5-safety-banner p {
  margin: 5px 0 0;
  color: #aeb7c8;
  line-height: 1.55;
}

.mt5-lock-chip {
  padding: 8px 12px;
  border: 1px solid rgba(70, 215, 140, 0.3);
  border-radius: 999px;
  background: rgba(70, 215, 140, 0.1);
  color: #62e2a2;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  white-space: nowrap;
}

.mt5-page-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  gap: 22px;
  margin-bottom: 22px;
}

.mt5-connect-card,
.mt5-pairing-card {
  min-height: 100%;
}

.mt5-connect-form {
  display: grid;
  gap: 18px;
}

.mt5-connect-form label {
  display: grid;
  gap: 8px;
}

.mt5-connect-form label > span {
  color: #dce2ec;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.mt5-connect-form input,
.mt5-connect-form select {
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid rgba(157, 170, 194, 0.2);
  border-radius: 12px;
  outline: none;
  background: rgba(4, 9, 20, 0.78);
  color: #f6f8fc;
  font: inherit;
}

.mt5-connect-form input:focus,
.mt5-connect-form select:focus {
  border-color: rgba(244, 194, 70, 0.72);
  box-shadow: 0 0 0 3px rgba(244, 194, 70, 0.1);
}

.mt5-connect-form small {
  color: #7f8ca3;
  font-size: 11px;
  line-height: 1.5;
}

.mt5-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.mt5-create-code-button {
  width: 100%;
  margin-top: 2px;
  cursor: pointer;
}

.mt5-pairing-card {
  position: relative;
  overflow: hidden;
}

.mt5-pairing-card.has-code::before {
  content: "";
  position: absolute;
  inset: -70px -80px auto auto;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(244, 194, 70, 0.08);
  filter: blur(10px);
  pointer-events: none;
}

.mt5-pairing-result {
  position: relative;
  z-index: 1;
}

.mt5-code-label {
  margin: 0 0 10px;
  color: #8f9aae;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.mt5-pairing-code-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}

.mt5-pairing-code-row code {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  padding: 0 14px;
  border: 1px solid rgba(244, 194, 70, 0.35);
  border-radius: 14px;
  background: rgba(244, 194, 70, 0.08);
  color: #ffd978;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: clamp(19px, 2vw, 27px);
  font-weight: 900;
  letter-spacing: 0.08em;
  text-align: center;
}

.mt5-copy-button {
  min-width: 82px;
  padding: 0 16px;
  border: 0;
  border-radius: 14px;
  background: #f4c246;
  color: #11151d;
  font-weight: 900;
  cursor: pointer;
}

.mt5-copy-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.mt5-pairing-countdown {
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
  color: #9ca7b9;
}

.mt5-pairing-countdown strong {
  color: #f4c246;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.mt5-pairing-details,
.mt5-connection-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  margin: 16px 0 0;
  overflow: hidden;
  border: 1px solid rgba(157, 170, 194, 0.12);
  border-radius: 12px;
  background: rgba(157, 170, 194, 0.12);
}

.mt5-pairing-details div,
.mt5-connection-details div {
  padding: 12px;
  background: #0b1220;
}

.mt5-pairing-details dt,
.mt5-connection-details dt {
  margin-bottom: 5px;
  color: #758197;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mt5-pairing-details dd,
.mt5-connection-details dd {
  margin: 0;
  color: #e8ecf4;
  font-size: 12px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.mt5-pairing-warning {
  margin: 14px 0 0;
  color: #858fa2;
  font-size: 11px;
  line-height: 1.55;
}

.mt5-pairing-result.expired {
  opacity: 0.56;
}

.mt5-pairing-empty {
  display: grid;
  place-items: center;
  min-height: 270px;
  padding: 28px;
  text-align: center;
}

.mt5-pairing-empty > span {
  display: grid;
  place-items: center;
  width: 66px;
  height: 66px;
  margin-bottom: 12px;
  border: 1px solid rgba(244, 194, 70, 0.2);
  border-radius: 50%;
  color: #f4c246;
  font-size: 30px;
}

.mt5-pairing-empty h3 {
  margin: 0;
  color: #f4f6fa;
}

.mt5-pairing-empty p {
  max-width: 330px;
  margin: 9px 0 0;
  color: #7f8ba0;
  line-height: 1.55;
}

.mt5-connection-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.mt5-connection-card {
  overflow: hidden;
  border: 1px solid rgba(157, 170, 194, 0.15);
  border-radius: 18px;
  background:
    linear-gradient(
      145deg,
      rgba(15, 24, 41, 0.96),
      rgba(6, 12, 24, 0.98)
    );
}

.mt5-connection-card.status-online {
  border-color: rgba(70, 215, 140, 0.28);
  box-shadow: 0 0 30px rgba(70, 215, 140, 0.06);
}

.mt5-connection-header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 13px;
  align-items: center;
  padding: 17px;
}

.mt5-terminal-icon {
  display: grid;
  place-items: center;
  width: 49px;
  height: 49px;
  border-radius: 14px;
  background:
    linear-gradient(
      145deg,
      #f7d36f,
      #b77a15
    );
  color: #11151c;
  font-size: 13px;
  font-weight: 1000;
}

.mt5-connection-title h3 {
  margin: 0;
  color: #f5f7fb;
  font-size: 16px;
}

.mt5-connection-title p {
  margin: 4px 0 0;
  color: #7f8ba1;
  font-size: 11px;
}

.mt5-status-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(140, 151, 170, 0.1);
  color: #aeb6c4;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.06em;
}

.mt5-status-chip i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.mt5-status-chip.status-online {
  background: rgba(70, 215, 140, 0.12);
  color: #62e2a2;
}

.mt5-status-chip.status-paired {
  background: rgba(66, 151, 255, 0.12);
  color: #69aaff;
}

.mt5-status-chip.status-unpaired {
  background: rgba(244, 194, 70, 0.12);
  color: #f4c246;
}

.mt5-status-chip.status-offline,
.mt5-status-chip.status-terminal_offline {
  background: rgba(255, 107, 107, 0.1);
  color: #ff8181;
}

.mt5-account-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(157, 170, 194, 0.1);
  border-bottom: 1px solid rgba(157, 170, 194, 0.1);
}

.mt5-account-strip div {
  padding: 12px;
  text-align: center;
}

.mt5-account-strip div + div {
  border-left: 1px solid rgba(157, 170, 194, 0.1);
}

.mt5-account-strip span {
  display: block;
  color: #69758a;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.mt5-account-strip strong {
  display: block;
  margin-top: 5px;
  color: #e3e8f0;
  font-size: 11px;
}

.mt5-connection-details {
  margin: 15px;
}

.mt5-test-panel {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  margin: 0 15px 15px;
  padding: 12px;
  border: 1px solid rgba(105, 170, 255, 0.18);
  border-radius: 12px;
  background: rgba(66, 151, 255, 0.06);
}

.mt5-test-panel span,
.mt5-test-panel small {
  display: block;
}

.mt5-test-panel span {
  color: #7f8ba1;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.mt5-test-panel strong {
  display: block;
  margin-top: 4px;
  color: #69aaff;
  font-size: 11px;
}

.mt5-test-panel small {
  max-width: 390px;
  margin-top: 4px;
  color: #8f9bad;
  font-size: 10px;
  line-height: 1.4;
}

.mt5-test-panel[data-test-status="COMPLETED"] {
  border-color: rgba(70, 215, 140, 0.28);
  background: rgba(70, 215, 140, 0.07);
}

.mt5-test-panel[data-test-status="COMPLETED"] strong {
  color: #62e2a2;
}

.mt5-test-panel[data-test-status="FAILED"],
.mt5-test-panel[data-test-status="REJECTED"],
.mt5-test-panel[data-test-status="EXPIRED"] {
  border-color: rgba(255, 107, 107, 0.28);
  background: rgba(255, 107, 107, 0.06);
}

.mt5-test-panel[data-test-status="FAILED"] strong,
.mt5-test-panel[data-test-status="REJECTED"] strong,
.mt5-test-panel[data-test-status="EXPIRED"] strong {
  color: #ff8585;
}

.mt5-test-button {
  white-space: nowrap;
  padding: 9px 12px;
  border: 1px solid rgba(105, 170, 255, 0.32);
  border-radius: 9px;
  background: rgba(66, 151, 255, 0.12);
  color: #82b7ff;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}

.mt5-test-button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.mt5-pairing-state {
  display: flex;
  justify-content: space-between;
  margin: 0 15px 15px;
  padding: 10px 12px;
  border: 1px solid rgba(244, 194, 70, 0.14);
  border-radius: 10px;
  background: rgba(244, 194, 70, 0.06);
}

.mt5-pairing-state span {
  color: #8a94a6;
  font-size: 10px;
  font-weight: 800;
}

.mt5-pairing-state strong {
  color: #f4c246;
  font-size: 10px;
}

.mt5-connection-footer {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
  border-top: 1px solid rgba(157, 170, 194, 0.1);
}

.mt5-connection-footer span {
  display: block;
  color: #6f7a8d;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.mt5-connection-footer strong {
  display: block;
  max-width: 220px;
  margin-top: 4px;
  color: #aeb7c6;
  font-size: 10px;
  overflow-wrap: anywhere;
}

.mt5-revoke-button {
  padding: 8px 12px;
  border: 1px solid rgba(255, 107, 107, 0.27);
  border-radius: 9px;
  background: rgba(255, 107, 107, 0.08);
  color: #ff8585;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}

.mt5-download-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.mt5-download-grid article {
  padding: 20px;
  border: 1px solid rgba(157, 170, 194, 0.14);
  border-radius: 16px;
  background: rgba(7, 13, 25, 0.72);
}

.mt5-download-icon {
  display: inline-grid;
  place-items: center;
  min-width: 46px;
  height: 38px;
  padding: 0 10px;
  border-radius: 10px;
  background: rgba(244, 194, 70, 0.11);
  color: #f4c246;
  font-size: 11px;
  font-weight: 900;
}

.mt5-download-grid h3 {
  margin: 15px 0 7px;
  color: #f0f3f8;
  font-size: 15px;
}

.mt5-download-grid p {
  min-height: 48px;
  margin: 0 0 15px;
  color: #7e899c;
  font-size: 12px;
  line-height: 1.55;
}

.mt5-download-grid button {
  width: 100%;
  min-height: 38px;
  border: 1px solid rgba(157, 170, 194, 0.14);
  border-radius: 10px;
  background: rgba(157, 170, 194, 0.06);
  color: #768195;
  font-size: 10px;
  font-weight: 900;
}

@media (max-width: 1100px) {
  .mt5-page-grid {
    grid-template-columns: 1fr;
  }

  .mt5-connection-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .mt5-safety-banner {
    grid-template-columns: auto 1fr;
  }

  .mt5-lock-chip {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .mt5-form-grid,
  .mt5-pairing-details,
  .mt5-connection-details,
  .mt5-download-grid {
    grid-template-columns: 1fr;
  }

  .mt5-pairing-code-row {
    grid-template-columns: 1fr;
  }

  .mt5-copy-button {
    min-height: 44px;
  }

  .mt5-connection-header {
    grid-template-columns: auto 1fr;
  }

  .mt5-status-chip {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .mt5-account-strip {
    grid-template-columns: 1fr;
  }

  .mt5-account-strip div + div {
    border-top: 1px solid rgba(157, 170, 194, 0.1);
    border-left: 0;
  }

  .mt5-connection-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .mt5-revoke-button {
    width: 100%;
  }
}

/* MT5 broker cost breakdown */
.mt5-cost-breakdown{margin-top:12px;border:1px solid rgba(111,255,199,.2);border-radius:14px;overflow:hidden;background:rgba(6,22,29,.56)}
.mt5-cost-breakdown>div{display:flex;justify-content:space-between;gap:18px;padding:10px 14px;border-bottom:1px solid rgba(148,163,184,.14)}
.mt5-cost-breakdown>div:last-child{border-bottom:0}
.mt5-cost-breakdown span{color:#93a4bc;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}
.mt5-cost-breakdown strong{color:#e7eef8}
.mt5-cost-breakdown .net{background:rgba(61,255,170,.07)}
.mt5-cost-breakdown .net strong{color:#5ff0bd}

/* Elite v0.3.2 central signal manager and MT5 admin oversight */
.admin-manager-shell{display:grid;gap:18px}.manager-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px;border:1px solid rgba(212,175,55,.28);background:linear-gradient(145deg,rgba(18,22,31,.96),rgba(8,10,15,.98));border-radius:18px}.manager-head h1{margin:2px 0 6px;font-size:30px}.manager-head p{margin:0;color:#aeb5c2}.eyebrow{color:#d7b64c!important;font-size:11px;font-weight:800;letter-spacing:.18em}.manager-link,.edit-actions a{border:1px solid rgba(212,175,55,.45);padding:10px 14px;border-radius:10px;color:#f4d56f;text-decoration:none;font-weight:700}.manager-alert{padding:12px 14px;border-radius:10px}.manager-alert.success{background:rgba(49,173,108,.15);border:1px solid rgba(49,173,108,.4)}.manager-alert.error{background:rgba(223,75,75,.15);border:1px solid rgba(223,75,75,.4)}.manager-filters{display:grid;grid-template-columns:minmax(220px,1fr) 180px 180px auto;gap:10px}.manager-filters input,.manager-filters select,.signal-edit-card input,.signal-edit-card select,.signal-edit-card textarea{width:100%;box-sizing:border-box;background:#0c1017;border:1px solid #2a303c;color:#f6f7fa;border-radius:9px;padding:10px}.manager-filters button,.edit-actions button{background:linear-gradient(135deg,#d7b64c,#9f7820);border:0;color:#090b0e;font-weight:900;border-radius:9px;padding:11px 16px}.manager-count{color:#9ca4b1;margin:0}.signal-admin-grid,.connection-overview-grid{display:grid;gap:14px}.signal-edit-card,.connection-overview-card{padding:18px;border:1px solid #252b35;background:#11151d;border-radius:16px}.signal-edit-card header,.connection-overview-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid #252b35;padding-bottom:12px;margin-bottom:14px}.signal-edit-card header small,.connection-overview-card header small{display:block;color:#8e97a5;margin-top:4px}.signal-edit-card header>span{color:#f2cf63;font-size:12px;font-weight:800}.signal-edit-card form{display:grid;gap:11px}.signal-edit-card label{display:grid;gap:6px;color:#aab2bf;font-size:12px;font-weight:700}.field-grid{display:grid;gap:10px}.field-grid.three{grid-template-columns:repeat(3,1fr)}.field-grid.five{grid-template-columns:repeat(5,1fr)}.edit-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}.safety-note{margin:12px 0 0;color:#8f98a6;font-size:12px}.manager-pagination{display:flex;justify-content:center;gap:18px;align-items:center}.manager-pagination a{color:#f2cf63}.connection-overview-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.connection-overview-card header span{font-size:11px;font-weight:900;padding:5px 8px;border-radius:999px}.connection-overview-card header span.online{background:rgba(49,173,108,.18);color:#64d99c}.connection-overview-card header span.offline{background:rgba(223,75,75,.16);color:#ff8585}.connection-overview-card dl{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0}.connection-overview-card dl div{background:#0c1017;padding:10px;border-radius:9px}.connection-overview-card dt{font-size:11px;color:#88919f}.connection-overview-card dd{margin:4px 0 0;font-weight:700}.empty-manager{padding:30px;text-align:center;border:1px dashed #343b47;border-radius:14px;color:#929baa}@media(max-width:900px){.manager-filters,.field-grid.three,.field-grid.five{grid-template-columns:1fr 1fr}.manager-head{flex-direction:column}}@media(max-width:560px){.manager-filters,.field-grid.three,.field-grid.five,.connection-overview-card dl{grid-template-columns:1fr}.edit-actions{align-items:stretch;flex-direction:column}}

/* Elite v0.3.3 temporary signal testing controls */
.test-signal-creator { margin: 22px 0; border-color: rgba(218, 174, 61, .45); }
.test-signal-creator header small { display: block; margin-top: 5px; color: var(--muted, #9ca3af); }
.field-grid.four { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.danger-actions { margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.08); display: flex; flex-wrap: wrap; gap: 10px; }
.danger-actions form { margin: 0; }
.secondary-danger, .danger-button { border-radius: 10px; padding: 11px 15px; font-weight: 800; cursor: pointer; }
.secondary-danger { background: transparent; border: 1px solid rgba(245, 158, 11, .55); color: #fbbf24; }
.danger-button { background: rgba(127, 29, 29, .75); border: 1px solid rgba(248, 113, 113, .55); color: #fecaca; }
@media (max-width: 900px) { .field-grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .field-grid.four { grid-template-columns: 1fr; } }

.mt5-release-chip { color:#f4c246; border-color:rgba(244,194,70,.32); background:rgba(244,194,70,.08); }
.mt5-download-notice { margin:0 0 18px; padding:16px 18px; border:1px solid rgba(94,230,168,.22); border-radius:14px; background:rgba(14,48,42,.28); }
.mt5-download-notice strong { color:#5ee6a8; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.mt5-download-notice p { margin:7px 0 0; color:#9ba8bb; font-size:12px; line-height:1.55; }
.mt5-download-button { display:inline-flex; align-items:center; justify-content:center; width:100%; min-height:42px; padding:10px 12px; border:1px solid rgba(244,194,70,.42); border-radius:10px; background:linear-gradient(135deg,#f2d374,#c99520); color:#111721; font-size:10px; font-weight:900; text-decoration:none; text-align:center; }
.mt5-download-button:hover { filter:brightness(1.06); transform:translateY(-1px); }
.mt5-download-secondary { background:rgba(157,170,194,.08); color:#eef3fb; border-color:rgba(157,170,194,.22); }

/* Trading Connections v2 */
.mt5-order-tabs{display:flex;gap:8px;margin:14px 0 12px;flex-wrap:wrap}.mt5-order-tabs button{border:1px solid #344052;background:#111722;color:#9ba6b6;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}.mt5-order-tabs button.active{border-color:#d5a92c;background:#382b0d;color:#ffd76a}.mt5-demo-order-form label.wide{grid-column:1/-2}.mt5-edit-note{font-size:10px;color:#8ea0b6;margin:8px 0 14px}.mt5-edit-note.warning{color:#e8bd54}.mt5-history-wrap[hidden]{display:none!important}


/* Trading Connections layout v2.1: P/L left, order workspace right */
.mt5-demo-panel-v21{padding:18px}
.mt5-execution-layout{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.65fr);gap:18px;align-items:start}
.mt5-execution-summary{min-width:0;padding-right:18px;border-right:1px solid rgba(255,255,255,.08)}
.mt5-order-workspace{min-width:0}
.mt5-demo-heading-v21{display:block}
.mt5-demo-heading-v21>div{width:100%}
.mt5-demo-panel-v21 .mt5-profit-row{margin-top:14px}
.mt5-demo-panel-v21 .mt5-cost-breakdown{margin-top:12px}
.mt5-demo-panel-v21 .mt5-position-row{margin-top:12px;flex-wrap:wrap}
.mt5-demo-panel-v21 .mt5-order-tabs{margin:0 0 14px}
.mt5-demo-order-form-v21{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:0}
.mt5-demo-order-form-v21 label.wide{grid-column:1/3}
.mt5-demo-order-form-v21 .mt5-demo-send{grid-column:3;min-height:42px}
.mt5-workspace-controls{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.mt5-demo-toggle-form-v21{display:flex;justify-content:flex-start;margin-top:14px}
.mt5-demo-toggle-form-v21 .mt5-demo-toggle{min-width:190px}
.mt5-demo-panel-v21 .mt5-history-wrap{grid-column:1/-1;margin-top:18px}
@media(max-width:1100px){
  .mt5-execution-layout{grid-template-columns:1fr}
  .mt5-execution-summary{padding-right:0;padding-bottom:16px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
}
@media(max-width:760px){
  .mt5-demo-order-form-v21{grid-template-columns:1fr}
  .mt5-demo-order-form-v21 label.wide,.mt5-demo-order-form-v21 .mt5-demo-send{grid-column:1}
  .mt5-management-actions,.mt5-sl-update-form,.mt5-close-actions{align-items:stretch;flex-direction:column}
  .mt5-sl-update-form>*{width:100%}
  .mt5-demo-toggle-form-v21 .mt5-demo-toggle{width:100%}
}


/* Trading Connections v2.2: readable aligned fields + TP management */
.mt5-order-fields-aligned{
  display:grid!important;
  grid-template-columns:minmax(118px,1.15fr) minmax(132px,1.15fr) minmax(105px,.85fr) minmax(132px,1.1fr) minmax(132px,1.1fr) minmax(150px,1.25fr)!important;
  gap:12px!important;
  align-items:end;
}
.mt5-order-fields-aligned label{min-width:0;display:grid;gap:7px;align-content:end}
.mt5-order-fields-aligned label>span{display:block;min-height:30px;line-height:1.25;color:#aeb9ca;font-size:11px;font-weight:750;letter-spacing:.045em;white-space:normal}
.mt5-order-fields-aligned label>span small{font-size:9px;color:#8995a8}
.mt5-order-fields-aligned input,.mt5-order-fields-aligned select{width:100%;min-width:0;height:46px;padding:0 12px;font-size:13px;overflow:hidden;text-overflow:ellipsis}
.mt5-order-fields-aligned label.wide{grid-column:1/5!important}
.mt5-order-fields-aligned .mt5-demo-send{grid-column:5/7!important;min-height:46px}
.mt5-post-order-management{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:end}
.mt5-level-update-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:0}
.mt5-level-update-form label{display:grid;gap:7px;min-width:0}
.mt5-level-update-form label span{color:#aeb9ca;font-size:11px;font-weight:750;letter-spacing:.045em}
.mt5-level-update-form input{height:44px;min-width:0}
.mt5-level-update-form button{min-width:112px;height:44px;border:1px solid rgba(244,194,70,.55);border-radius:9px;background:rgba(244,194,70,.08);color:#f4c246;font-size:10px;font-weight:900}
.mt5-cancel-form{grid-column:1/-1;margin:0}
.mt5-cancel-form .mt5-cancel-pending{width:100%;min-height:42px}
@media(max-width:1250px){
  .mt5-order-fields-aligned{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mt5-order-fields-aligned label.wide{grid-column:1/3!important}
  .mt5-order-fields-aligned .mt5-demo-send{grid-column:3!important}
}
@media(max-width:820px){
  .mt5-order-fields-aligned{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mt5-order-fields-aligned label.wide,.mt5-order-fields-aligned .mt5-demo-send{grid-column:1/-1!important}
  .mt5-post-order-management{grid-template-columns:1fr}
}
@media(max-width:520px){
  .mt5-order-fields-aligned{grid-template-columns:1fr!important}
  .mt5-order-fields-aligned label.wide,.mt5-order-fields-aligned .mt5-demo-send{grid-column:1!important}
  .mt5-level-update-form{grid-template-columns:1fr}
  .mt5-level-update-form button{width:100%}
}

/* ================================================================
   ELITE TRADING CONNECTIONS v1.030
   Readable order-entry and post-order management layout
   ================================================================ */

.mt5-order-workspace,
.mt5-order-panel,
.demo-order-editor,
.execution-order-workspace {
  min-width: 0;
  overflow: visible;
}

.mt5-order-fields,
.signal-order-fields,
.manual-order-fields,
.demo-order-form-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
  gap: 14px !important;
  align-items: end !important;
  width: 100% !important;
  min-width: 0 !important;
}

.mt5-order-fields > *,
.signal-order-fields > *,
.manual-order-fields > *,
.demo-order-form-grid > * {
  min-width: 0 !important;
}

.mt5-order-fields label,
.signal-order-fields label,
.manual-order-fields label,
.demo-order-form-grid label {
  display: grid !important;
  grid-template-rows: minmax(34px, auto) 48px !important;
  align-content: end !important;
  gap: 7px !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #aeb9ca !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: .04em !important;
  white-space: normal !important;
  overflow: visible !important;
}

.mt5-order-fields input,
.mt5-order-fields select,
.signal-order-fields input,
.signal-order-fields select,
.manual-order-fields input,
.manual-order-fields select,
.demo-order-form-grid input,
.demo-order-form-grid select {
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  line-height: 48px !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.mt5-order-fields select,
.signal-order-fields select,
.manual-order-fields select,
.demo-order-form-grid select {
  padding-right: 34px !important;
}

.mt5-order-comment,
.signal-order-comment,
.manual-order-comment,
.demo-order-comment {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
}

.mt5-order-actions,
.signal-order-actions,
.manual-order-actions {
  grid-column: 1 / -1 !important;
}

.mt5-post-order-management,
.post-order-management,
.demo-management-grid,
.position-management-grid {
  display: grid !important;
  grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr) auto !important;
  gap: 12px !important;
  align-items: end !important;
  width: 100% !important;
  min-width: 0 !important;
}

.mt5-post-order-management > *,
.post-order-management > *,
.demo-management-grid > *,
.position-management-grid > * {
  min-width: 0 !important;
}

.mt5-post-order-management label,
.post-order-management label,
.demo-management-grid label,
.position-management-grid label {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
  color: #aeb9ca !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

.mt5-post-order-management input,
.post-order-management input,
.demo-management-grid input,
.position-management-grid input {
  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
}

.mt5-post-order-management button,
.post-order-management button,
.demo-management-grid button,
.position-management-grid button {
  min-width: 116px !important;
  height: 46px !important;
  padding: 0 16px !important;
  white-space: nowrap !important;
}

@media (max-width: 1250px) {
  .mt5-order-fields,
  .signal-order-fields,
  .manual-order-fields,
  .demo-order-form-grid {
    grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
  }

  .mt5-post-order-management,
  .post-order-management,
  .demo-management-grid,
  .position-management-grid {
    grid-template-columns: minmax(160px, 1fr) auto !important;
  }
}

@media (max-width: 760px) {
  .mt5-order-fields,
  .signal-order-fields,
  .manual-order-fields,
  .demo-order-form-grid,
  .mt5-post-order-management,
  .post-order-management,
  .demo-management-grid,
  .position-management-grid {
    grid-template-columns: 1fr !important;
  }

  .mt5-post-order-management button,
  .post-order-management button,
  .demo-management-grid button,
  .position-management-grid button {
    width: 100% !important;
  }
}

/* ================================================================
   ELITE MT5 EXACT ORDER LAYOUT FIX
   Uses the real production HTML classes
   ================================================================ */

.mt5-demo-panel-v21 {
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

/* Keep P/L summary on the left, but give the order area enough room */
.mt5-demo-panel-v21 .mt5-execution-layout {
  display: grid !important;
  grid-template-columns: minmax(175px, 0.62fr) minmax(0, 2fr) !important;
  gap: 18px !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: start !important;
}

.mt5-demo-panel-v21 .mt5-execution-summary {
  width: 100%;
  min-width: 0 !important;
  padding-right: 16px !important;
}

.mt5-demo-panel-v21 .mt5-order-workspace {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

/* Order tabs */
.mt5-demo-panel-v21 .mt5-order-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
}

.mt5-demo-panel-v21 .mt5-order-tabs button {
  min-width: 0 !important;
  width: 100% !important;
  padding: 9px 7px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Actual Signal and Manual order forms */
.mt5-demo-panel-v21 .mt5-order-fields-aligned {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 13px !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: end !important;
}

.mt5-demo-panel-v21 .mt5-order-fields-aligned > * {
  min-width: 0 !important;
}

.mt5-demo-panel-v21 .mt5-order-fields-aligned label {
  display: grid !important;
  grid-template-rows: minmax(32px, auto) 48px !important;
  align-content: end !important;
  gap: 7px !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}

.mt5-demo-panel-v21 .mt5-order-fields-aligned label > span {
  display: block !important;
  min-height: 0 !important;
  color: #aeb9ca !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  letter-spacing: .035em !important;
  white-space: normal !important;
  overflow: visible !important;
}

.mt5-demo-panel-v21 .mt5-order-fields-aligned label > span small {
  display: inline !important;
  font-size: 9px !important;
  white-space: nowrap !important;
}

.mt5-demo-panel-v21 .mt5-order-fields-aligned input,
.mt5-demo-panel-v21 .mt5-order-fields-aligned select {
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  line-height: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.mt5-demo-panel-v21 .mt5-order-fields-aligned select {
  padding-right: 34px !important;
}

/* Order comment occupies the complete row */
.mt5-demo-panel-v21 .mt5-order-fields-aligned label.wide {
  grid-column: 1 / -1 !important;
}

/* Send button occupies the complete row */
.mt5-demo-panel-v21 .mt5-order-fields-aligned .mt5-demo-send {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
}

/* Post-order management */
.mt5-demo-panel-v21 .mt5-post-order-management {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 13px !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: start !important;
}

.mt5-demo-panel-v21 .mt5-level-update-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.mt5-demo-panel-v21 .mt5-level-update-form label {
  display: grid !important;
  grid-template-rows: minmax(32px, auto) 46px !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.mt5-demo-panel-v21 .mt5-level-update-form label span {
  display: block !important;
  min-height: 0 !important;
  color: #aeb9ca !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  white-space: normal !important;
}

.mt5-demo-panel-v21 .mt5-level-update-form input {
  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  padding: 0 12px !important;
}

.mt5-demo-panel-v21 .mt5-level-update-form button {
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  padding: 0 12px !important;
  white-space: nowrap !important;
}

/* Cancel button below both update sections */
.mt5-demo-panel-v21 .mt5-cancel-form {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

.mt5-demo-panel-v21 .mt5-cancel-pending {
  width: 100% !important;
}

/* Close controls */
.mt5-demo-panel-v21 .mt5-close-actions {
  display: grid !important;
  grid-template-columns: minmax(150px, auto) minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
}

.mt5-demo-panel-v21 .mt5-close-actions form,
.mt5-demo-panel-v21 .mt5-close-actions button {
  width: 100% !important;
}

/* Prevent history from widening the whole panel */
.mt5-demo-panel-v21 .mt5-history-wrap,
.mt5-demo-panel-v21 .mt5-history-scroll {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.mt5-demo-panel-v21 .mt5-history-scroll {
  overflow-x: auto !important;
}

/* Medium-width connection cards */
@media (max-width: 1180px) {
  .mt5-demo-panel-v21 .mt5-execution-layout {
    grid-template-columns: 1fr !important;
  }

  .mt5-demo-panel-v21 .mt5-execution-summary {
    padding-right: 0 !important;
    padding-bottom: 15px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }
}

/* Phone layout */
@media (max-width: 620px) {
  .mt5-demo-panel-v21 .mt5-order-tabs,
  .mt5-demo-panel-v21 .mt5-order-fields-aligned,
  .mt5-demo-panel-v21 .mt5-post-order-management,
  .mt5-demo-panel-v21 .mt5-close-actions {
    grid-template-columns: 1fr !important;
  }

  .mt5-demo-panel-v21 .mt5-close-actions small {
    width: 100% !important;
  }
}


/* ================================================================
   ELITE MT5 FIELD LABEL ALIGNMENT FIX
   Keep each label directly above its own input
   ================================================================ */

.mt5-demo-panel-v21 .mt5-order-fields-aligned label,
.mt5-demo-panel-v21 .mt5-level-update-form label {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.mt5-demo-panel-v21 .mt5-order-fields-aligned label > span,
.mt5-demo-panel-v21 .mt5-level-update-form label > span {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.25 !important;
  align-self: flex-start !important;
}

.mt5-demo-panel-v21 .mt5-order-fields-aligned input,
.mt5-demo-panel-v21 .mt5-order-fields-aligned select,
.mt5-demo-panel-v21 .mt5-level-update-form input {
  margin: 0 !important;
  width: 100% !important;
}

.mt5-demo-panel-v21 .mt5-order-fields-aligned label.wide {
  display: flex !important;
  flex-direction: column !important;
}

/* Keep paired fields aligned by input edge */
.mt5-demo-panel-v21 .mt5-order-fields-aligned {
  align-items: start !important;
}

.mt5-demo-panel-v21 .mt5-post-order-management {
  align-items: start !important;
}

/* Optional TP wording stays close to the main label */
.mt5-demo-panel-v21 .mt5-order-fields-aligned label > span small {
  display: inline !important;
  margin-left: 3px !important;
  vertical-align: baseline !important;
}

/* ================================================================
   ELITE MT5 TAB SCROLL STABILITY
   Prevent browser scroll anchoring while order panels change height
   ================================================================ */

.mt5-demo-panel-v21,
.mt5-demo-panel-v21 .mt5-execution-layout,
.mt5-demo-panel-v21 .mt5-order-workspace,
.mt5-demo-panel-v21 [data-order-panel],
.mt5-demo-panel-v21 .mt5-history-wrap {
  overflow-anchor: none !important;
}

.mt5-demo-panel-v21 [data-order-tab] {
  scroll-margin: 0 !important;
}


/* ================================================================
   ELITE SIGNAL ORDER DRAFT
   Remove oversized empty panel and keep controls compact
   ================================================================ */

[data-mt5-signal-draft] {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 16px !important;
  align-items: end !important;

  padding: 18px !important;
  margin: 0 0 18px !important;

  overflow: visible !important;
}

[data-mt5-signal-draft] > * {
  min-width: 0 !important;
}

[data-mt5-signal-draft] [data-signal-draft-title],
[data-mt5-signal-draft] [data-signal-draft-detail] {
  margin: 0 !important;
}

[data-mt5-signal-draft] [data-signal-draft-title] {
  display: block !important;
  margin-top: 5px !important;
}

[data-mt5-signal-draft] label {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
}

[data-mt5-signal-draft] select,
[data-mt5-signal-draft] button {
  height: 44px !important;
  margin: 0 !important;
}

[data-mt5-signal-draft] [data-signal-target] {
  min-width: 130px !important;
}

[data-mt5-signal-draft] [data-clear-signal-draft] {
  min-width: 136px !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  [data-mt5-signal-draft] {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  [data-mt5-signal-draft] [data-signal-target],
  [data-mt5-signal-draft] [data-clear-signal-draft] {
    width: 100% !important;
  }
}


/* ================================================================
   FINAL SIGNAL DRAFT HEIGHT FIX
   Stop the draft card stretching to match the MT5 connection card
   ================================================================ */

[data-mt5-signal-draft] {
  align-self: start !important;
  place-self: start stretch !important;

  height: fit-content !important;
  min-height: unset !important;
  max-height: fit-content !important;

  grid-auto-rows: auto !important;
  align-content: start !important;
  justify-content: stretch !important;

  padding: 18px !important;
}

/* Direct wrapper protection */
[data-mt5-signal-draft][class] {
  flex: 0 0 auto !important;
}

/* Keep the contents in one compact row */
[data-mt5-signal-draft] {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) auto auto !important;
  gap: 16px !important;
  align-items: end !important;
}

/* Prevent descendants from creating vertical expansion */
[data-mt5-signal-draft] > div,
[data-mt5-signal-draft] > label,
[data-mt5-signal-draft] > button {
  height: auto !important;
  min-height: 0 !important;
  align-self: end !important;
}

/* The surrounding connections grid must not stretch its children */
.mt5-connections-grid,
.mt5-connections-layout,
.mt5-connections-shell,
.mt5-connection-layout,
.mt5-connection-grid {
  align-items: start !important;
}

/* Fallback for any parent grid containing this card */
section:has(> [data-mt5-signal-draft]),
div:has(> [data-mt5-signal-draft]) {
  align-items: start !important;
}

@media (max-width: 760px) {
  [data-mt5-signal-draft] {
    grid-template-columns: 1fr !important;
  }
}

/* ================================================================
   ELITE MT5 ORDER DIRECTION COLORS
   BUY selections appear green, SELL selections appear bright red
   ================================================================ */

.mt5-order-type-buy {
  color: #39f58a !important;
  border-color: rgba(57, 245, 138, 0.72) !important;
  background:
    linear-gradient(
      145deg,
      rgba(18, 92, 55, 0.48),
      rgba(8, 27, 20, 0.94)
    ) !important;
  box-shadow:
    inset 0 0 0 1px rgba(57, 245, 138, 0.12),
    0 0 16px rgba(57, 245, 138, 0.08) !important;
  font-weight: 850 !important;
}

.mt5-order-type-sell {
  color: #ff4f5e !important;
  border-color: rgba(255, 79, 94, 0.78) !important;
  background:
    linear-gradient(
      145deg,
      rgba(110, 23, 34, 0.54),
      rgba(34, 8, 13, 0.96)
    ) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 79, 94, 0.14),
    0 0 16px rgba(255, 79, 94, 0.09) !important;
  font-weight: 850 !important;
}

.mt5-order-type-buy:focus {
  outline: 2px solid rgba(57, 245, 138, 0.3) !important;
}

.mt5-order-type-sell:focus {
  outline: 2px solid rgba(255, 79, 94, 0.32) !important;
}


/* ================================================================
   ELITE MT5 P/L SUMMARY ALIGNMENT
   ================================================================ */

.mt5-execution-summary {
  min-width: 220px !important;
}

/* Closed or live P/L headline */
.mt5-profit-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 14px 16px !important;
}

.mt5-profit-row span,
.mt5-profit-row strong {
  margin: 0 !important;
  min-width: 0 !important;
}

.mt5-profit-row span {
  line-height: 1.25 !important;
  white-space: normal !important;
}

.mt5-profit-row strong {
  text-align: right !important;
  white-space: nowrap !important;
  line-height: 1.15 !important;
}

/* Gross, commission, swap, fee and net P/L */
.mt5-cost-breakdown {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.mt5-cost-breakdown > div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 14px 16px !important;
}

.mt5-cost-breakdown > div span,
.mt5-cost-breakdown > div strong {
  margin: 0 !important;
  min-width: 0 !important;
}

.mt5-cost-breakdown > div span {
  color: #9aa8bc !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

.mt5-cost-breakdown > div strong {
  color: #eef3fb !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Highlight MT5 net result */
.mt5-cost-breakdown > div.net {
  background: rgba(35, 210, 140, 0.09) !important;
  border-top: 1px solid rgba(35, 210, 140, 0.18) !important;
}

.mt5-cost-breakdown > div.net strong {
  color: #55ecae !important;
}

/* Position row */
.mt5-position-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 13px 0 0 !important;
}

.mt5-position-row span {
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.mt5-position-row strong {
  text-align: right !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* Never show raw underscore styling awkwardly */
.mt5-position-row small {
  grid-column: 1 / -1 !important;
  text-align: right !important;
}

/* Keep compact summary readable */
@media (max-width: 1180px) {
  .mt5-execution-summary {
    min-width: 0 !important;
  }

  .mt5-profit-row,
  .mt5-cost-breakdown > div,
  .mt5-position-row {
    grid-template-columns: minmax(130px, 1fr) auto !important;
  }
}


/* ================================================================
   ELITE MT5 FINAL P/L ALIGNMENT
   Widen summary column and lock label/value alignment
   ================================================================ */

.mt5-demo-panel-v21 .mt5-execution-layout {
  display: grid !important;
  grid-template-columns:
    minmax(310px, 0.82fr)
    minmax(0, 1.75fr) !important;
  gap: 22px !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
}

.mt5-demo-panel-v21 .mt5-execution-summary {
  width: 100% !important;
  min-width: 310px !important;
  max-width: none !important;
  padding-right: 20px !important;
  overflow: visible !important;
}

/* Main P/L card */
.mt5-demo-panel-v21 .mt5-profit-row {
  display: grid !important;
  grid-template-columns: minmax(105px, 1fr) auto !important;
  align-items: center !important;
  column-gap: 18px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 16px 18px !important;
}

.mt5-demo-panel-v21 .mt5-profit-row span {
  min-width: 0 !important;
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  letter-spacing: .09em !important;
  white-space: normal !important;
}

.mt5-demo-panel-v21 .mt5-profit-row strong {
  min-width: 112px !important;
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Cost breakdown container */
.mt5-demo-panel-v21 .mt5-cost-breakdown {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 14px !important;
  overflow: hidden !important;
}

/* Each Gross / Commission / Swap / Fee / Net row */
.mt5-demo-panel-v21 .mt5-cost-breakdown > div {
  display: grid !important;
  grid-template-columns: minmax(120px, 1fr) minmax(112px, auto) !important;
  align-items: center !important;
  column-gap: 18px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 16px 18px !important;
}

.mt5-demo-panel-v21 .mt5-cost-breakdown > div > span {
  min-width: 0 !important;
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  letter-spacing: .075em !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.mt5-demo-panel-v21 .mt5-cost-breakdown > div > strong {
  min-width: 112px !important;
  margin: 0 !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* Net P/L row */
.mt5-demo-panel-v21 .mt5-cost-breakdown > div.net {
  background: rgba(35, 210, 140, .10) !important;
  border-top: 1px solid rgba(35, 210, 140, .20) !important;
}

.mt5-demo-panel-v21 .mt5-cost-breakdown > div.net > strong {
  color: #55ecae !important;
}

/* Position row */
.mt5-demo-panel-v21 .mt5-position-row {
  display: grid !important;
  grid-template-columns: minmax(105px, 1fr) auto !important;
  align-items: center !important;
  column-gap: 18px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 14px !important;
  padding: 14px 0 0 !important;
}

.mt5-demo-panel-v21 .mt5-position-row > span {
  margin: 0 !important;
  white-space: nowrap !important;
}

.mt5-demo-panel-v21 .mt5-position-row > strong {
  min-width: 112px !important;
  margin: 0 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.mt5-demo-panel-v21 .mt5-position-row > small {
  grid-column: 1 / -1 !important;
  margin-top: 5px !important;
  text-align: right !important;
}

/* Stack only when the full connection panel is genuinely narrow */
@media (max-width: 1050px) {
  .mt5-demo-panel-v21 .mt5-execution-layout {
    grid-template-columns: 1fr !important;
  }

  .mt5-demo-panel-v21 .mt5-execution-summary {
    min-width: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 18px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }
}



/* ELITE SIGNAL SL SERVER-ONLY v1.031 */
.mt5-apply-signal-sl-form{display:grid;gap:7px;grid-column:1/-1;margin:0}.mt5-apply-signal-sl{min-height:44px;width:100%;border:1px solid rgba(88,235,157,.55);border-radius:9px;background:rgba(88,235,157,.09);color:#58eb9d;font-size:10px;font-weight:900;letter-spacing:.06em}.mt5-apply-signal-sl:disabled{opacity:.4;cursor:not-allowed}.mt5-apply-signal-sl-form small{color:#8491a4;font-size:9px}.mt5-order-fields-aligned input[readonly]{border-color:rgba(244,194,70,.38)!important;background:rgba(244,194,70,.06)!important;color:#f1d375!important;cursor:not-allowed}


/* ELITE AUTOMATIC BRIDGE UPDATE CENTRE V1 */
.mt5-bridge-release-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.mt5-bridge-release-status>div{padding:14px 16px;border:1px solid rgba(246,196,65,.22);border-radius:12px;background:rgba(8,18,31,.58)}.mt5-bridge-release-status span{display:block;color:#92a1b8;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.mt5-bridge-release-status strong{display:block;margin-top:6px;color:#eef3ff;overflow-wrap:anywhere}.mt5-release-chip{color:#53ecad!important;border-color:rgba(83,236,173,.35)!important;background:rgba(24,95,69,.22)!important}@media(max-width:760px){.mt5-bridge-release-status{grid-template-columns:1fr}}