:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#080a0d;color:#f5f7fa}*{box-sizing:border-box}body{margin:0;background:#080a0d;min-width:1180px}.app{display:grid;grid-template-columns:116px 1fr;min-height:100vh}.sidebar{background:#0b0f13;border-right:1px solid #222a31;display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.brandMark{font-weight:900;font-size:40px;color:#df1e2d;text-align:center;padding:14px 0 2px}.sideBrand{text-align:center;font-size:11px;font-weight:800;letter-spacing:1px;padding-bottom:14px;border-bottom:1px solid #222a31}.sideBrand span{color:#df1e2d}.nav{border:0;background:transparent;color:#9da8b1;padding:13px 9px;text-align:left;font-size:12px}.nav.active,.nav:hover{background:#171d22;color:#fff;border-left:3px solid #df1e2d}.sideFooter{margin-top:auto;text-align:center;padding:16px 5px;font-size:10px;color:#9ca6ae;border-top:1px solid #222a31}main{padding:0 16px 12px}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242b31}h1{margin:0;font-size:28px;letter-spacing:1.5px}h1 b{color:#df1e2d}header p{font-size:10px;color:#919ca5;letter-spacing:1.1px}.headerBadges{display:flex;gap:9px;align-items:center}.badge{border:1px solid #2a333a;border-radius:5px;padding:9px 11px;font-size:11px}.ok{color:#21d983}.error{margin:10px 0;background:#301419;border:1px solid #762431;color:#ff9ba8;padding:9px}.card{background:#0e1318;border:1px solid #252d34;border-radius:7px;box-shadow:0 8px 24px #0003}.marketRow{display:grid;grid-template-columns:1fr 1fr 290px;gap:10px;margin-top:12px}.market{padding:14px;height:185px;position:relative;overflow:hidden}.market h2{margin:0;font-size:18px}.live{float:right;color:#23d982;font-size:10px}.price{font-size:30px;font-weight:800;margin-top:5px}.move{color:#23d982;font-size:17px;font-weight:800}.chart{position:absolute;right:14px;top:55px;width:58%;height:70px}.ohlc{position:absolute;bottom:12px;left:14px;right:14px;display:flex;justify-content:space-between;font-size:10px;color:#9ca7af}.overview,.contract,.engine,.upstox,.risk,.health,.events{padding:12px}.overview h3,.card h3{font-size:12px;margin:0 0 11px}.row{display:grid;grid-template-columns:1fr auto auto;gap:10px;border-bottom:1px solid #1e262c;padding:6px 0;font-size:10px}.row em{font-style:normal;color:#23d982}.coreGrid{display:grid;grid-template-columns:294px 294px 300px 1fr;gap:10px;margin-top:10px}.contract{border-top:3px solid #9f1b27}.contract label{display:grid;grid-template-columns:92px 1fr;gap:8px;align-items:center;margin:7px 0;font-size:11px;color:#c7ced4}.contract input,.tokenBox input{width:100%;background:#141b21;border:1px solid #2d3841;color:#fff;border-radius:4px;padding:7px}.step{display:grid;grid-template-columns:32px 1fr 32px}.step button,.pair button,.tokenBox button{background:#182028;border:1px solid #33414b;color:#fff;border-radius:4px}.toggleRow{display:flex;justify-content:space-between;align-items:center;margin:8px 0;font-size:11px}.toggle{border:1px solid #3a444c;background:#1c2329;color:#99a3aa;border-radius:12px;padding:3px 10px}.toggle.on{background:#153a2a;color:#45e39a;border-color:#266343}.plan{font-size:9px;color:#7c878f;margin-top:8px}.pair{display:grid;grid-template-columns:70px 1fr;gap:6px;margin-top:10px}.pair button{padding:8px}.locked{color:#2ee197!important;border-color:#289a68!important}.engineStatus{color:#27d887;font-weight:900;font-size:17px}.engine p{font-size:10px;color:#8c98a1}.scan{display:grid;grid-template-columns:116px 1fr;gap:10px;align-items:center}.dial{width:108px;height:108px;border:10px solid #2b3136;border-top-color:#df1e2d;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:10px}.metrics div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #20272d;font-size:10px}.metrics b{color:#31dc91}.upstox{border-top:3px solid #9f1b27}.accountGrid{display:grid;grid-template-columns:1fr 190px;gap:10px}.tokenBox{border-left:1px solid #273037;padding-left:10px;display:flex;flex-direction:column;gap:6px}.masked{background:#11171c;border:1px solid #2a343c;padding:7px;font-size:11px;letter-spacing:1px}.tokenBox button{padding:7px;font-size:9px}.red,.danger{background:#9b1722!important;border-color:#c42431!important}.controls{display:grid;grid-template-columns:1fr 1.2fr 1.1fr 1.2fr;gap:10px;margin:10px 0}.controls button{height:62px;background:#172028;border:1px solid #33404a;color:#fff;border-radius:6px;font-size:13px;font-weight:800}.controls small{display:block;font-weight:400;color:#b1bdc5;font-size:9px}.controls .green{background:#14653f;border-color:#218f5c}.lower{display:grid;grid-template-columns:285px 1fr 300px;gap:10px}.tabs{display:flex;background:#10161b;border-bottom:1px solid #293139}.tabs>*{padding:10px 13px;font-size:10px}.tabs b{background:#a91d29}table{border-collapse:collapse;width:100%;font-size:10px}th,td{padding:7px;border-bottom:1px solid #20282e;text-align:left}th{color:#97a4ad}.empty{text-align:center;color:#78848c;padding:45px}.profit{color:#22d989!important}.loss{color:#2696ff!important}.health div{display:grid;grid-template-columns:1fr auto;font-size:10px;padding:4px 0}.health b{color:#25da8b}.events div{display:grid;grid-template-columns:55px 1fr;gap:6px;font-size:9px;padding:4px 0;color:#bbc4cb}.events small{color:#75818a}footer{margin-top:10px;border-top:1px solid #232a30;padding:12px 2px;display:flex;justify-content:space-between;font-size:9px;color:#909ba4}footer b{color:#25d987}.loading{min-height:100vh;display:grid;place-items:center;color:#fff;font:600 18px system-ui}button{cursor:pointer}
.paperMarginBox{display:grid;gap:6px;background:#12181d;border:1px solid #2a333a;border-left:3px solid #b4202d;border-radius:5px;padding:9px;margin-bottom:10px}.paperMarginBox span{font-size:10px;font-weight:700;color:#f5f7fa}.paperMarginBox input{background:#0b1014;border:1px solid #35414a;color:#fff;padding:8px;border-radius:4px;font-size:13px}.paperMarginBox button{background:#9b1722;border:1px solid #c42431;color:#fff;border-radius:4px;padding:8px;font-size:10px;font-weight:800}.paperMarginBox small{color:#83909a;font-size:8px;line-height:1.4}
.loginShell{min-height:100vh;display:grid;place-items:center;background:#07090c;color:#fff;font-family:Inter,Arial,sans-serif}.loginCard{width:min(390px,calc(100vw - 40px));padding:34px;background:#101419;border:1px solid #2a3038;border-top:4px solid #d3262f;border-radius:10px;box-shadow:0 20px 60px #0008}.loginCard h1{margin:10px 0 4px;font-size:27px}.loginCard h1 b{color:#e22b34}.loginCard p{color:#9da7b3;margin:0 0 24px}.loginCard input{box-sizing:border-box;width:100%;margin:7px 0;padding:13px 12px;background:#090c10;color:#fff;border:1px solid #303741;border-radius:5px}.loginCard button{width:100%;margin-top:12px;padding:13px}.loginLogo{font-size:42px;font-weight:900;color:#e22b34}.loginError{padding:9px;margin-bottom:8px;background:#371419;border:1px solid #75252c;border-radius:5px;color:#ffd8da}.logoutBtn{border:1px solid #39414b;background:#151a20;color:#d6dce3;border-radius:5px;padding:8px 11px;cursor:pointer}
.offline{float:right;color:#78848c;font-size:10px}.muted{color:#69747c}.noChart{position:absolute;right:20px;top:90px;color:#58636b;font-size:10px}.offTag{color:#87929a;font-size:9px}.scope{display:grid;grid-template-columns:1fr repeat(3,auto);gap:4px;align-items:center;margin-bottom:9px;font-size:10px}.scope button{background:#171e24;border:1px solid #303a42;color:#cbd2d7;padding:6px;border-radius:4px}.scope button.selected{background:#9b1722;border-color:#c42431;color:#fff}.riskInput{display:grid;grid-template-columns:1fr 86px;gap:8px;align-items:center;margin:5px 0;font-size:9px}.riskInput input{background:#11171c;border:1px solid #2d3841;color:#fff;border-radius:4px;padding:6px}.saveRisk,.resetBtn{width:100%;padding:8px;margin-top:7px;border-radius:4px;border:1px solid #3b454d;background:#1a2228;color:#fff;font-weight:700}.saveRisk{border-color:#287a55}.resetBtn{border-color:#a52631;color:#ffb2b8}.events{margin-top:10px}.trades{overflow:auto}.trades tr{cursor:pointer}.trades tr:hover{background:#141b20}
@media(max-width:1450px){.coreGrid{grid-template-columns:1fr 1fr}.marketRow{grid-template-columns:1fr 1fr}.overview{grid-column:1/-1}.lower{grid-template-columns:300px 1fr}.lower>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.events{margin-top:0}}
@media(max-width:1100px){body{min-width:0}.app{grid-template-columns:82px 1fr}.sidebar .nav{font-size:10px}.marketRow,.coreGrid,.lower{grid-template-columns:1fr}.overview,.lower>div:last-child{grid-column:auto}.lower>div:last-child{display:block}.events{margin-top:10px}.controls{grid-template-columns:1fr 1fr}header{height:auto;min-height:86px;gap:10px;flex-wrap:wrap}.headerBadges{flex-wrap:wrap}}

/* AETHRON RC4.1 UI runtime rectification */
button{
  transition:
    transform .08s ease,
    filter .12s ease,
    box-shadow .12s ease,
    opacity .12s ease;
  user-select:none;
}

button:hover:not(:disabled){
  filter:brightness(1.10);
}

button:active:not(:disabled),
button.clicked:not(:disabled){
  transform:translateY(2px) scale(.985);
  filter:brightness(1.28);
  box-shadow:
    inset 0 2px 8px rgba(0,0,0,.45),
    0 0 0 2px rgba(255,255,255,.08);
}

button.clicked:not(:disabled){
  animation:aethronButtonPulse .36s ease;
}

@keyframes aethronButtonPulse{
  0%{box-shadow:0 0 0 0 rgba(226,43,52,.55)}
  50%{box-shadow:0 0 0 5px rgba(226,43,52,.14)}
  100%{box-shadow:0 0 0 0 rgba(226,43,52,0)}
}

button:disabled{
  cursor:not-allowed;
  opacity:.72;
}

.unlockBtn{
  background:#3b2225!important;
  border-color:#9f3640!important;
  color:#ffd6da!important;
}

.loginLogoSvg{
  display:block;
  width:62px;
  height:62px;
  color:#e22b34;
  margin:0 auto 8px;
  filter:drop-shadow(0 0 12px rgba(226,43,52,.20));
}

.sidebarLogoSvg{
  width:46px;
  height:46px;
  color:#e22b34;
  display:block;
  margin:0 auto;
}

.brandMark{
  padding-top:12px!important;
}


/* ==========================================================
   AETHRON CONTRACT CONTROL FINAL SIZE FIX
   ========================================================== */

.contract .pair {
    display: grid !important;
    grid-template-columns: 220px minmax(260px, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 12px !important;
}

.contract .pair > button {
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;

    padding: 0 14px !important;

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

    font-size: 13px !important;
    font-weight: 750 !important;

    line-height: 1.1 !important;
    white-space: nowrap !important;

    border-radius: 5px !important;
    overflow: hidden !important;
}

.contract .pair .unlockBtn {
    background: #4a2025 !important;
    border: 1px solid #a23b45 !important;
    color: #ffd9dc !important;
}

.contract .pair .unlockBtn:hover {
    background: #61272e !important;
    border-color: #e34a57 !important;
    color: #ffffff !important;
}

.contract .pair .locked {
    background: #121d21 !important;
    border: 1px solid #299b70 !important;
    color: #29db99 !important;
    opacity: 1 !important;
}

.contract .pair button:active:not(:disabled),
.contract .pair button.clicked:not(:disabled) {
    transform: translateY(2px) scale(.985) !important;
    filter: brightness(1.25) !important;
}

/* Smaller screens */
@media (max-width:1450px) {
    .contract .pair {
        grid-template-columns: minmax(185px, 40%) minmax(250px, 60%) !important;
    }
}

@media (max-width:700px) {
    .contract .pair {
        grid-template-columns: 1fr !important;
    }
}


/* ==========================================================
   FINAL AETHRON LOGO SIZING
   ========================================================== */

.sidebarLogoSvg {
    width: 52px !important;
    height: 52px !important;
    display: block !important;
    margin: 0 auto !important;
    color: #ef3340 !important;
}

.loginLogoSvg {
    width: 76px !important;
    height: 76px !important;
    display: block !important;
    margin: 0 auto 12px !important;
    color: #ef3340 !important;
}

.brandMark {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 13px 0 3px !important;
}


/* =========================================================
   AETHRON FINAL BRAND MARK
   ========================================================= */

.sidebarLogoSvg {
    width: 56px !important;
    height: 56px !important;
    display: block !important;
    margin: 0 auto !important;
    color: #ef3340 !important;
    filter:
      drop-shadow(0 0 5px rgba(239,51,64,.25))
      drop-shadow(0 0 12px rgba(239,51,64,.10));
}

.loginLogoSvg {
    width: 82px !important;
    height: 82px !important;
    display: block !important;
    margin: 0 auto 14px !important;
    color: #ef3340 !important;
    filter:
      drop-shadow(0 0 7px rgba(239,51,64,.25))
      drop-shadow(0 0 18px rgba(239,51,64,.10));
}

.brandMark {
    padding: 12px 0 2px !important;
}



/* =====================================================================
   AETHRON NEXUS
   INSTITUTIONAL SINGLE-PAGE OPERATOR CONSOLE
   ===================================================================== */

html {
    scroll-behavior: smooth;
}

body {
    min-width: 0 !important;
    overflow-x: hidden !important;
}

.institutionalApp {
    grid-template-columns: 184px minmax(0,1fr) !important;
    background:
        radial-gradient(
            circle at 75% -15%,
            rgba(151,25,36,.07),
            transparent 28%
        ),
        #070a0d;
}


/* =====================================================================
   SIDEBAR
   ===================================================================== */

.institutionalSidebar {
    width: 184px !important;

    background:
        linear-gradient(
            180deg,
            #0b1014,
            #090d11
        ) !important;

    border-right:
        1px solid #242c32 !important;

    overflow-y: auto !important;

    scrollbar-width: thin;
}

.sideIdentity {
    padding:
        12px 10px 14px;

    border-bottom:
        1px solid #252c32;

    text-align: center;
}

.sideIdentity .brandMark {
    min-height: 56px !important;
}

.sideIdentity .sidebarLogoSvg {
    width: 54px !important;
    height: 54px !important;
}

.sideBrand {
    display: flex;
    justify-content: center;
    gap: 5px;

    border: 0 !important;

    padding: 4px 0 0 !important;

    font-size: 12px !important;
    letter-spacing: 1.6px !important;
}

.sideBrand span {
    color: #f02c3c !important;
}

.sideEdition {
    margin-top: 5px;

    color: #65717a;

    font-size: 7px;
    font-weight: 700;

    letter-spacing: 1.6px;
}

.sideNavigation {
    padding:
        7px 0 18px;
}

.navGroup {
    margin-top: 9px;
}

.navGroupTitle {
    padding:
        8px 13px 5px;

    color: #58646e;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 1.6px;
}

.institutionalSidebar .nav {
    width: 100%;

    display: grid;

    grid-template-columns:
        22px 1fr;

    align-items: center;

    gap: 5px;

    padding:
        10px 13px !important;

    border-left:
        2px solid transparent !important;

    color: #98a4ad !important;

    background:
        transparent !important;

    font-size: 11px !important;

    text-align: left;
}

.institutionalSidebar .nav:hover {
    color: #fff !important;

    background:
        #131a20 !important;
}

.institutionalSidebar .nav.active {
    color: #fff !important;

    border-left-color:
        #ee2c3b !important;

    background:
        linear-gradient(
            90deg,
            rgba(218,32,47,.15),
            rgba(218,32,47,.02)
        ) !important;
}

.navIcon {
    color: #74818a;

    font-size: 11px;

    text-align: center;
}

.nav.active .navIcon {
    color: #ed3342;
}

.sideRuntime {
    margin-top: auto;

    padding: 12px;

    border-top:
        1px solid #242b31;

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 6px;
}

.sideRuntime > div {
    padding: 7px;

    background: #11171b;

    border:
        1px solid #252d33;

    border-radius: 4px;
}

.sideRuntime span {
    display: block;

    color: #64717a;

    font-size: 7px;
}

.sideRuntime b {
    display: block;

    margin-top: 3px;

    color: #dce1e5;

    font-size: 9px;
}


/* =====================================================================
   WORKSPACE
   ===================================================================== */

.workspace {
    min-width: 0;

    padding:
        0 17px 16px !important;
}

.workspaceHeader {
    min-height: 84px !important;
    height: auto !important;

    position: sticky;

    top: 0;

    z-index: 50;

    display: grid !important;

    grid-template-columns:
        minmax(280px,1fr)
        auto;

    gap: 20px;

    background:
        rgba(7,10,13,.94);

    backdrop-filter:
        blur(14px);

    border-bottom:
        1px solid #242c32 !important;
}

.titleEyebrow {
    margin-bottom: 3px;

    color: #707d86;

    font-size: 7px;
    font-weight: 800;

    letter-spacing: 1.8px;
}

.workspaceTitle h1 {
    font-size: 26px !important;
}

.workspaceTitle p {
    margin: 3px 0 0 !important;
}

.statusRail {
    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 6px;
}

.statusChip {
    min-width: 88px;

    padding:
        8px 10px;

    background: #0e1418;

    border:
        1px solid #2a343b;

    border-radius: 5px;
}

.statusChip > span {
    display: block;

    color: #697680;

    font-size: 7px;

    letter-spacing: .8px;
}

.statusChip > b {
    display: block;

    margin-top: 3px;

    color: #dfe4e7;

    font-size: 10px;
}

.statusChip.positive > b,
.statusGreen {
    color: #26dd94 !important;
}

.statusNeutral {
    color: #aeb7bd !important;
}

.compactLogout {
    height: 38px;
}


/* =====================================================================
   COMMON SECTIONS
   ===================================================================== */

.sectionFrame {
    scroll-margin-top: 96px;

    margin-top: 11px;

    padding: 12px;

    border:
        1px solid #222a30;

    border-radius: 7px;

    background:
        rgba(10,14,18,.72);
}

.sectionHeading {
    min-height: 34px;

    margin-bottom: 9px;

    display: flex;

    justify-content: space-between;

    align-items: center;
}

.sectionHeading > div:first-child > span {
    color: #68757e;

    font-size: 7px;
    font-weight: 800;

    letter-spacing: 1.5px;
}

.sectionHeading h2 {
    margin: 2px 0 0;

    color: #eef1f3;

    font-size: 14px;

    letter-spacing: .1px;
}

.sectionMeta {
    color: #67747d;

    font-size: 8px;
}

.miniCardTitle {
    margin-bottom: 9px;

    color: #dfe4e7;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: .6px;
}


/* =====================================================================
   MARKET
   ===================================================================== */

.marketConsoleGrid {
    display: grid;

    grid-template-columns:
        minmax(260px,1fr)
        minmax(260px,1fr)
        330px;

    gap: 9px;
}

.marketConsoleGrid .market {
    height: 172px !important;

    margin: 0 !important;
}

.compactOverview {
    min-height: 172px;

    padding: 12px !important;
}

.accountMetricGrid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 6px;
}

.accountMetricGrid > div {
    padding: 7px 8px;

    background: #11171c;

    border:
        1px solid #20282e;

    border-radius: 4px;
}

.accountMetricGrid span {
    display: block;

    color: #73808a;

    font-size: 7px;
}

.accountMetricGrid b {
    display: block;

    margin-top: 3px;

    color: #e5e9eb;

    font-size: 10px;
}

.recoveryBar {
    margin-top: 7px;

    padding: 7px 8px;

    display: flex;

    justify-content: space-between;

    border-radius: 4px;

    font-size: 8px;
}

.recoveryBar.ready {
    background: #10281f;

    border:
        1px solid #225b42;

    color: #29da94;
}

.recoveryBar.blocked {
    background: #23161a;

    border:
        1px solid #59232c;

    color: #e68c95;
}


/* =====================================================================
   EXECUTION
   ===================================================================== */

.executionConsole {
    display: grid;

    grid-template-columns:
        minmax(430px,1.4fr)
        minmax(440px,1fr);

    gap: 9px;
}

.executionConsole .engine {
    min-height: 216px;

    margin: 0;
}

.commandConsole {
    min-height: 216px;

    padding: 12px;
}

.commandGrid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 7px;
}

.commandGrid button {
    height: 62px;

    padding: 8px;

    border:
        1px solid #334049;

    border-radius: 5px;

    background: #182128;

    color: #fff;
}

.commandGrid button b {
    display: block;

    font-size: 11px;
}

.commandGrid button small {
    display: block;

    margin-top: 3px;

    color: #a4afb6;

    font-size: 7px;
}

.executionBoundary {
    margin-top: 8px;

    display: grid;

    grid-template-columns:
        1fr auto
        1fr auto;

    gap: 8px;

    padding: 8px;

    border-top:
        1px solid #263039;

    font-size: 8px;
}

.executionBoundary span {
    color: #71808a;
}

.executionState {
    padding: 6px 9px;

    border:
        1px solid #303941;

    border-radius: 4px;

    color: #8c979f;

    font-size: 8px;
    font-weight: 800;
}

.executionState.active {
    border-color: #266b4d;

    color: #28dc95;
}


/* =====================================================================
   CONTRACTS
   ===================================================================== */

.contractConsoleGrid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 10px;
}

.contractConsoleGrid .contract {
    margin: 0;

    padding: 12px 13px !important;
}


/* =====================================================================
   CONFIGURATION
   ===================================================================== */

.configurationGrid {
    display: grid;

    grid-template-columns:
        minmax(350px,.72fr)
        minmax(570px,1.28fr);

    gap: 10px;

    align-items: start;
}

.configurationColumn {
    min-width: 0;
}

.subsectionLabel {
    margin-bottom: 6px;

    padding-left: 2px;

    color: #68747d;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 1.3px;
}

.configurationGrid .risk,
.configurationGrid .upstox {
    margin: 0;
}

#risk-card {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    column-gap: 10px;
}

