
/* MIDAS V11 — clean selectors/results for Apps + Stage 1 */
:root{--mred:#e50918;--mred2:#ff2737;--bg:#050506;--panel:#0d0e11;--panel2:#141519;--line:rgba(255,255,255,.11)}
body{background:var(--bg)!important}

/* Hero background */
.apps-v11-hero,.stage-v11-hero{
  min-height:0!important;
  padding:26px 0 18px!important;
  background:
    linear-gradient(90deg,rgba(3,3,4,.96) 0%,rgba(3,3,4,.76) 46%,rgba(3,3,4,.30) 100%),
    url("midas-hero-wide.png") center/cover no-repeat!important;
}
.apps-v11-layout,.stage-v11-layout{max-width:1160px!important}
.apps-selector-stack,.stage-selector-stack{width:650px;max-width:100%}
.apps-top-selector,.stage-top-selector{
  width:100%!important;margin:0!important;padding:14px!important;
  border:1px solid rgba(255,255,255,.11)!important;border-radius:14px!important;
  background:rgba(11,12,14,.20)!important;
  box-shadow:none!important;
  backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;
}
.apps-top-selector .eyebrow,.stage-top-selector .eyebrow,.apps-model-label{
  color:var(--mred)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.17em!important;
}
.apps-top-selector h1,.stage-top-selector h1{
  color:var(--mred)!important;margin:4px 0 14px!important;
  max-width:620px!important;font-size:clamp(34px,4vw,54px)!important;line-height:1.02!important;
}
.apps-legacy-controls{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}

/* Brand plate ends immediately after brand rows */
.apps-brand-grid,.stage-brand-grid{
  display:grid!important;grid-template-columns:repeat(4,145px)!important;
  gap:8px!important;width:max-content!important;max-width:100%!important;margin:0!important
}
.apps-brand-button,.stage-brand-grid .stage-brand,
.apps-model-button,.stage-model-button{
  appearance:none!important;width:145px!important;min-width:0!important;max-width:none!important;
  min-height:40px!important;padding:9px 8px!important;border-radius:7px!important;clip-path:none!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(145deg,rgba(108,110,116,.32),rgba(28,29,33,.50) 52%,rgba(229,9,24,.08))!important;
  color:#e9eaed!important;-webkit-text-fill-color:#e9eaed!important;
  font:700 12px/1.15 Arial,Helvetica,sans-serif!important;text-align:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;cursor:pointer!important
}
.apps-brand-button:hover,.apps-brand-button.active,.apps-brand-button[aria-selected="true"],
.stage-brand-grid .stage-brand:hover,.stage-brand-grid .stage-brand.active,
.apps-model-button:hover,.apps-model-button.active,.apps-model-button[aria-selected="true"],
.stage-model-button:hover,.stage-model-button.active{
  background:linear-gradient(135deg,#650911,#e50918 55%,#780b13)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#ff3442!important;
  box-shadow:0 5px 18px rgba(229,9,24,.20)!important
}

/* Models are a separate compact block. 4 per row; fifth wraps. */
.apps-model-panel,.stage-brand-panel{
  display:none!important;width:max-content!important;max-width:100%!important;
  margin:8px 0 0!important;padding:10px 12px!important;
  background:rgba(11,12,14,.16)!important;border:1px solid rgba(255,255,255,.09)!important;
  border-radius:13px!important;box-shadow:none!important;
  backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important
}
.apps-model-panel.visible,.stage-brand-panel:not(:empty){display:block!important}
.apps-model-label{display:block;margin:0 0 8px 2px!important}
.apps-model-grid,.stage-model-list{
  display:grid!important;grid-template-columns:repeat(4,145px)!important;
  gap:8px!important;width:max-content!important;max-width:100%!important;margin:0!important
}
.stage-brand-copy{display:none!important}

/* Completely dark result canvas */
.apps-results-section,.stage-results-section{
  padding:12px 0 26px!important;margin:0!important;background:#050506!important;color:#d5d7dc!important
}
.apps-results-section .wrap,.stage-results-section .wrap{max-width:1160px!important;background:transparent!important}

/* Apps vehicle card */
.brand-preview{
  display:grid!important;grid-template-columns:380px minmax(0,1fr)!important;
  max-width:1160px!important;margin:0 auto!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;
  background:linear-gradient(145deg,#101115,#08090b)!important;color:#d5d7dc!important;
  box-shadow:0 18px 55px rgba(0,0,0,.26)!important
}
.brand-preview-empty{padding:24px!important;color:#9699a0!important;background:#0b0c0f!important}
.brand-preview-art{
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:16px!important;background:#111216!important
}
.brand-preview-art img{display:block!important;width:100%!important;max-height:285px!important;object-fit:contain!important;border-radius:10px!important}
.brand-preview-copy,.brand-preview-copy-full{
  padding:18px!important;background:#0b0c0f!important;color:#d5d7dc!important
}
.brand-preview-copy .eyebrow{color:var(--mred)!important}
.brand-preview-copy h2{color:#fff!important;margin:3px 0 10px!important}
.vehicle-feature-grid,.service-chips,.commercial-service-chips{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:10px 0!important
}
.vehicle-feature-chip,.vehicle-feature-chip-stage,.service-chips span,.commercial-service-chips span{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  background:linear-gradient(135deg,#5b090f,#a80b16 58%,#15161a)!important;
  border:1px solid rgba(229,9,24,.75)!important;border-radius:7px!important
}
.vehicle-ad-copy{background:transparent!important;color:#cfd1d6!important}
.vehicle-ad-lead{color:#b9bbc1!important}
.vehicle-ad-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;background:transparent!important}
.vehicle-ad-grid section{
  background:#15161a!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:9px!important;
  padding:12px!important;color:#cfd1d6!important
}
.vehicle-ad-grid h4{color:var(--mred)!important;margin:0 0 7px!important}
.vehicle-ad-grid li{color:#cfd1d6!important}
.vehicle-ad-special,.vehicle-ad-guarantee{
  margin-top:9px!important;padding:11px!important;border-radius:9px!important;
  background:#131418!important;border:1px solid rgba(255,255,255,.08)!important;color:#cfd1d6!important
}
.vehicle-ad-special b,.vehicle-ad-guarantee b{color:var(--mred)!important}

/* Stage 1 result panel: same visual language */
.stage-results-section .stage-result-heading{color:var(--mred)!important;margin-bottom:10px!important;font-weight:900!important}
.stage-vehicle-result,.stage-result-card,.stage-model-summary,.stage-engine-card,.stage-full-data,
.stage-benefits-panel,.stage-comparison-table{
  background:#0c0d10!important;color:#d5d7dc!important;border-color:rgba(255,255,255,.10)!important
}
.stage-model-summary{
  border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;padding:14px!important
}
.stage-model-summary img{border-radius:10px!important;background:#111216!important}
.stage-result-heading .eyebrow,.stage-summary-copy .eyebrow,.stage-engine-card h3,.stage-benefits-panel h3{color:var(--mred)!important}
.stage-summary-copy p,.stage-summary-copy li,.stage-engine-card p,.stage-engine-card li{color:#cfd1d6!important}
.stage-table-head,.stage-table-row{background:#131418!important;color:#d6d8dc!important;border-color:rgba(255,255,255,.07)!important}

/* Old white sections on these pages are forbidden */
body.apps-v11,body.stage-v11,
body.apps-v11 main,body.stage-v11 main,
body.apps-v11 section,body.stage-v11 section{background-color:#050506}
body.apps-v11 .alt,body.stage-v11 .alt{background:#090a0c!important}
body.apps-v11 footer,body.stage-v11 footer{background:#030304!important;color:#d7d8dc!important}

/* Keep header phone active */
.phone-btn-v6{pointer-events:auto!important;cursor:pointer!important}

/* Mobile */
@media(max-width:760px){
  .apps-v11-hero,.stage-v11-hero{padding:18px 0 14px!important}
  .apps-selector-stack,.stage-selector-stack{width:100%!important}
  .apps-brand-grid,.stage-brand-grid,.apps-model-grid,.stage-model-list{
    width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  .apps-brand-button,.stage-brand-grid .stage-brand,.apps-model-button,.stage-model-button{width:100%!important}
  .apps-model-panel,.stage-brand-panel{width:100%!important}
  .brand-preview{grid-template-columns:1fr!important}
  .brand-preview-art img{max-height:240px!important}
  .vehicle-feature-grid,.service-chips,.commercial-service-chips,.vehicle-ad-grid{grid-template-columns:1fr!important}
}
