/* DeliverShield V3.7.3 – Studio finish layer
   Visual/UX-only override on top of V3.7.2. */
:root{
  --v373-bg:#041426;
  --v373-panel:#071b30;
  --v373-panel-2:#09223a;
  --v373-line:#174d73;
  --v373-cyan:#24c8f6;
  --v373-blue:#169cff;
  --v373-text:#f5f9ff;
  --v373-muted:#91aac1;
  --v373-green:#49d9b1;
}

/* ===== overall density / hierarchy ===== */
.studio-v37.studio-v373 .v37-controls{
  background:linear-gradient(180deg,#05182b 0%,#06192d 100%);
}
.studio-v37.studio-v373 .v37-intro{
  padding-top:24px;
  padding-bottom:12px;
}
.studio-v37.studio-v373 .v37-intro .eyebrow{
  letter-spacing:.12em;
}
.studio-v37.studio-v373 .wizard-body{
  padding-bottom:12px;
}
.studio-v37.studio-v373 .wizard-panel.active{
  animation:v373Fade .16s ease both;
}
@keyframes v373Fade{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}

/* ===== stepper: completed should be calm, not five green cards ===== */
.studio-v37.studio-v373 .wizard-steps button.done{
  border-color:#17516d!important;
  background:#071c31!important;
  color:#b9cce0!important;
  box-shadow:none!important;
}
.studio-v37.studio-v373 .wizard-steps button.done i{
  background:#0d7b74!important;
  color:#dffef7!important;
  border-color:#15968b!important;
}
.studio-v37.studio-v373 .wizard-steps button.active{
  border-color:#21c4f4!important;
  background:linear-gradient(180deg,rgba(24,145,217,.28),rgba(8,39,66,.88))!important;
  box-shadow:0 0 0 1px rgba(36,200,246,.07),0 10px 22px rgba(0,0,0,.14)!important;
}

/* ===== section heading ===== */
.studio-v37.studio-v373 .panel-heading{
  padding-top:8px;
  padding-bottom:16px;
}
.studio-v37.studio-v373 .panel-heading .step-kicker{
  background:linear-gradient(180deg,#0d4166,#0a3353);
  border:1px solid #155b84;
  color:#7de3ff;
}
.studio-v37.studio-v373 .panel-heading h2{
  color:#f8fbff;
  letter-spacing:-.015em;
}

/* ===== Protect / watermark cards ===== */
.studio-v37.studio-v373 .v37-watermark-card{
  margin-top:1px;
}
.studio-v37.studio-v373 .smart-badge{
  background:#0a343d!important;
  border:1px solid #147e80!important;
  color:#74ead4!important;
  box-shadow:none!important;
}

/* Hard reset of old V3.6 selected-mode styling that creates the bright cyan text block */
.studio-v37.studio-v373 .v37-mode-row .mode-pill,
.studio-v37.studio-v373 .v37-mode-row .mode-pill.selected{
  overflow:visible!important;
}
.studio-v37.studio-v373 .v37-mode-row .mode-pill span,
.studio-v37.studio-v373 .v37-mode-row .mode-pill span *,
.studio-v37.studio-v373 .v37-mode-row .mode-pill.selected span,
.studio-v37.studio-v373 .v37-mode-row .mode-pill.selected span *{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
.studio-v37.studio-v373 .v37-mode-row .mode-pill span{
  padding:0!important;
  border-radius:0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
}
.studio-v37.studio-v373 .v37-mode-row .mode-pill{
  min-height:84px!important;
  background:linear-gradient(180deg,#082038,#07192d)!important;
}
.studio-v37.studio-v373 .v37-mode-row .mode-pill.selected{
  background:linear-gradient(145deg,#0a2d49,#071b30)!important;
  border-color:#27c8f5!important;
}
.studio-v37.studio-v373 .v37-mode-row .mode-pill b{
  color:#f6fbff!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.25!important;
}
.studio-v37.studio-v373 .v37-mode-row .mode-pill small{
  color:#8ca6bf!important;
  font-size:9px!important;
  line-height:1.45!important;
  margin-top:5px!important;
  max-width:145px!important;
}
.studio-v37.studio-v373 .v37-mode-row .mode-pill.selected small{
  color:#a9c5d7!important;
}
.studio-v37.studio-v373 .v37-mode-row .mode-pill>em{
  background:#824cf7!important;
  color:#fff!important;
  border:1px solid #a77cff!important;
}

/* meter cards should feel like controls, not boxes inside boxes */
.studio-v37.studio-v373 .metric-ranges label{
  min-height:70px;
  background:linear-gradient(180deg,#09243d,#071c31)!important;
  border-color:#1a5074!important;
}
.studio-v37.studio-v373 .metric-ranges label>span em{
  color:#6fe1ff;
  font-weight:850;
}
.studio-v37.studio-v373 input[type="range"]{
  accent-color:var(--v373-cyan);
}
.studio-v37.studio-v373 .info-strip{
  background:linear-gradient(180deg,#08233b,#071d33)!important;
  border-color:#1a587e!important;
}

/* ===== Signature ===== */
.studio-v37.studio-v373 .v37-sign-card{
  border-color:#18557b;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.studio-v37.studio-v373 .signature-config-head{
  gap:14px;
}
.studio-v37.studio-v373 .signature-config-head>div{
  min-width:0;
  flex:1;
}
.studio-v37.studio-v373 .signature-controls:not(.hidden){
  animation:v373Fade .16s ease both;
}

/* ===== Access ===== */
.studio-v37.studio-v373 .v37-toggle-card{
  border-color:#18557a;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.studio-v37.studio-v373 .v37-toggle-card:hover{
  border-color:#1b6c99;
}

/* ===== Share ===== */
.studio-v37.studio-v373 .selected-plan-card{
  border:1px solid #20aee2!important;
  background:
    radial-gradient(circle at 92% 18%,rgba(34,199,247,.10),transparent 34%),
    linear-gradient(145deg,#0a3150,#071b31)!important;
}
.studio-v37.studio-v373 .selected-plan-card span{
  color:#7f9bb4;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.studio-v37.studio-v373 .selected-plan-card b{
  margin-top:4px;
  color:#fff;
}
.studio-v37.studio-v373 .selected-plan-card strong{
  color:#eaf9ff;
  letter-spacing:-.03em;
}
.studio-v37.studio-v373 .v37-plan-picker{
  background:linear-gradient(180deg,#071c31,#06182b)!important;
  border-color:#175273!important;
}
.studio-v37.studio-v373 .v37-plan-options .plan-opt{
  border-color:#174c6f!important;
}
.studio-v37.studio-v373 .v37-plan-options .plan-opt.selected{
  border-color:#24c8f6!important;
  box-shadow:0 0 0 1px rgba(36,200,246,.07)!important;
}
.studio-v37.studio-v373 .v37-plan-options .plan-opt em{
  min-width:54px;
  text-align:end;
  color:#eef9ff;
  font-variant-numeric:tabular-nums;
}
.studio-v37.studio-v373 .share-ready-card{
  border-color:#158a70!important;
  background:linear-gradient(180deg,rgba(8,72,61,.62),rgba(5,45,42,.70))!important;
}

/* ===== action bar ===== */
.studio-v37.studio-v373 .studio-actionbar{
  gap:10px;
  backdrop-filter:blur(14px);
}
.studio-v37.studio-v373 .studio-actionbar .btn.primary{
  background:linear-gradient(135deg,#189cff,#22c8ef)!important;
  border-color:#43d6fa!important;
  box-shadow:0 10px 26px rgba(16,155,227,.18)!important;
}
.studio-v37.studio-v373 .studio-actionbar .btn.primary:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(16,155,227,.24)!important;
}
.studio-v37.studio-v373 .studio-actionbar .btn.ghost{
  background:#071b30!important;
  border-color:#1a5a82!important;
}

/* ===== Preview framing ===== */
.studio-v37.studio-v373 .v37-browser-mock{
  border-color:#1d6d99;
  background:#06182a;
}
.studio-v37.studio-v373 .preview-toolbar,
.studio-v37.studio-v373 .browser-bar{
  background:#071c30!important;
}
.studio-v37.studio-v373 .preview-canvas{
  background:#0a1825;
}

/* ===== mobile ===== */
@media(max-width:900px){
  .studio-v37.studio-v373 .v37-intro{
    padding:18px 19px 10px;
  }
  .studio-v37.studio-v373 .v37-intro h1{
    font-size:27px;
    line-height:1.06;
    max-width:330px;
  }
  .studio-v37.studio-v373 .wizard-steps{
    padding-inline:18px;
    gap:5px;
  }
  .studio-v37.studio-v373 .wizard-steps button{
    min-width:0;
    height:46px;
    padding-inline:5px;
  }
  .studio-v37.studio-v373 .wizard-body{
    padding-inline:18px;
  }
  .studio-v37.studio-v373 .panel-heading{
    grid-template-columns:36px minmax(0,1fr);
    gap:12px;
  }
  .studio-v37.studio-v373 .v37-mode-row{
    grid-template-columns:1fr 1fr;
  }
  .studio-v37.studio-v373 .v37-mode-row .mode-pill{
    padding-left:38px!important;
  }
  .studio-v37.studio-v373[dir="rtl"] .v37-mode-row .mode-pill{
    padding-left:12px!important;
    padding-right:38px!important;
  }
  .studio-v37.studio-v373 .v37-mode-row .mode-pill small{
    max-width:none!important;
  }
  .studio-v37.studio-v373 #onePlans{
    grid-template-columns:1fr 1fr;
  }
  .studio-v37.studio-v373 #onePlans .plan-opt:last-child{
    grid-column:1/-1;
  }
  .studio-v37.studio-v373 .studio-actionbar{
    margin-top:12px;
    padding-inline:17px;
  }
  .studio-v37.studio-v373 .studio-actionbar #backStep{
    min-width:82px;
  }
}

@media(max-width:430px){
  .studio-v37.studio-v373 .v37-intro h1{font-size:26px}
  .studio-v37.studio-v373 .wizard-steps button span{font-size:9px}
  .studio-v37.studio-v373 .v37-mode-row{grid-template-columns:1fr 1fr;gap:8px}
  .studio-v37.studio-v373 .v37-mode-row .mode-pill{min-height:88px!important;padding-top:12px!important;padding-bottom:10px!important}
  .studio-v37.studio-v373 .selected-plan-card strong{font-size:20px}
  .studio-v37.studio-v373 .v37-plan-options .plan-opt{padding-inline:9px}
  .studio-v37.studio-v373 .v37-plan-options .plan-opt em{font-size:11px;min-width:46px}
}