/* SIMUL8OR — TRADING METRICS
   Option A "terminal ledger" presentation for the production metrics page.
   Depends on s8-content.css plus the shared S8 token, UI, and product layers. */

.mt{background:var(--s8-bg);color:var(--s8-fg);font-family:var(--s8-sans);-webkit-font-smoothing:antialiased}
.mt-page{padding-bottom:var(--s8c-gap)}
.mt-page>.s8c-wrap{display:block}
.mt-page .s8c-hero{padding-bottom:var(--s8-5);border-bottom:1px solid var(--s8-line);margin-bottom:var(--s8-5)}
.mt-page .s8c-hero>div{max-width:760px}
.mt-page .s8c-hero .section-label{display:inline-flex;align-items:center;gap:7px;font-family:var(--s8-mono);font-size:var(--s8-fs-micro);font-weight:600;letter-spacing:var(--s8-ls-caps);text-transform:uppercase;color:var(--s8-accent-fg)}
.mt-page .s8c-hero .section-label::before{content:"";width:16px;height:1px;background:var(--s8-accent-line)}
.mt-page .s8c-hero .section-title{font-size:var(--s8c-fs-hero);line-height:1.02;letter-spacing:-.028em;font-weight:600;color:#fff;margin:var(--s8-4) 0 0;text-transform:none}
.mt-page .s8c-hero .section-subtitle{font-size:clamp(16px,1.4vw,20px);color:var(--s8-fg-2);margin:var(--s8-3) 0 0;max-width:680px;text-wrap:pretty}

/* The legacy Bootstrap grid classes remain as stable production structure;
   these scoped rules present them with the Option A ledger hierarchy. */
.mt-page .metrics-ledger{display:flex;flex-direction:column;min-width:0}
.mt-page .metrics-ledger>.pro-upgrade-banner{order:1}
.mt-page .metrics-ledger>.metrics-kpi-strip{order:2}
.mt-page .metrics-ledger>.metrics-tabs{order:3}
.mt-page .metrics-ledger>.tab-content{order:4}

.mt-page .metrics-kpi-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s8-3);margin:0!important;background:transparent;border:0;border-radius:0;overflow:visible}
.mt-page .metrics-kpi-strip>.col{width:auto;max-width:none;padding:0;margin:0}
.mt-page .metrics-kpi-strip .card{height:100%;margin:0;background:var(--s8-panel);border:1px solid var(--s8-line)!important;border-radius:var(--s8-r-lg)!important;box-shadow:none}
.mt-page .metrics-kpi-strip .card-body{display:grid;align-content:start;gap:4px;padding:var(--s8-4);text-align:left!important}
.mt-page .metrics-kpi-strip p,.mt-page .metric-label{margin:0;color:var(--s8-fg-3)!important;font-family:var(--s8-mono);font-size:var(--s8-fs-micro);font-weight:600;letter-spacing:var(--s8-ls-caps);text-transform:uppercase}
.mt-page .metrics-kpi-strip h4{margin:0!important;font-size:clamp(20px,2vw,28px);line-height:1.15;font-weight:600;font-variant-numeric:tabular-nums;color:var(--s8-fg)}
.mt-page .metrics-kpi-strip small{font-size:var(--s8-fs-xs);color:var(--s8-fg-3)!important;font-variant-numeric:tabular-nums}