#risk-card > h3,
#risk-card > .scope,
#risk-card > .paperMarginBox,
#risk-card > .toggleRow,
#risk-card > .saveRisk,
#risk-card > .resetBtn {
    grid-column: 1 / -1;
}

#risk-card .riskInput {
    grid-template-columns:
        1fr 90px !important;

    margin: 3px 0 !important;
}

#risk-card .paperMarginBox {
    grid-template-columns:
        1fr 130px auto;

    align-items: center;
}

#risk-card .paperMarginBox span,
#risk-card .paperMarginBox small {
    grid-column: 1 / -1;
}

#risk-card .paperMarginBox button {
    width: auto;
}

.configurationGrid .upstox {
    min-height: 100%;
}


/* =====================================================================
   HISTORICAL RESEARCH
   ===================================================================== */

.researchConsole .risk {
    display: grid;

    grid-template-columns:
        minmax(260px,1fr)
        minmax(260px,1fr)
        160px
        160px;

    gap: 8px 12px;

    align-items: end;
}

.researchConsole .risk > h3,
.researchConsole .risk > p,
.researchConsole .risk > small {
    grid-column: 1 / -1;
}

.researchConsole .risk .riskInput {
    grid-template-columns:
        88px 1fr !important;

    margin: 0 !important;
}

