:root{color-scheme:dark;--bg:#080d16;--panel:#101925;--line:#233144;--muted:#8595ac;--text:#eaf1fb;--green:#21ce94;--red:#f16e7d;--blue:#508dfc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app{display:flex;min-height:100vh}.sidebar{width:238px;flex-shrink:0;background:#0d1520;border-right:1px solid var(--line);padding:26px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand,.login-logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:1px;font-size:17px}.brand b,.login-logo b,.mobile-brand b{color:#7ba9ff}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:1.9px;margin-top:4px}.logo-symbol{display:grid;place-items:center;background:linear-gradient(145deg,#75a7ff,#2b59cc);color:#fff;border-radius:11px;width:38px;height:38px;font-size:25px;font-weight:900;box-shadow:0 5px 24px #3062df44}.nav-section{color:#63748b;font-size:10px;font-weight:800;letter-spacing:2px;margin:48px 12px 15px}.nav-item{border:0;color:#9eafc4;background:transparent;display:flex;gap:14px;align-items:center;padding:13px 12px;width:100%;text-align:left;border-radius:9px;margin-bottom:5px}.nav-item span{font-size:19px;width:22px;text-align:center}.nav-item.selected{color:#e9f2ff;background:#1a2b46;border:1px solid #31517d}.nav-item:hover{background:#172437}.side-spacer{flex:1}.sidebar-bottom{padding:14px 8px;border-top:1px solid var(--line)}.sidebar-bottom p{color:var(--muted);font-size:12px}.logout{color:#b8c8de;background:transparent;border:0;padding:8px 0}.content{max-width:1700px;min-width:0;width:100%;margin:0 auto;padding:28px 30px 18px}.topbar,.top-right,.panel-heading,.section-row,.market-head,.action-row,.level,.brand{display:flex;align-items:center;justify-content:space-between;gap:14px}.topbar{margin-bottom:25px}.breadcrumb{font-size:11px;letter-spacing:1.5px;color:var(--muted);font-weight:700}.breadcrumb span{margin:0 9px;color:#45566e}h1{font-size:27px;margin:8px 0 0;letter-spacing:-.6px}h2{font-size:13px;letter-spacing:.8px;margin:0;font-weight:800}h3{margin:7px 0;font-size:23px}.top-right{gap:15px}.clock{color:#a2b1c5;font-size:12px}.avatar{width:34px;height:34px;background:#284568;color:#d8e8ff;display:grid;place-items:center;border-radius:50%;font-weight:800}.tag{border:1px solid #35465c;background:#192638;color:#afc0d8;font-size:10px;font-weight:800;padding:6px 9px;border-radius:6px;letter-spacing:.5px;white-space:nowrap}.tag.warning{color:#f4c875;background:#30271b;border-color:#6a4e2d}.tag.danger{color:#ff9ba5;background:#38222a;border-color:#78414d}.notice{border:1px solid #4e432b;background:#211c17;border-radius:9px;padding:13px 16px;display:flex;gap:11px;align-items:center;color:#d7c3a1;font-size:12px;margin-bottom:20px}.notice>span:first-child{color:#f5bc5c}.notice strong{color:#f3d49b}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric,.panel{border:1px solid var(--line);background:linear-gradient(150deg,#121d2b,#0f1722);border-radius:12px}.metric{padding:18px 20px;min-height:112px}.metric span,.metric small,.order-summary span,.quote span{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1px}.metric strong{display:block;font-size:25px;margin:12px 0 7px}.metric small{font-size:11px;letter-spacing:0;font-weight:400}.main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:17px;margin-bottom:17px}.stack{display:flex;flex-direction:column;gap:17px;min-width:0}.panel{padding:20px;min-width:0}.panel-heading{margin-bottom:20px}.market-tabs{display:flex;gap:8px}.market-tabs button{border:1px solid #29384d;background:#101b29;color:#b7c6da;border-radius:9px;padding:12px 17px;display:flex;align-items:center;gap:9px}.market-tabs button.active{border-color:#4b83dc;background:#1a3051;color:#fff}.market-tabs span{font-size:10px;color:#8193ab}.market-head{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.market-head small{font-size:11px;color:var(--muted);font-weight:400}.eyebrow{font-size:10px;font-weight:800;color:#79a7ef;letter-spacing:2px}.quote{text-align:right}.quote strong{display:block;font-size:25px;margin:5px 0}.quote small{color:var(--muted)}.section-row{margin:0 0 15px}.section-label{font-weight:700;font-size:12px;color:#b4c3d7}.direction,.segmented{display:flex;gap:7px}.direction button{min-width:115px;padding:12px 14px;border:1px solid #344153;border-radius:8px;background:#18212e;color:#b9c5d5;font-weight:900;letter-spacing:1px}.direction .active-long{background:#103c33;border-color:#258d72;color:#46e2ac}.direction .active-short{background:#43242d;border-color:#aa4c62;color:#ff8d9a}.field-grid{display:grid;gap:13px;margin:13px 0}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field span{font-size:11px;color:#9fafc4;font-weight:600}.field input{min-width:0;width:100%;background:#0b1420;border:1px solid #2b3a50;border-radius:8px;color:#e6f0ff;padding:12px 11px;outline:none}.field input:focus{border-color:#568cdd;box-shadow:0 0 0 2px #568cdd20}.field small{color:var(--muted)}.quick-picks{display:flex;gap:7px;margin-top:5px}.quick-picks button{flex:1;padding:9px;border:1px solid #2d3d51;border-radius:7px;color:#aebed1;background:#152132}.quick-picks button.chosen{border-color:#548ce6;color:#d9e8ff;background:#1b3558}.divider{height:1px;background:var(--line);margin:20px 0}.segmented{background:#0a1420;border:1px solid #29394e;border-radius:8px;padding:3px}.segmented button{background:transparent;color:#94a7bd;border:0;border-radius:6px;padding:8px 10px;font-size:11px}.segmented button.active{background:#273b55;color:#fff}.last-field{align-items:center}.inline-tip{font-size:11px;color:#8496ad;line-height:1.6}.action-row{justify-content:stretch;flex-wrap:wrap;margin-top:19px}.action-row button{flex:1}.primary-btn,.outline-btn,.exit-btn,.trade-btn{padding:13px 15px;border-radius:8px;font-weight:800;font-size:12px;letter-spacing:.3px}.primary-btn{background:#427de5;border:1px solid #6496f3;color:#fff}.primary-btn:hover{background:#528bf0}.outline-btn{background:#1b293a;border:1px solid #3c526e;color:#dce9f9}.exit-btn{background:#3a2029;border:1px solid #8a4555;color:#ff9da8}.error{padding:11px;background:#43242a;border:1px solid #8d4753;color:#ffc1c8;border-radius:8px;margin-top:14px;font-size:12px}.json-result{margin-top:16px;border:1px solid #2c405b;border-radius:8px;padding:13px;color:#b9cee8}.json-result pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.order-summary{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding-bottom:20px;border-bottom:1px solid var(--line)}.order-summary strong{display:block;font-size:15px;margin-top:6px}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.levels{display:flex;flex-direction:column}.level{padding:16px 0;border-bottom:1px solid #243145;justify-content:flex-start}.level>div{flex:1}.level small{display:block;font-size:10px;color:#93a5bc;letter-spacing:.5px}.level strong{display:block;font-size:21px;margin-top:5px}.level-icon{width:35px;height:35px;display:grid;place-items:center;background:#1c3540;border-radius:9px;font-size:20px}.level-icon.negative{background:#3c2630}.level-icon.purple{background:#302c49;color:#a9a0ff}.trade-btn{width:100%;margin-top:20px;padding:15px 8px}.trade-btn.buy{background:#167957;color:#c4ffea;border:1px solid #269b72}.trade-btn.sell{background:#993e50;color:#ffe0e5;border:1px solid #c75d71}.fineprint{color:#8a9bb0;font-size:11px;line-height:1.6}.empty-small{border:1px dashed #3c4d62;background:#101b29;text-align:center;padding:16px;color:#9aacc3;border-radius:8px;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:740px}th{text-align:left;color:#8093ab;font-size:10px;letter-spacing:1px;padding:12px 10px;border-bottom:1px solid var(--line)}td{padding:16px 10px;border-bottom:1px solid #1c2b3d}.empty-row{text-align:center;padding:44px!important}.empty-row span{display:block;font-size:30px;color:#587093}.empty-row b{display:block;margin:12px 0;color:#c0d1e7}.empty-row small{display:block;color:#8496ac}footer{display:flex;justify-content:space-between;color:#61738a;font-size:10px;padding:22px 0;letter-spacing:1px}.login-shell{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-visual{background:radial-gradient(ellipse at 75% 40%,#18386c 0%,#101e34 38%,#090f1a 78%);border-right:1px solid #243651;padding:45px 55px;display:flex;flex-direction:column}.login-message{margin:auto 0;max-width:600px}.login-message h1{font-size:clamp(40px,5vw,76px);line-height:1.08;letter-spacing:-2.5px;margin:24px 0}.login-message p{color:#a0b3ce;font-size:17px;line-height:1.8}.login-stats{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}.login-stats span{border:1px solid #34527c;border-radius:7px;color:#a8c4e9;font-size:10px;letter-spacing:1px;padding:10px 13px}.login-bottom{color:#6883a5;font-size:10px;letter-spacing:2px}.login-form-wrap{display:grid;place-items:center;padding:30px}.login-card{max-width:400px;width:100%}.login-card h2{font-size:33px;letter-spacing:-1px;margin:15px 0 7px}.login-card p{color:#91a2b8;margin:0 0 32px}.login-card .field{margin-bottom:19px}.login-card .field input{padding:14px}.login-card .primary-btn{width:100%;margin-top:12px;padding:16px}.password-wrap{position:relative}.password-wrap input{padding-right:70px!important}.show-pass{position:absolute;right:8px;top:8px;background:transparent;border:0;color:#a9bfdd;padding:7px}.login-note{margin-top:25px;color:#74869c;font-size:11px;line-height:1.7}.mobile-brand{display:none}@media(max-width:1200px){.main-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{width:70px;padding:18px 8px}.sidebar .brand>div,.nav-section,.nav-item:not(.selected),.sidebar-bottom{display:none}.sidebar .brand{justify-content:center}.nav-item{justify-content:center;font-size:0}.nav-item span{font-size:22px}.content{padding:20px 14px}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.mobile-brand{display:block;font-size:21px;font-weight:800;margin-bottom:40px}}@media(max-width:550px){.metrics{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:12px;min-height:90px}.metric strong{font-size:21px}.field-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.market-tabs button{padding:9px;flex-direction:column}.top-right .clock{display:none}.notice{align-items:flex-start}.notice span:last-child{line-height:1.5}.panel{padding:14px}.direction button{min-width:90px}.topbar h1{font-size:21px}.level .tag{font-size:8px}.login-form-wrap{padding:22px}}

/* PGR TRADES: bull/bear hero and fund quota preview */
.login-visual{position:relative;isolation:isolate;overflow:hidden;background:#06101b url('/bull-bear.png') center center / cover no-repeat}
.login-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,19,.55),rgba(4,10,19,.10) 55%,rgba(4,10,19,.25)),linear-gradient(0deg,rgba(4,10,19,.85),transparent 48%,rgba(4,10,19,.45));z-index:-1}
.login-visual .login-message{margin-top:auto;margin-bottom:40px;max-width:560px;text-shadow:0 2px 20px #020810}
.login-visual .login-message h1{font-size:clamp(38px,4.3vw,66px)}
.login-visual .login-message p{color:#d1dbe8}
.quota-meter{height:10px;border-radius:20px;overflow:hidden;background:#223347;margin:16px 0 10px}.quota-meter span{display:block;height:100%;border-radius:20px;transition:width .2s}
.quota-summary{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;color:#a8bbd2;font-size:12px;margin:10px 0}.quota-summary strong{color:#e4f3ff}
@media(max-width:850px){.login-form-wrap{background:linear-gradient(#08111bd9,#08111bf0),url('/bull-bear.png') center/cover}}

/* PGR TRADES — login art fitted to portrait panel without cropping animals */
.login-visual {
  background-color: #050f1b !important;
  background-image: url('/bull-bear-login.png') !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
.login-visual::before {
  background: linear-gradient(180deg,rgba(5,15,27,.12) 0%,transparent 30%,transparent 62%,rgba(5,15,27,.88) 100%) !important;
}
.login-visual .login-message {position:relative;z-index:1; margin-top:auto; margin-bottom:42px;max-width:570px}
.login-visual .login-message h1 {font-size:clamp(34px,3.7vw,56px);line-height:1.08}
@media (max-width:850px) {
 .login-form-wrap {background:#080d16 !important;}
}



/* PGR TRADES visual refinement: decorative only */
.topbar{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 65% 100% at 55% 110%,rgba(0,135,255,.20),transparent 75%),linear-gradient(105deg,transparent 55%,rgba(0,65,125,.17) 100%)}
.topbar:before{content:"";position:absolute;z-index:-1;inset:0 17% 0 38%;background:linear-gradient(130deg,transparent 47%,rgba(25,166,255,.6) 49%,rgba(18,116,245,.12) 50%,transparent 51%),repeating-linear-gradient(130deg,transparent 0 22px,rgba(45,122,230,.09) 23px 24px,transparent 25px 46px);mask-image:linear-gradient(to right,transparent,#000 35%,#000 70%,transparent);pointer-events:none}
.sidebar-art{position:relative;min-height:160px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 32%,rgba(12,116,221,.19),transparent 65%),radial-gradient(ellipse at 75% 75%,rgba(218,38,67,.14),transparent 65%);pointer-events:none}
.sidebar-art:before{content:"";position:absolute;inset:10% 0;background:repeating-linear-gradient(0deg,transparent 0 21px,rgba(66,130,200,.07) 22px 23px);transform:skewY(-17deg);mask-image:linear-gradient(to bottom,transparent,#000 35%,#000 75%,transparent)}
.art-bull,.art-bear{font-size:56px;line-height:1.15;font-weight:900;filter:drop-shadow(0 0 12px currentColor);opacity:.6}.art-bull{color:#21b8f9;transform:translateX(-25px)}.art-bear{color:#fb536b;transform:translateX(25px) rotate(30deg);font-size:35px}
.animal-icon{display:inline-block;font-size:20px;vertical-align:middle;margin-right:9px;filter:grayscale(1) brightness(1.8)}
.balance-pending{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #28405a;border-radius:8px;color:#a5c4e6}.balance-pending strong{font-size:22px;color:white}.balance-pending small{line-height:1.5}
.field select{width:100%;min-height:42px;background:#091523;color:#e8f3ff;border:1px solid #29405d;border-radius:8px;padding:8px 10px}
@media(max-width:850px){.sidebar-art{display:none}.topbar:before{opacity:.4}}

/* Approved decorative artwork and compact execution controls */
.topbar{min-height:88px;background:linear-gradient(95deg,rgba(3,16,34,.05),rgba(0,53,119,.17)),radial-gradient(ellipse 55% 75% at 57% 115%,rgba(0,145,255,.25),transparent 80%);border-bottom:1px solid rgba(12,126,255,.18)}
.topbar:before{inset:0 4% 0 34%;background:linear-gradient(135deg,transparent 46%,rgba(24,170,255,.0) 48%,rgba(29,182,255,.8) 49%,rgba(6,100,230,.1) 50%,transparent 52%),repeating-linear-gradient(135deg,transparent 0 34px,rgba(25,105,210,.12) 35px 36px,transparent 37px 66px);mask-image:linear-gradient(to right,transparent,#000 35%,#000 85%,transparent)}
.topbar:after{content:"";position:absolute;z-index:-1;left:25%;right:10%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#0b8bff,#3fd8ff,transparent);box-shadow:0 0 14px 3px rgba(0,123,255,.36);pointer-events:none}
.sidebar-art{min-height:250px;background:#071525 url('/pgr-sidebar-art.webp') center center / cover no-repeat;mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%)}
.sidebar-art:before{display:none}
.mode-label{display:block;color:#a7c7e8;font-size:12px;margin-bottom:9px;font-weight:600}
.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%}
.mode-choice{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:9px;border:1px solid #314761;background:#122033;color:#b6c9de;font-weight:800;cursor:pointer;transition:background .15s,border-color .15s}
.mode-choice img{height:30px;width:38px;object-fit:contain}
.mode-choice.long.active{background:#073e30;border-color:#18db86;color:#5ff0a5;box-shadow:inset 0 0 12px rgba(12,196,105,.13)}
.mode-choice.short.active{background:#491c2c;border-color:#f65c78;color:#ff8b9e;box-shadow:inset 0 0 12px rgba(240,43,78,.12)}
.mode-choice:focus-visible{outline:2px solid #6baaff;outline-offset:3px}
.trade-btn .animal-icon{width:35px;height:32px;object-fit:contain;vertical-align:middle;margin-right:9px;filter:none;opacity:1}
@media(max-width:850px){.sidebar-art{display:none}}

.login-visual{background-image:url("/pgr-login-optimized.webp") !important}

/* Reference-matched execution buttons; mode selectors intentionally text-only */
.mode-choice{min-height:48px;font-size:15px;letter-spacing:.02em}
.mode-choice.long:not(.active),.mode-choice.short:not(.active){background:#101d30;border-color:#314761;color:#d0deef;box-shadow:none}
.trade-btn{min-height:66px;border-radius:12px;font-size:18px;font-weight:800;display:flex;justify-content:center;align-items:center}
.trade-btn.buy{border:2px solid #00e97b;background:linear-gradient(180deg,#004b33,#003b2b);color:#59ffa6;box-shadow:inset 0 0 20px rgba(0,235,120,.12)}
.trade-btn.sell{border:2px solid #ff224d;background:linear-gradient(180deg,#4b1020,#290d1b);color:#ff6378;box-shadow:inset 0 0 20px rgba(255,35,75,.12)}
.execute-inner{display:flex;align-items:center;justify-content:center;gap:16px}
.trade-btn .animal-icon{width:78px;height:48px;object-fit:contain;margin:0;filter:none;opacity:1}
.execute-divider{width:2px;height:36px;background:currentColor;opacity:.65}
.trade-btn:disabled{cursor:not-allowed;opacity:.82}
@media(max-width:520px){.trade-btn{font-size:15px}.trade-btn .animal-icon{width:60px;height:40px}.execute-inner{gap:10px}}

/* PGR EXECUTE COMPACT FIX */

/* STEP 101: compact execute button and transparent bear silhouette */
.trade-btn{min-height:56px;font-size:15px;border-radius:9px;padding:9px 14px}
.trade-btn .animal-icon{width:44px;height:32px;object-fit:contain;margin:0}
.execute-inner{gap:10px}
.execute-divider{height:26px;width:1px}
@media(max-width:520px){.trade-btn{min-height:52px;font-size:14px}.trade-btn .animal-icon{width:38px;height:28px}}


/* COMPACT_TP_SL_BOX */
.manual-exits-compact.panel{padding:16px}
.manual-exits-compact .panel-heading{margin-bottom:12px}
.compact-exit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.compact-exit-grid .field{min-width:0;gap:6px;margin:0}
.compact-exit-grid input{width:100%;min-width:0;height:36px;padding:7px 9px;font-size:13px}
.compact-exit-grid label{font-size:11px;font-weight:700}
.compact-exit-grid .outline-btn{min-height:32px;padding:6px 10px;font-size:11px}
.compact-exit-grid small,.compact-exit-note{font-size:10px;line-height:1.4;color:#91a2b8;overflow-wrap:anywhere}
.compact-exit-note{display:block;margin-top:8px}

/* Remove duplicate navigation artwork. */


/* Hide the label embedded at the top of the sidebar artwork. */
.sidebar-art{clip-path:inset(55px 0 0)}

/* Text-free sidebar artwork; restore natural spacing. */
.sidebar-art{
  background-image:url('/pgr-sidebar-v2.png')!important;
  background-position:center!important;
  background-size:cover!important;
  clip-path:none!important;
  margin-top:0!important;
}

/* Text-free sidebar artwork; restore natural spacing. */
.sidebar-art{
  background-image:url('/pgr-sidebar-v2.png')!important;
  background-position:center!important;
  background-size:cover!important;
  clip-path:none!important;
  margin-top:0!important;
}



/* Groww-specific layout; existing PGR theme and graphics remain above. */
[hidden] { display: none !important; }

button:focus-visible,
a:focus-visible,
summary:focus-visible,
.terminal-switch:focus-visible {
    outline: 2px solid #79a7ef;
    outline-offset: 3px;
}

input[type=checkbox] { accent-color: #508dfc; }
body { font-variant-numeric: tabular-nums; }
.notice { line-height: 1.6; }
.error { margin-bottom: 18px; }
.field input:disabled { opacity: .6; }

.brand-name { min-width: 0; }
.brand-title { display: block; }

.terminal-switch {
    display: block;
    max-width: 100%;
    margin-top: 7px;
    padding: 5px 22px 5px 7px;
    border: 1px solid #31517d;
    border-radius: 6px;
    background: #142239;
    color: #bcd5f7;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .4px;
    cursor: pointer;
}

.token-panel { margin-bottom: 18px; padding: 16px 20px; }
.token-panel .panel-heading { margin-bottom: 12px; }
.token-panel form {
    display: flex;
    gap: 12px;
    align-items: flex-end;
}
.token-panel .field { flex: 1; }
.token-panel .outline-btn { white-space: nowrap; }
.token-panel p { margin: 10px 0 0; }

.chain-controls { margin-top: 20px; }
.basket-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #b4c3d7;
}
.chain-table { min-width: 430px; }
.chain-table td,
.chain-table th { padding: 10px 8px; }
.chain-wrap {
    max-height: 465px;
    overflow: auto;
    scrollbar-color: #34517a #101925;
}
.chain-table thead {
    position: sticky;
    top: 0;
    background: #111c29;
    z-index: 1;
}
.strike-select {
    padding: 7px 11px;
    font-size: 10px;
    min-width: 74px;
}
.strike-select.chosen {
    border-color: #21ce94;
    color: #5ff0a5;
    background: #073e30;
}
.atm-row { background: #172b41; }

.selected-leg {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid var(--line);
}
.selected-leg strong,
.selected-leg small { display: block; margin-top: 8px; }
.selected-leg strong { font-size: 15px; }
.selected-leg small { color: var(--muted); font-size: 11px; }
.manual-quantity { grid-column: 1 / -1; }

.remove-leg {
    background: transparent;
    color: #94a7bd;
    border: 1px solid #35465c;
    border-radius: 6px;
    width: 28px;
    height: 28px;
    font-size: 20px;
}

.reference-label {
    font-size: 11px;
    color: #a8c4e9;
    line-height: 1.7;
    overflow-wrap: anywhere;
}
.position-legs { margin-top: 10px; }
.position-leg {
    padding: 12px 0;
    border-bottom: 1px solid var(--line);
}
.position-leg strong { font-size: 12px; }
.position-leg small {
    display: block;
    color: var(--muted);
    font-size: 11px;
    margin-top: 6px;
    line-height: 1.6;
}
.force-exit { width: 100%; margin-top: 16px; }
.trade-btn .animal-icon { flex-shrink: 0; }

.activity {
    font-size: 11px;
    max-height: 290px;
    overflow: auto;
}
.activity > div {
    display: flex;
    gap: 20px;
    padding: 10px 0;
    border-bottom: 1px solid var(--line);
}
.activity time { color: var(--muted); min-width: 145px; }
.activity span { overflow-wrap: anywhere; }

details { margin-top: 16px; }
summary { font-size: 11px; color: #9eb4d1; cursor: pointer; }
.order-log { max-height: 270px; overflow: auto; }
.order-log > div {
    padding: 12px 0;
    border-bottom: 1px solid var(--line);
}
.order-log strong,
.order-log small,
.order-log code {
    display: block;
    font-size: 10px;
    margin-top: 5px;
    overflow-wrap: anywhere;
}
.order-log small,
.order-log code { color: var(--muted); }

dialog {
    background: #101925;
    color: var(--text);
    border: 1px solid #3c526e;
    border-radius: 12px;
    max-width: 420px;
    padding: 28px;
}
dialog::backdrop { background: #030812dc; }
dialog p { color: var(--muted); font-size: 12px; line-height: 1.6; }
dialog .primary-btn { width: 100%; margin-top: 18px; }

@media(min-width: 1500px) {
    .main-grid {
        grid-template-columns: minmax(0,1.55fr) minmax(360px,1fr);
    }
}

@media(max-width: 850px) {
    .sidebar { width: 86px; }
    .sidebar .brand { flex-direction: column; gap: 9px; }
    .sidebar .brand > div.brand-name { display: block; width: 100%; }
    .sidebar .brand-title { display: none; }
    .sidebar .nav-item { display: flex; }
    .terminal-switch {
        width: 100%;
        padding: 5px 1px;
        font-size: 9px;
        letter-spacing: 0;
        margin-top: 0;
    }
    .activity > div { flex-direction: column; gap: 5px; }
    .clock { display: none; }
}

@media(max-width: 550px) {
    .token-panel form { flex-direction: column; align-items: stretch; }
    .chain-controls { align-items: flex-start; gap: 10px; flex-wrap: wrap; }
    .chain-table { min-width: 385px; }
    .chain-table td { padding: 10px 5px; }
    .main-grid { gap: 12px; }
    .field-grid.two { gap: 10px; }
    .segmented button { padding: 8px; font-size: 10px; }
    .logo-symbol { width: 32px; height: 32px; }
    .content { padding: 16px 10px; }
    .metric strong { font-size: 19px; }
}

/* Independent Trade Grow sign-in and branding. */
.tradegrow-login {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
    background: radial-gradient(ellipse at top, #1b3154 0, #080d16 65%);
}
.tradegrow-login-card {
    width: min(100%, 430px);
    padding: 36px;
    border: 1px solid #2b4265;
    box-shadow: 0 24px 90px #0007;
}
.tradegrow-login-card .login-logo {
    justify-content: flex-start;
    margin-bottom: 32px;
}
.tradegrow-login-card h1 { margin-bottom: 10px; }
.tradegrow-login-card form {
    display: grid;
    gap: 20px;
    margin-top: 28px;
}
.tradegrow-login-card .primary-btn { width: 100%; padding: 13px; }
.tradegrow-login-card .error { margin: 0; }

@media(max-width: 850px) {
    .sidebar .brand-title {
        display: block;
        font-size: 10px;
        letter-spacing: 0;
    }
    .sidebar .brand-name { text-align: center; }
}