:root {
  --ad11-bg:#0a1220;
  --ad11-panel:#121d31;
  --ad11-panel-2:#182641;
  --ad11-border:rgba(255,255,255,.10);
  --ad11-text:#f8fafc;
  --ad11-muted:#b8c6da;
  --ad11-soft:#8ea2bf;
  --ad11-accent:#57c7ff;
  --ad11-accent-2:#8b5cf6;
}
#adtreatment-app.ad11-active {
  background:
    radial-gradient(circle at top left, rgba(87,199,255,.12), transparent 24%),
    radial-gradient(circle at top right, rgba(139,92,246,.14), transparent 28%),
    linear-gradient(180deg, #09111c 0%, #0d1728 100%) !important;
}
#adtreatment-app.ad11-active .adt-commandbar {
  position:sticky; top:0; z-index:60;
  background:linear-gradient(180deg, rgba(7,12,20,.98), rgba(7,12,20,.9));
  border-bottom:1px solid var(--ad11-border);
  backdrop-filter: blur(16px);
}
#adtreatment-app.ad11-active .adt-subnav,
#adtreatment-app.ad11-active .adt-body,
#adtreatment-app.ad11-active .adtv,
#adtreatment-app.ad11-active .adt-logo-sub,
#adtreatment-app.ad11-active .adt-pills-row { display:none !important; }
#adtreatment-app.ad11-active .ad11-legacy-hidden { display:none !important; }
#adtreatment-app.ad11-active #ad11-shell { padding:20px 22px 30px; }
#adtreatment-app.ad11-active .ad11-stage { display:grid; grid-template-columns: 330px minmax(0,1fr); gap:18px; align-items:start; }
#adtreatment-app.ad11-active .ad11-rail { position:sticky; top:88px; display:grid; gap:14px; }
#adtreatment-app.ad11-active .ad11-workspace { min-width:0; display:grid; gap:16px; }
#adtreatment-app.ad11-active .ad11-hero,
#adtreatment-app.ad11-active .ad11-card,
#adtreatment-app.ad11-active .ad11-angle,
#adtreatment-app.ad11-active .ad11-var {
  background:linear-gradient(180deg, rgba(18,29,49,.95), rgba(14,24,42,.93));
  border:1px solid var(--ad11-border);
  border-radius:22px;
  box-shadow:0 20px 50px rgba(0,0,0,.28);
  color:var(--ad11-text);
}
#adtreatment-app.ad11-active .ad11-hero { padding:18px 20px; display:grid; grid-template-columns: 1.15fr .85fr; gap:14px; }
#adtreatment-app.ad11-active .ad11-eyebrow, #adtreatment-app.ad11-active .ad11-minihead { font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; font-weight:800; color:var(--ad11-soft); }
#adtreatment-app.ad11-active .ad11-hero h2 { margin:6px 0 10px; font-size:1.65rem; line-height:1.1; }
#adtreatment-app.ad11-active .ad11-hero p, #adtreatment-app.ad11-active .ad11-muted, #adtreatment-app.ad11-active .ad11-note { color:var(--ad11-muted); line-height:1.55; }
#adtreatment-app.ad11-active .ad11-hero-pills { display:flex; flex-wrap:wrap; gap:8px; align-content:start; }
#adtreatment-app.ad11-active .ad11-hero-pills span, #adtreatment-app.ad11-active .ad11-badge {
  background:rgba(255,255,255,.06); border:1px solid var(--ad11-border); border-radius:999px; padding:7px 11px; font-size:.78rem; color:#fff; font-weight:700;
}
#adtreatment-app.ad11-active .ad11-nav { display:flex; gap:10px; flex-wrap:wrap; }
#adtreatment-app.ad11-active .ad11-step {
  border:1px solid var(--ad11-border); background:rgba(255,255,255,.04); color:var(--ad11-muted); padding:11px 16px; border-radius:999px; font-weight:800; cursor:pointer;
}
#adtreatment-app.ad11-active .ad11-step.active { color:#fff; border-color:rgba(87,199,255,.4); background:linear-gradient(135deg, rgba(87,199,255,.18), rgba(139,92,246,.18)); box-shadow:0 12px 24px rgba(0,0,0,.22); }
#adtreatment-app.ad11-active .ad11-panel { display:none; }
#adtreatment-app.ad11-active .ad11-panel.active { display:block; }
#adtreatment-app.ad11-active .ad11-grid.cols-2 { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:16px; }
#adtreatment-app.ad11-active .ad11-card { padding:18px; }
#adtreatment-app.ad11-active .ad11-cardhead h3 { margin:0 0 6px; font-size:1.15rem; }
#adtreatment-app.ad11-active .ad11-cardhead p { margin:0 0 14px; color:var(--ad11-muted); }
#adtreatment-app.ad11-active .ad11-formgrid { display:grid; gap:12px; }
#adtreatment-app.ad11-active .ad11-formgrid.two { grid-template-columns: repeat(2,minmax(0,1fr)); }
#adtreatment-app.ad11-active .ad11-formgrid.compact { gap:10px; }
#adtreatment-app.ad11-active .ad11-formgrid .wide { grid-column:1/-1; }
#adtreatment-app.ad11-active .ad11-formgrid label, #adtreatment-app.ad11-active .ad11-build-steps label { display:grid; gap:8px; }
#adtreatment-app.ad11-active .ad11-formgrid span, #adtreatment-app.ad11-active .ad11-build-steps span { color:var(--ad11-soft); font-size:.76rem; text-transform:uppercase; letter-spacing:.08em; font-weight:800; }
#adtreatment-app.ad11-active input, #adtreatment-app.ad11-active textarea, #adtreatment-app.ad11-active select {
  width:100%; box-sizing:border-box; background:rgba(255,255,255,.05); color:#fff; border:1px solid var(--ad11-border); border-radius:14px; padding:10px 12px; font:inherit;
}
#adtreatment-app.ad11-active textarea { min-height:100px; resize:vertical; }
#adtreatment-app.ad11-active .ad11-summary-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:10px; }
#adtreatment-app.ad11-active .ad11-stat, #adtreatment-app.ad11-active .ad11-rail-card { background:var(--ad11-panel); border:1px solid var(--ad11-border); border-radius:18px; padding:14px; }
#adtreatment-app.ad11-active .ad11-stat strong { display:block; font-size:1.2rem; color:#fff; }
#adtreatment-app.ad11-active .ad11-stat span { font-size:.75rem; text-transform:uppercase; letter-spacing:.08em; color:var(--ad11-soft); }
#adtreatment-app.ad11-active .ad11-big { font-size:1.15rem; font-weight:900; margin:5px 0 6px; }
#adtreatment-app.ad11-active .ad11-kv { display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-top:1px solid rgba(255,255,255,.06); }
#adtreatment-app.ad11-active .ad11-kv:first-of-type { border-top:0; }
#adtreatment-app.ad11-active .ad11-kv span { color:var(--ad11-soft); }
#adtreatment-app.ad11-active .ad11-note { margin-top:8px; }
#adtreatment-app.ad11-active .ad11-angle-grid, #adtreatment-app.ad11-active .ad11-var-grid { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:14px; }
#adtreatment-app.ad11-active .ad11-angle, #adtreatment-app.ad11-active .ad11-var { padding:16px; }
#adtreatment-app.ad11-active .ad11-build-steps { display:grid; gap:12px; }
#adtreatment-app.ad11-active .ad11-platforms { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
#adtreatment-app.ad11-active .ad11-platforms > div { background:rgba(255,255,255,.04); border:1px solid var(--ad11-border); border-radius:16px; padding:12px; }
#adtreatment-app.ad11-active .ad11-checklist { display:grid; gap:10px; }
#adtreatment-app.ad11-active .ad11-checklist label { display:flex; gap:10px; align-items:center; background:rgba(255,255,255,.04); border:1px solid var(--ad11-border); border-radius:14px; padding:12px; }
#adtreatment-app.ad11-active .ad11-launch-note { margin-top:12px; color:var(--ad11-muted); }
#adtreatment-app.ad11-active .ad11-legacy { margin-top:16px; border:1px dashed rgba(255,255,255,.16); border-radius:16px; padding:0 14px 14px; color:var(--ad11-muted); }
#adtreatment-app.ad11-active .ad11-legacy summary { cursor:pointer; padding:12px 0; font-weight:800; color:var(--ad11-soft); }
#adtreatment-app.ad11-active .ad11-legacy-inner { padding-top:6px; }
@media (max-width: 1180px){
  #adtreatment-app.ad11-active .ad11-stage,
  #adtreatment-app.ad11-active .ad11-hero,
  #adtreatment-app.ad11-active .ad11-grid.cols-2,
  #adtreatment-app.ad11-active .ad11-angle-grid,
  #adtreatment-app.ad11-active .ad11-var-grid,
  #adtreatment-app.ad11-active .ad11-platforms,
  #adtreatment-app.ad11-active .ad11-formgrid.two { grid-template-columns:1fr; }
  #adtreatment-app.ad11-active .ad11-rail { position:relative; top:auto; }
}