.researchConsole .risk .saveRisk {
    margin: 0 !important;

    height: 34px;
}

.researchConsole .risk button:not(.saveRisk) {
    height: 34px;
}


/* =====================================================================
   TRADE AUDIT
   ===================================================================== */

.tradeConsole {
    max-height: 420px;

    overflow: auto;

    padding: 0;
}

.tradeConsole table {
    min-width: 1100px;
}


/* =====================================================================
   SYSTEM
   ===================================================================== */

.systemConsoleGrid {
    display: grid;

    grid-template-columns:
        minmax(450px,1fr)
        minmax(450px,1fr);

    gap: 10px;
}

.institutionalHealth,
.institutionalEvents {
    min-height: 300px;
}

.healthMetric {
    display: grid;

    grid-template-columns:
        150px 80px 1fr;

    gap: 10px;

    align-items: center;

    min-height: 29px;

    padding: 4px 0;

    border-bottom:
        1px solid #1d252b;
}

.healthMetric > span {
    color: #aab4ba;

    font-size: 9px;

    text-transform: capitalize;
}

.healthMetric > b {
    font-size: 8px;
}

.healthMetric > small {
    color: #6d7a83;

    font-size: 8px;

    text-align: right;
}

.healthGood {
    color: #26db94;
}

.healthBad {
    color: #ff6674;
}