.mt-page .pro-upgrade-banner{display:flex;align-items:center;justify-content:center;margin:0 0 var(--s8-5);padding:0;border:0;background:transparent}
.mt-page .pro-upgrade-banner::before{content:none}
.mt-page .pro-upgrade-banner .pro-banner-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:44px;padding:0 var(--s8-6);flex:none;border:0;border-radius:var(--s8-r);background:linear-gradient(180deg,#FFD489,var(--s8-gold) 52%,var(--s8-gold-lo));color:#1A1206;font:inherit;font-size:var(--s8-fs-md);font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 1px 0 #8F5D14,0 8px 20px -10px rgba(245,177,74,.55);transition:filter var(--s8-t) var(--s8-ease),box-shadow var(--s8-t) var(--s8-ease),transform var(--s8-t-fast) var(--s8-ease)}
.mt-page .pro-upgrade-banner .pro-banner-cta:hover{filter:brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 1px 0 #8F5D14,0 12px 28px -10px rgba(245,177,74,.7)}
.mt-page .pro-upgrade-banner .pro-banner-cta:active{transform:translateY(1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 #8F5D14,0 4px 12px -8px rgba(245,177,74,.5)}
.mt-page .pro-upgrade-banner .pro-banner-cta:focus-visible{outline:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 1px 0 #8F5D14,0 0 0 2px var(--s8-bg),0 0 0 4px var(--s8-gold-line)}
.mt-page .pro-upgrade-banner .pro-banner-cta svg{width:14px;height:14px;flex:none;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}

.mt-page .metrics-tabs{display:flex;gap:0;padding:0;margin:var(--s8-6) 0 var(--s8-5);border:0;border-bottom:1px solid var(--s8-line);list-style:none}
.mt-page .metrics-tabs .nav-item{flex:1;margin:0;list-style:none}
.mt-page .metrics-tabs .nav-link{display:flex;align-items:center;justify-content:center;height:44px;padding:0 var(--s8-3);border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--s8-fg-3);font-size:var(--s8-fs-md);font-weight:500;text-decoration:none;transition:color var(--s8-t) var(--s8-ease),border-color var(--s8-t) var(--s8-ease)}
.mt-page .metrics-tabs .nav-link:hover{color:var(--s8-fg)}
.mt-page .metrics-tabs .nav-link.active{color:#fff;font-weight:600;border-bottom-color:var(--s8-accent)}
.mt-page .metrics-tabs .d-block.d-sm-none{display:none!important}
.mt-page .metrics-tabs .d-none.d-sm-block{display:block!important}
.mt-page .tab-content{padding:0!important;color:var(--s8-fg-2)!important}
.mt-page .tab-pane{display:none}
.mt-page .tab-pane.active{display:block}
.mt-page #home1.active{display:flex;flex-direction:column}
.mt-page #home1>.metrics-summary-card{order:2}
.mt-page #home1>.metrics-equity-panel{order:1}
.mt-page #home1>.metrics-trade-log{order:3}
.mt-page #home1>.metrics-badges{order:4}
.mt-page #home1>#btnExportLog{order:5}
.mt-page #home1>#btnResetAccount{order:6}

.mt-page .card,.mt-page .metrics-container{background:var(--s8-panel);border:1px solid var(--s8-line)!important;border-radius:var(--s8-r-lg);box-shadow:none;color:var(--s8-fg);overflow:hidden}
.mt-page .card-header{min-height:44px;padding:var(--s8-3) var(--s8-4);border:0;border-bottom:1px solid var(--s8-line);background:var(--s8-panel-2);color:#fff;font-size:var(--s8-fs-md);font-weight:600}
.mt-page .card-body{padding:0}
.mt-page .metrics-summary-card{margin-top:var(--s8-6)}
.mt-page .metrics-summary-card .card-body{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.mt-page .metrics-summary-card .row{display:contents}
.mt-page .metrics-summary-card [class*="col-"]{width:auto;max-width:none;padding:0;margin:0}
.mt-page .metric-item{display:grid;align-content:start;gap:5px;min-height:112px;padding:var(--s8-4);border:0!important;border-left:1px solid var(--s8-line)!important;border-top:1px solid var(--s8-line)!important;text-align:left}
.mt-page .metrics-summary-card [class*="col-"]:nth-child(-n+4) .metric-item{border-top:0!important}
.mt-page .metrics-summary-card [class*="col-"]:nth-child(4n+1) .metric-item{border-left:0!important}
.mt-page .metric-value{font-size:var(--s8-fs-xl);line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;color:var(--s8-fg)}
.mt-page .metric-subtext{font-size:var(--s8-fs-xs);color:var(--s8-fg-3)}
.mt-page .positive,.mt-page .text-success{color:var(--s8-up)!important}
.mt-page .negative,.mt-page .text-danger{color:var(--s8-down)!important}
.mt-page .neutral{color:var(--s8-fg)!important}

.mt-page .metrics-equity-panel{margin:0!important}
.mt-page .metrics-equity-panel>.metrics-container{padding:0}
.mt-page .metrics-equity-panel h4,.mt-page .metrics-trade-log h4,.mt-page .metrics-badges h4,.mt-page .tab-pane>h4{min-height:44px;margin:0!important;padding:var(--s8-3) var(--s8-4);border-bottom:1px solid var(--s8-line);background:var(--s8-panel-2);color:#fff;font-size:var(--s8-fs-md);font-weight:600;text-align:left!important}
.mt-page .metrics-equity-panel .chart-frame,.mt-page .metrics-container>div{height:360px!important;padding:var(--s8-4)}
.mt-page .metrics-trade-log,.mt-page .metrics-badges{margin-top:var(--s8-6)!important;background:var(--s8-panel);border:1px solid var(--s8-line);border-radius:var(--s8-r-lg);overflow:hidden}
.mt-page .metrics-trade-log>.col-12,.mt-page .metrics-badges>.col-12{padding:0}
.mt-page #completedTradesTable,.mt-page #badgesContainer,.mt-page #detailedSymbolMetricsTable{min-width:0;color:var(--s8-fg-2)}

.mt-page .gridjs-container{color:var(--s8-fg-2);font-family:var(--s8-sans)}
.mt-page .gridjs-head,.mt-page .gridjs-footer{padding:var(--s8-3) var(--s8-4);background:var(--s8-panel-2);border-color:var(--s8-line);box-shadow:none}
.mt-page .gridjs-search-input{height:var(--s8-h-md);padding:0 var(--s8-3);border:1px solid var(--s8-line-2);border-radius:var(--s8-r);background:var(--s8-inset);color:var(--s8-fg);font:inherit}
.mt-page .gridjs-wrapper{border:0;box-shadow:none;overflow-x:auto}
.mt-page table.gridjs-table{width:100%;background:var(--s8-panel);color:var(--s8-fg-2)}
.mt-page th.gridjs-th{padding:10px var(--s8-3);border-color:var(--s8-line);background:var(--s8-panel-2);color:var(--s8-fg-3);font-family:var(--s8-mono);font-size:var(--s8-fs-micro);letter-spacing:var(--s8-ls-caps);text-transform:uppercase}
.mt-page td.gridjs-td{padding:11px var(--s8-3);border-color:var(--s8-line);background:var(--s8-panel);color:var(--s8-fg-2);font-size:var(--s8-fs-sm)}
.mt-page tr.gridjs-tr:hover td.gridjs-td{background:var(--s8-hover)}
.mt-page .gridjs-pagination,.mt-page .gridjs-summary{color:var(--s8-fg-3)}
.mt-page .gridjs-pagination .gridjs-pages button{border-color:var(--s8-line);background:var(--s8-panel-2);color:var(--s8-fg-2)}
.mt-page .gridjs-pagination .gridjs-pages button.gridjs-currentPage{background:var(--s8-active);color:#fff}

.mt-page .table-responsive{overflow-x:auto;border:1px solid var(--s8-line);border-radius:var(--s8-r-lg);background:var(--s8-panel)}
.mt-page .table{width:100%;margin:0;border-collapse:collapse;color:var(--s8-fg-2)}
.mt-page .table th{padding:10px 8px;border:1px solid var(--s8-line);background:var(--s8-panel-2);color:var(--s8-fg-3);font-family:var(--s8-mono);font-size:var(--s8-fs-micro);letter-spacing:var(--s8-ls-caps);text-transform:uppercase}
.mt-page .table td{height:62px;padding:6px 8px;border:1px solid var(--s8-line);background:var(--s8-panel);color:var(--s8-fg-2);font-size:var(--s8-fs-sm)}
.mt-page #profile1>.row,.mt-page #messages1>.row,.mt-page #settings1>.row{margin-top:var(--s8-6)!important}
.mt-page #profile1>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8-4)}
.mt-page #profile1>.row>[class*="col-"]{width:auto;max-width:none;padding:0;margin:0!important}
.mt-page #messages1>.row>[class*="col-"]{padding:0}
.mt-page #settings1>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8-4)}
.mt-page #settings1>.row>[class*="col-"]{width:auto;max-width:none;padding:0}
.mt-page #settings1 h4{margin:0;padding:var(--s8-3) var(--s8-4);border:1px solid var(--s8-line);border-bottom:0;border-radius:var(--s8-r-lg) var(--s8-r-lg) 0 0;background:var(--s8-panel-2);color:#fff;font-size:var(--s8-fs-md);text-align:left!important}
.mt-page #settings1 h4+.card{border-radius:0 0 var(--s8-r-lg) var(--s8-r-lg)}
.mt-page #settings1 .card-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.mt-page #settings1 .card-body>.row{display:contents}
.mt-page #settings1 .card-body [class*="col-"]{width:auto;max-width:none;padding:0}

.mt-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--s8-h-md);margin-top:var(--s8-4)!important;padding:0 var(--s8-4);border:1px solid var(--s8-line-2);border-radius:var(--s8-r);background:var(--s8-panel-2);box-shadow:none;color:var(--s8-fg);font:inherit;font-size:var(--s8-fs-sm);cursor:pointer}
.mt-page .btn:hover{background:var(--s8-hover);border-color:var(--s8-line-3)}
.mt-page .btn-outline-danger{margin-left:var(--s8-2);border-color:var(--s8-down-line);background:var(--s8-down-tint);color:var(--s8-down)}
.mt-page #btnExportLog,.mt-page #btnResetAccount{align-self:flex-start}
.mt-page #btnResetAccount{margin-left:140px;margin-top:calc(-1 * var(--s8-h-md))!important}

/* Premium state remains owned by the production credit-status script. */
body.is-premium .mt-page .pro-upgrade-banner{display:none}
.mt-page .pro-blur-value{transition:filter var(--s8-t) var(--s8-ease)}

/* Reset confirmation stays page-owned; only its presentation is normalized. */
#resetAccountModal{position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(5,7,10,.78)}
#resetAccountModal.is-open{display:flex}
#resetAccountModal .modal-dialog{width:min(520px,100%);margin:auto}
#resetAccountModal .modal-content{background:transparent!important;border:0!important;box-shadow:none!important}
.reset-card{background:var(--s8-panel)!important;border:1px solid var(--s8-down-line)!important;border-radius:var(--s8-r-lg)!important;box-shadow:none!important}
.reset-card-header{background:var(--s8-down-tint)!important;border-bottom:1px solid var(--s8-down-line)!important}
.reset-confirm-input{border-radius:var(--s8-r)!important;background:var(--s8-inset)!important;border-color:var(--s8-line-2)!important}
.reset-actions button{border-radius:var(--s8-r)!important}

@media(max-width:1000px){
  .mt-page .metrics-kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mt-page .metrics-kpi-strip>.col:nth-child(4) .card{border-left:0!important;border-top:1px solid var(--s8-line)!important}
  .mt-page .metrics-kpi-strip>.col:nth-child(5) .card{border-top:1px solid var(--s8-line)!important}
  .mt-page .metrics-summary-card .card-body{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mt-page .metrics-summary-card [class*="col-"]:nth-child(n) .metric-item{border-left:1px solid var(--s8-line)!important;border-top:1px solid var(--s8-line)!important}
  .mt-page .metrics-summary-card [class*="col-"]:nth-child(-n+3) .metric-item{border-top:0!important}
  .mt-page .metrics-summary-card [class*="col-"]:nth-child(3n+1) .metric-item{border-left:0!important}
}
@media(max-width:760px){
  .mt-page .metrics-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mt-page .metrics-kpi-strip>.col:nth-child(n) .card{border-left:1px solid var(--s8-line)!important;border-top:1px solid var(--s8-line)!important}
  .mt-page .metrics-kpi-strip>.col:nth-child(-n+2) .card{border-top:0!important}
  .mt-page .metrics-kpi-strip>.col:nth-child(2n+1) .card{border-left:0!important}
  .mt-page .pro-upgrade-banner{align-items:center;justify-content:center}
  .mt-page .metrics-tabs{overflow-x:auto;justify-content:flex-start}
  .mt-page .metrics-tabs .nav-item{flex:0 0 auto}
  .mt-page .metrics-tabs .nav-link{padding:0 var(--s8-4);white-space:nowrap}
  .mt-page .metrics-summary-card .card-body{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mt-page .metrics-summary-card [class*="col-"]:nth-child(n) .metric-item{border-left:1px solid var(--s8-line)!important;border-top:1px solid var(--s8-line)!important}
  .mt-page .metrics-summary-card [class*="col-"]:nth-child(-n+2) .metric-item{border-top:0!important}
  .mt-page .metrics-summary-card [class*="col-"]:nth-child(2n+1) .metric-item{border-left:0!important}
  .mt-page #profile1>.row,.mt-page #settings1>.row{grid-template-columns:1fr}
}
@media(max-width:520px){
  .mt-page .metrics-kpi-strip,.mt-page .metrics-summary-card .card-body{grid-template-columns:1fr}
  .mt-page .metrics-kpi-strip>.col:nth-child(n) .card,.mt-page .metrics-summary-card [class*="col-"]:nth-child(n) .metric-item{border-left:0!important;border-top:1px solid var(--s8-line)!important}
  .mt-page .metrics-kpi-strip>.col:first-child .card,.mt-page .metrics-summary-card [class*="col-"]:first-child .metric-item{border-top:0!important}
  .mt-page .metrics-equity-panel .chart-frame,.mt-page .metrics-container>div{height:300px!important;padding:var(--s8-2)}
  .mt-page #btnResetAccount{margin-left:0;margin-top:var(--s8-2)!important}
}

/* Defeat the legacy five-card accent rule, whose higher specificity otherwise
   restores colored top borders and partial fused-strip dividers. */
.mt-page .metrics-kpi-strip.row-cols-1.row-cols-sm-2.row-cols-md-3.row-cols-xl-5>.col .card{
  background:var(--s8-panel)!important;
  border:1px solid var(--s8-line)!important;
  border-radius:var(--s8-r-lg)!important;
}
.mt-page .metrics-kpi-strip.row-cols-1.row-cols-sm-2.row-cols-md-3.row-cols-xl-5>.col .card:hover{
  transform:none;
  box-shadow:none;
}
.mt-page .metrics-kpi-strip.row-cols-1.row-cols-sm-2.row-cols-md-3.row-cols-xl-5>.col .card-body{
  padding:var(--s8-4)!important;
}