.healthWarn {
    color: #e2b35d;
}

.eventLine {
    display: grid;

    grid-template-columns:
        64px 1fr;

    gap: 8px;

    min-height: 27px;

    padding: 5px 0;

    border-bottom:
        1px solid #1e252b;
}

.eventLine small {
    color: #66727b;

    font-size: 8px;
}

.eventLine span {
    color: #aeb7bd;

    font-size: 8px;
}


/* =====================================================================
   FOOTER
   ===================================================================== */

.institutionalFooter {
    margin-top: 10px;

    padding: 11px 3px;

    display: flex;

    justify-content: space-between;

    border-top:
        1px solid #232b31;

    color: #68747d;

    font-size: 8px;
}

.institutionalFooter > div {
    display: flex;

    gap: 14px;
}

.lossLegend {
    color: #2b9cff;
}


/* =====================================================================
   RESPONSIVE
   ===================================================================== */

@media(max-width:1500px) {

    .institutionalApp {
        grid-template-columns:
            164px minmax(0,1fr) !important;
    }

    .marketConsoleGrid {
        grid-template-columns:
            1fr 1fr;
    }

    .compactOverview {
        grid-column:
            1 / -1;
    }

    .accountMetricGrid {
        grid-template-columns:
            repeat(6,1fr);
    }

    .configurationGrid {
        grid-template-columns:
            380px 1fr;
    }

}


@media(max-width:1200px) {

    .institutionalApp {
        grid-template-columns:
            142px minmax(0,1fr) !important;
    }

    .workspaceHeader {
        grid-template-columns:
            1fr;
    }

    .statusRail {
        justify-content:
            flex-start;

        flex-wrap: wrap;

        padding-bottom: 9px;
    }

    .executionConsole,
    .configurationGrid {
        grid-template-columns:
            1fr;
    }

    .researchConsole .risk {
        grid-template-columns:
            1fr 1fr;
    }

    .systemConsoleGrid {
        grid-template-columns:
            1fr;
    }

}


@media(max-width:850px) {

    .institutionalApp {
        grid-template-columns:
            82px minmax(0,1fr) !important;
    }

    .navGroupTitle,
    .sideEdition,
    .sideBrand,
    .sideRuntime {
        display: none;
    }

    .institutionalSidebar .nav {
        grid-template-columns:
            1fr;

        text-align: center;

        font-size: 8px !important;
    }

    .navIcon {
        font-size: 14px;
    }

    .marketConsoleGrid,
    .contractConsoleGrid {
        grid-template-columns:
            1fr;
    }

    .accountMetricGrid {
        grid-template-columns:
            1fr 1fr;
    }

    #risk-card {
        grid-template-columns:
            1fr;
    }

    #risk-card > * {
        grid-column:
            1 / -1 !important;
    }

}



/* =====================================================================
   AETHRON NEXUS — DENSE SINGLE SCREEN V8
   ===================================================================== */

html,
body {
    margin: 0 !important;
    background: #06090c !important;
}

body {
    overflow-x: hidden !important;
}

.denseConsoleApp {
    display: grid !important;
    grid-template-columns: 152px minmax(0,1fr) !important;

    min-height: 100vh !important;

    background:
        radial-gradient(circle at 72% 0%, rgba(190,22,40,.035), transparent 26%),
        #06090c !important;
}


/* SIDEBAR */

.denseSidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;

    width: 152px;

    display: flex;
    flex-direction: column;

    background:
        linear-gradient(180deg,#091015,#080c10);

    border-right:
        1px solid #223039;

    z-index: 100;
}

.denseBrand {
    padding:
        15px 10px 12px;

    text-align: center;

    border-bottom:
        1px solid #213039;
}

.denseLogo {
    width: 50px;
    height: 50px;

    color: #ef3340;

    display: block;

    margin: 0 auto 5px;
}

.denseBrandName {
    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.25px;

    color: #e5e9eb;
}

.denseBrandName b {
    color: #ef3340;
}

.denseBrand small {
    display: block;

    margin-top: 5px;

    color: #66737c;

    font-size: 6px;

    letter-spacing: 1.6px;
}

.denseNav {
    flex: 1;

    overflow: hidden;

    padding-top: 6px;
}

.denseNavGroup {
    padding:
        5px 0;
}

.denseNavGroup > span {
    display: block;

    padding:
        4px 12px;

    color: #62717a;

    font-size: 6px;
    font-weight: 800;

    letter-spacing: 1.7px;
}

.denseNavGroup button {
    width: 100%;
    height: 28px;

    padding:
        0 12px;

    display: grid;

    grid-template-columns:
        18px 1fr;

    align-items: center;

    border: 0 !important;
    border-left:
        2px solid transparent !important;

    border-radius: 0 !important;

    background:
        transparent !important;

    color: #8b989f !important;

    text-align: left;

    font-size: 8px !important;
}

.denseNavGroup button b {
    font-weight: 500;
}

.denseNavGroup button:hover,
.denseNavGroup button.active {
    color: #fff !important;

    border-left-color:
        #ed2f3e !important;

    background:
        linear-gradient(
            90deg,
            rgba(222,37,51,.14),
            transparent
        ) !important;
}

.denseSidebarBottom {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 5px;

    padding: 8px;

    border-top:
        1px solid #213039;
}

.denseSidebarBottom > div {
    padding: 6px;

    border:
        1px solid #26343d;

    border-radius: 4px;

    background: #10171c;
}

.denseSidebarBottom span {
    display: block;

    color: #64717a;

    font-size: 5px;
}

.denseSidebarBottom b {
    display: block;

    margin-top: 2px;

    color: #e9ecee;

    font-size: 7px;
}


/* WORKSPACE */

.denseWorkspace {
    grid-column: 2;

    width:
        calc(100vw - 152px);

    min-width: 0;

    padding:
        8px 9px 7px;

    box-sizing: border-box;
}


/* HEADER */

.denseHeader {
    height: 62px;

    display: grid;

    grid-template-columns:
        minmax(320px,1fr)
        auto;

    align-items: center;

    gap: 12px;

    padding:
        0 2px 6px;

    border-bottom:
        1px solid #27333b;
}

.denseTitle h1 {
    margin: 0;

    color: #f0f2f4;

    font-size: 22px;

    line-height: 1;
}

.denseTitle h1 b {
    color: #ef3340;
}

.denseTitle > span {
    display: block;

    margin-top: 4px;

    color: #71808a;

    font-size: 6px;
    font-weight: 800;

    letter-spacing: 2px;
}

.denseTitle small {
    display: block;

    margin-top: 2px;

    color: #98a3aa;

    font-size: 7px;

    letter-spacing: .9px;
}

.denseHeaderStates {
    display: flex;

    gap: 5px;

    align-items: stretch;
}

.denseHeaderStates > div {
    min-width: 74px;

    padding:
        6px 8px;

    background: #0d1419;

    border:
        1px solid #293841;

    border-radius: 4px;
}

.denseHeaderStates > div:nth-child(3) {
    min-width: 145px;
}

.denseHeaderStates span {
    display: block;

    color: #6b7881;

    font-size: 5px;
    letter-spacing: .8px;
}

.denseHeaderStates b {
    display: block;

    margin-top: 2px;

    color: #dce2e5;

    font-size: 8px;
}

.denseHeaderStates small {
    display: block;

    margin-top: 1px;

    color: #8a979e;

    font-size: 5px;
}

.denseLogout {
    min-width: 72px;

    background: #121b21 !important;

    border:
        1px solid #3c4a52 !important;

    color: #e8ecee !important;
}


/* COMMON */

.denseRow {
    margin-top: 6px;
}

.consoleCard,
.denseConsoleApp .card {
    background:
        linear-gradient(
            180deg,
            #0e151a,
            #0c1216
        ) !important;

    border:
        1px solid #263640 !important;

    border-radius:
        5px !important;

    box-shadow:
        none !important;
}

.consoleCard {
    padding: 8px;
}

.consoleCardHead {
    min-height: 26px;

    margin-bottom: 5px;
}

.consoleCardHead > div {
    display: flex;

    align-items: center;

    gap: 6px;
}

.consoleCardHead b {
    color: #e6eaec;

    font-size: 9px;

    letter-spacing: .2px;
}

.consoleCardHead small {
    display: block;

    margin:
        1px 0 0 20px;

    color: #75828a;

    font-size: 6px;
}

.cardIcon {
    color: #ef3340;

    font-size: 14px;
}


/* ROW 1 */

.denseTopRow {
    display: grid;

    grid-template-columns:
        minmax(550px,1.65fr)
        minmax(360px,.95fr);

    gap: 6px;
}

.marketOverviewBlock {
    min-width: 0;
}

.denseMarkets {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 6px;
}

.denseMarkets .market {
    height: 132px !important;

    margin: 0 !important;

    padding: 9px !important;
}

.denseMarkets .market h2 {
    font-size: 10px !important;
}

.denseMarkets .market .price {
    font-size: 22px !important;
}


/* PAPER */

.paperAccountCard {
    min-height: 174px;
}

.paperMetrics {
    display: grid;

    grid-template-columns:
        repeat(3,1fr);

    gap: 5px;
}

.paperMetrics > div {
    min-width: 0;

    padding: 7px;

    background:
        #10181e;

    border:
        1px solid #273740;

    border-radius: 4px;
}

.paperMetrics span {
    display: block;

    color: #8c989f;

    font-size: 6px;
}

.paperMetrics b {
    display: block;

    margin-top: 2px;

    overflow: hidden;

    color: #eef1f2;

    font-size: 10px;

    white-space: nowrap;
}


/* ROW 2 */

.denseExecutionRow {
    display: grid;

    grid-template-columns:
        minmax(350px,1.05fr)
        minmax(310px,.92fr)
        minmax(300px,.78fr);

    gap: 6px;
}

.denseEngineCell .engine {
    height: 168px !important;

    min-height: 168px !important;

    margin: 0 !important;

    padding: 9px !important;
}

.operatorCommandCard,
.quickRiskCard {
    height: 168px;

    box-sizing: border-box;
}

.operatorGrid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 5px;
}

.operatorGrid button {
    height: 48px !important;

    padding: 5px !important;

    border-radius: 4px !important;
}

.operatorGrid button b {
    display: block;

    font-size: 9px;
}

.operatorGrid button small {
    display: block;

    margin-top: 2px;

    font-size: 5px;
}

.operatorFooter {
    margin-top: 5px;

    display: flex;

    justify-content: space-between;

    padding: 5px;

    border:
        1px solid #27363f;

    border-radius: 3px;

    color: #738089;

    font-size: 5px;
}

.operatorFooter b {
    margin-left: 4px;

    color: #28d995;
}


/* QUICK RISK */

.scopeQuick {
    display: grid;

    grid-template-columns:
        repeat(3,1fr);

    gap: 4px;
}

.scopeQuick button {
    height: 28px !important;

    padding: 0 !important;

    font-size: 8px !important;

    background: #121b21 !important;

    border:
        1px solid #30414b !important;
}

.scopeQuick .scopeSelected {
    background:
        #b51d2b !important;

    border-color:
        #e12f40 !important;

    color: #fff !important;
}

.riskMiniTitle {
    margin:
        7px 0 4px;

    color: #dce1e3;

    font-size: 7px;
    font-weight: 800;
}

.riskQuickGrid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 3px 5px;
}

.riskQuickGrid > div {
    display: flex;

    justify-content: space-between;

    padding:
        4px 6px;

    background: #10181d;

    border:
        1px solid #26353e;

    border-radius: 3px;
}

.riskQuickGrid span {
    color: #9aa5ab;

    font-size: 5px;
}

.riskQuickGrid b {
    color: #eef1f2;

    font-size: 7px;
}


/* ROW 3 */

.denseContractBrokerRow {
    display: grid;

    grid-template-columns:
        minmax(650px,1.45fr)
        minmax(390px,.85fr);

    gap: 6px;
}

.combinedContracts {
    min-width: 0;
}

.denseContracts {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 6px;
}

.denseContracts .contract {
    min-height: 205px !important;

    padding: 8px !important;

    margin: 0 !important;
}

.denseContracts .contract h3 {
    margin-bottom: 6px !important;

    font-size: 8px !important;
}

.denseContracts .contract label,
.denseContracts .toggleRow {
    min-height: 25px !important;

    margin: 2px 0 !important;

    font-size: 7px !important;
}

.denseContracts .contract input {
    height: 25px !important;

    padding: 2px 6px !important;

    font-size: 8px !important;
}

.denseContracts .step button {
    width: 27px !important;

    height: 25px !important;
}

.denseContracts .toggle {
    min-width: 35px !important;

    height: 21px !important;
}

.denseContracts .plan {
    min-height: 20px !important;

    font-size: 5px !important;

    line-height: 1.25 !important;
}

.denseContracts .pair {
    margin-top: 4px !important;
}

.denseContracts .pair button {
    height: 31px !important;

    font-size: 7px !important;
}


/* UPSTOX */

.denseUpstoxCell .upstox {
    min-height: 254px !important;

    margin: 0 !important;

    padding: 8px !important;
}

.denseUpstoxCell .row {
    min-height: 20px !important;

    font-size: 6px !important;
}

.denseUpstoxCell button {
    height: 26px !important;

    font-size: 6px !important;
}


/* ROW 4 */

.denseBottomRow {
    display: grid;

    grid-template-columns:
        minmax(300px,.95fr)
        minmax(330px,1fr)
        minmax(380px,1.08fr);

    gap: 6px;
}

.denseHistoricalCell .risk {
    height: 142px !important;

    min-height: 142px !important;

    overflow: hidden;

    margin: 0 !important;

    padding: 8px !important;
}

.denseHistoricalCell .risk h3 {
    margin: 0 0 5px !important;

    font-size: 8px !important;
}

.denseHistoricalCell .risk p {
    margin: 2px 0 5px !important;

    font-size: 5px !important;
}

.denseHistoricalCell .riskInput {
    min-height: 23px !important;

    margin: 2px 0 !important;
}

.denseHistoricalCell input {
    height: 24px !important;

    font-size: 6px !important;
}

.denseHistoricalCell button {
    height: 25px !important;

    font-size: 6px !important;
}

.compactTrades,
.compactSystem {
    height: 142px;

    overflow: hidden;

    box-sizing: border-box;
}


/* TRADE CARD */

.compactTradeBody {
    height: 104px;

    overflow: auto;
}

.compactTradeBody table {
    min-width: 100% !important;

    font-size: 6px !important;
}

.compactTradeBody td,
.compactTradeBody th {
    padding: 4px !important;
}


/* HEALTH + EVENTS */

.compactSystemGrid {
    display: grid;

    grid-template-columns:
        .78fr 1.22fr;

    gap: 7px;

    height: 104px;
}

.compactHealth,
.compactEvents {
    overflow: hidden;
}

.compactHealth > div {
    display: flex;

    justify-content: space-between;

    height: 8px;

    margin-bottom: 1px;

    font-size: 5px;
}

.compactHealth span {
    overflow: hidden;

    color: #8e9aa1;

    text-overflow: ellipsis;

    white-space: nowrap;
}

.compactHealth b {
    font-size: 5px;
}

.compactEvents > div {
    display: grid;

    grid-template-columns:
        34px 1fr;

    height: 12px;

    border-bottom:
        1px solid #1c282e;

    font-size: 5px;
}

.compactEvents small {
    color: #64717a;
}

.compactEvents span {
    overflow: hidden;

    color: #9ca6ac;

    text-overflow: ellipsis;

    white-space: nowrap;
}


/* FOOTER */

.denseFooter {
    height: 21px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #66737c;

    font-size: 5px;
}

.denseFooter > div {
    display: flex;

    gap: 8px;
}

.lossLegend {
    color: #249cff;
}


/* STATUS */

.dangerText {
    color: #ff4b5d !important;
}

.warnText {
    color: #e6b453 !important;
}


/* FIT NORMAL DESKTOPS */

@media(max-width:1350px) {

    .denseConsoleApp {
        grid-template-columns:
            136px minmax(0,1fr) !important;
    }

    .denseSidebar {
        width: 136px;
    }

    .denseWorkspace {
        width:
            calc(100vw - 136px);
    }

    .denseTopRow {
        grid-template-columns:
            1.45fr .95fr;
    }

    .denseExecutionRow {
        grid-template-columns:
            1fr .9fr .72fr;
    }

    .denseContractBrokerRow {
        grid-template-columns:
            1.35fr .85fr;
    }

}


/* ONLY STACK ON TABLET */

@media(max-width:950px) {

    .denseTopRow,
    .denseExecutionRow,
    .denseContractBrokerRow,
    .denseBottomRow {
        grid-template-columns:
            1fr !important;
    }

    .denseMarkets,
    .denseContracts {
        grid-template-columns:
            1fr;
    }

    .paperAccountCard,
    .operatorCommandCard,
    .quickRiskCard,
    .compactTrades,
    .compactSystem {
        height: auto;
    }

}


/* ============================================================
   AETHRON DENSE CONSOLE — VISIBILITY / CLIPPING FIX V9
   ============================================================ */

/* Never clip major dashboard sections */
.denseWorkspace,
.denseRow,
.consoleCard,
.denseConsoleApp .card,
.denseEngineCell,
.denseUpstoxCell,
.denseHistoricalCell,
.combinedContracts,
.marketOverviewBlock,
.paperAccountCard,
.operatorCommandCard,
.quickRiskCard,
.compactTrades,
.compactSystem {
    overflow: visible !important;
}


/* ------------------------------------------------------------
   DECISION / EXECUTION
   ------------------------------------------------------------ */

.denseEngineCell .engine {
    height: auto !important;
    min-height: 225px !important;
    overflow: visible !important;
}

.operatorCommandCard,
.quickRiskCard {
    height: auto !important;
    min-height: 225px !important;
    overflow: visible !important;
}

.denseExecutionRow {
    align-items: stretch !important;
}


/* operator buttons */
.operatorGrid button {
    height: 58px !important;
    min-height: 58px !important;
}

.operatorGrid .green {
    background: #116b45 !important;
    border-color: #1b9d68 !important;
    color: #ffffff !important;
}

.operatorGrid .red,
.operatorGrid .danger {
    background: #a91927 !important;
    border-color: #e02c3d !important;
    color: #ffffff !important;
}

.operatorGrid button:not(.green):not(.red):not(.danger) {
    background: #172129 !important;
    border-color: #34444e !important;
    color: #ffffff !important;
}


/* ------------------------------------------------------------
   CONTRACT CONFIGURATION
   ------------------------------------------------------------ */

.denseContractBrokerRow {
    align-items: stretch !important;
}

.combinedContracts {
    min-width: 0 !important;
    overflow: visible !important;
}

.denseContracts {
    min-width: 0 !important;
    align-items: stretch !important;
}

.denseContracts .contract {
    height: auto !important;
    min-height: 330px !important;
    overflow: visible !important;
}

.denseContracts .contract label,
.denseContracts .contract .toggleRow {
    min-height: 31px !important;
}

.denseContracts .contract input {
    height: 30px !important;
    min-height: 30px !important;
}

.denseContracts .step button {
    height: 30px !important;
    min-height: 30px !important;
}

.denseContracts .plan {
    height: auto !important;
    min-height: 28px !important;
    white-space: normal !important;
    overflow: visible !important;
    line-height: 1.35 !important;
}

.denseContracts .pair {
    display: grid !important;
    grid-template-columns: minmax(170px, .42fr) minmax(220px, .58fr) !important;
    gap: 8px !important;
    width: 100% !important;
    overflow: visible !important;
}

.denseContracts .pair button {
    height: 42px !important;
    min-height: 42px !important;
    width: 100% !important;
    white-space: nowrap !important;
    overflow: visible !important;
    font-size: 9px !important;
}


/* ------------------------------------------------------------
   UPSTOX
   ------------------------------------------------------------ */

.denseUpstoxCell {
    min-width: 0 !important;
    overflow: visible !important;
}

.denseUpstoxCell .upstox {
    height: auto !important;
    min-height: 330px !important;
    overflow: visible !important;
}

.denseUpstoxCell .row {
    min-height: 24px !important;
    height: auto !important;
}

.denseUpstoxCell button {
    height: 30px !important;
    min-height: 30px !important;
}


/* ------------------------------------------------------------
   HISTORICAL RESEARCH
   ------------------------------------------------------------ */

.denseHistoricalCell .risk {
    height: auto !important;
    min-height: 190px !important;
    overflow: visible !important;
}

.denseHistoricalCell .risk p {
    white-space: normal !important;
}

.denseHistoricalCell .riskInput {
    height: auto !important;
    min-height: 29px !important;
}

.denseHistoricalCell input {
    height: 30px !important;
}

.denseHistoricalCell button {
    height: 32px !important;
}


/* ------------------------------------------------------------
   POSITIONS / TRADE HISTORY
   ------------------------------------------------------------ */

.compactTrades {
    height: auto !important;
    min-height: 190px !important;
    overflow: visible !important;
}

.compactTradeBody {
    height: auto !important;
    min-height: 130px !important;
    max-height: 260px !important;
    overflow: auto !important;
}


/* ------------------------------------------------------------
   SYSTEM HEALTH / EVENTS
   ------------------------------------------------------------ */

.compactSystem {
    height: auto !important;
    min-height: 190px !important;
    overflow: visible !important;
}

.compactSystemGrid {
    height: auto !important;
    min-height: 135px !important;
    overflow: visible !important;
}

.compactHealth,
.compactEvents {
    height: auto !important;
    overflow: visible !important;
}

.compactHealth > div {
    height: auto !important;
    min-height: 13px !important;
    margin-bottom: 2px !important;
}

.compactEvents > div {
    height: auto !important;
    min-height: 17px !important;
}


/* ------------------------------------------------------------
   BOTTOM ROW
   ------------------------------------------------------------ */

.denseBottomRow {
    align-items: stretch !important;
}


/* ------------------------------------------------------------
   MARKET CARDS
   ------------------------------------------------------------ */

.denseMarkets .market {
    height: auto !important;
    min-height: 155px !important;
    overflow: visible !important;
}

.paperAccountCard {
    height: auto !important;
    min-height: 187px !important;
}


/* ------------------------------------------------------------
   SIDEBAR
   ------------------------------------------------------------ */

.denseNav {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}


/* ------------------------------------------------------------
   DESKTOP LAYOUT BALANCE
   ------------------------------------------------------------ */

@media (min-width: 1360px) {

    .denseTopRow {
        grid-template-columns:
            minmax(620px, 1.55fr)
            minmax(390px, .85fr) !important;
    }

    .denseExecutionRow {
        grid-template-columns:
            minmax(390px, 1fr)
            minmax(330px, .9fr)
            minmax(300px, .78fr) !important;
    }

    .denseContractBrokerRow {
        grid-template-columns:
            minmax(730px, 1.45fr)
            minmax(430px, .8fr) !important;
    }

    .denseBottomRow {
        grid-template-columns:
            minmax(340px, .9fr)
            minmax(360px, 1fr)
            minmax(430px, 1.1fr) !important;
    }
}


/* ------------------------------------------------------------
   1200-1359
   ------------------------------------------------------------ */

@media (min-width: 1100px) and (max-width: 1359px) {

    .denseExecutionRow {
        grid-template-columns:
            1fr 1fr !important;
    }

    .quickRiskCard {
        grid-column: 1 / -1 !important;
        min-height: 160px !important;
    }

    .denseContractBrokerRow {
        grid-template-columns:
            1fr !important;
    }

    .denseBottomRow {
        grid-template-columns:
            1fr 1fr !important;
    }

    .compactSystem {
        grid-column: 1 / -1 !important;
    }
}


/* ------------------------------------------------------------
   SMALLER DEVICES
   ------------------------------------------------------------ */

@media (max-width: 1099px) {

    .denseTopRow,
    .denseExecutionRow,
    .denseContractBrokerRow,
    .denseBottomRow {
        grid-template-columns: 1fr !important;
    }

    .denseMarkets,
    .denseContracts {
        grid-template-columns: 1fr !important;
    }

    .denseContracts .pair {
        grid-template-columns: 1fr !important;
    }
}