/* =========================================================
   Needy Cat Media - Shadow Media Manager
   Fully scoped page CSS
   Loads with: /assets/css/ncm-site-header.css
   This file intentionally avoids global header/nav rules.
========================================================= */
body.shadow-manager-page{
  --bg:#0b1020;
      --panel:#121a30;
      --panel-2:#17213d;
      --card:#10182d;
      --soft:#94a3b8;
      --text:#e5eefc;
      --muted:#b9c7df;
      --line:#243251;
      --accent:#a855f7;
      --accent-2:#d946ef;
      --success:#22c55e;
      --warn:#f59e0b;
      --danger:#ef4444;
      --ok:#10b981;
      --shadow:0 12px 32px rgba(0,0,0,.28);
      --radius:18px;
      --focus-ring:0 0 0 1px rgba(168,85,247,.25), 0 0 0 8px rgba(217,70,239,.08);
}

body.shadow-manager-page .shadow-modern-shell *, body.shadow-manager-page .shadow-manager-app *, body.shadow-manager-page .shadow-extra-section *, body.shadow-manager-page .sticky-bar *{
  box-sizing:border-box
}

body.shadow-manager-page{
  min-height:100%
}

body.shadow-manager-page{
  margin:0;
      background:
        radial-gradient(circle at top left, rgba(168,85,247,.08), transparent 32%),
        radial-gradient(circle at top right, rgba(125,211,252,.07), transparent 28%),
        linear-gradient(180deg, #0a1020 0%, #0b1122 100%);
      color:var(--text);
      line-height:1.45;
}

body.shadow-manager-page .shadow-modern-shell .app, body.shadow-manager-page .shadow-manager-app .app, body.shadow-manager-page .shadow-extra-section .app, body.shadow-manager-page .sticky-bar .app{
  max-width:1440px;margin:0 auto;padding:28px 18px 120px
}

body.shadow-manager-page .shadow-modern-shell .hero, body.shadow-manager-page .shadow-manager-app .hero, body.shadow-manager-page .shadow-extra-section .hero, body.shadow-manager-page .sticky-bar .hero{
  display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px
}

body.shadow-manager-page .shadow-modern-shell .panel, body.shadow-manager-page .shadow-manager-app .panel, body.shadow-manager-page .shadow-extra-section .panel, body.shadow-manager-page .sticky-bar .panel{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
      border:1px solid var(--line);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
}

body.shadow-manager-page .shadow-modern-shell .hero-main, body.shadow-manager-page .shadow-manager-app .hero-main, body.shadow-manager-page .shadow-extra-section .hero-main, body.shadow-manager-page .sticky-bar .hero-main{
  padding:26px
}

body.shadow-manager-page .shadow-modern-shell .eyebrow, body.shadow-manager-page .shadow-manager-app .eyebrow, body.shadow-manager-page .shadow-extra-section .eyebrow, body.shadow-manager-page .sticky-bar .eyebrow{
  display:inline-flex;align-items:center;gap:8px;color:var(--accent);
      font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-weight:700;
}

body.shadow-manager-page .shadow-modern-shell .hero h1, body.shadow-manager-page .shadow-manager-app .hero h1, body.shadow-manager-page .shadow-extra-section .hero h1, body.shadow-manager-page .sticky-bar .hero h1{
  margin:0 0 10px;font-size:clamp(1.9rem,3vw,3rem);line-height:1.05
}

body.shadow-manager-page .shadow-modern-shell .hero p, body.shadow-manager-page .shadow-manager-app .hero p, body.shadow-manager-page .shadow-extra-section .hero p, body.shadow-manager-page .sticky-bar .hero p{
  margin:0;color:var(--muted);max-width:62ch;font-size:1rem
}

body.shadow-manager-page .shadow-modern-shell .hero-side, body.shadow-manager-page .shadow-manager-app .hero-side, body.shadow-manager-page .shadow-extra-section .hero-side, body.shadow-manager-page .sticky-bar .hero-side{
  padding:22px;display:flex;flex-direction:column;gap:12px;justify-content:center
}

body.shadow-manager-page .shadow-modern-shell .promise, body.shadow-manager-page .shadow-manager-app .promise, body.shadow-manager-page .shadow-extra-section .promise, body.shadow-manager-page .sticky-bar .promise{
  padding:14px 16px;background:rgba(125,211,252,.06);border:1px solid rgba(125,211,252,.22);border-radius:16px;color:#f5d0fe;font-weight:600
}

body.shadow-manager-page .shadow-modern-shell .quiet, body.shadow-manager-page .shadow-manager-app .quiet, body.shadow-manager-page .shadow-extra-section .quiet, body.shadow-manager-page .sticky-bar .quiet{
  color:var(--soft);font-size:.95rem
}

body.shadow-manager-page .shadow-modern-shell .phase-strip, body.shadow-manager-page .shadow-manager-app .phase-strip, body.shadow-manager-page .shadow-extra-section .phase-strip, body.shadow-manager-page .sticky-bar .phase-strip{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px
}

body.shadow-manager-page .shadow-modern-shell .phase, body.shadow-manager-page .shadow-manager-app .phase, body.shadow-manager-page .shadow-extra-section .phase, body.shadow-manager-page .sticky-bar .phase{
  padding:14px 14px 12px;border:1px solid var(--line);border-radius:16px;background:#0f172d;min-height:96px;transition:.18s ease
}

body.shadow-manager-page .shadow-modern-shell .phase.active, body.shadow-manager-page .shadow-manager-app .phase.active, body.shadow-manager-page .shadow-extra-section .phase.active, body.shadow-manager-page .sticky-bar .phase.active{
  border-color:rgba(168,85,247,.5);box-shadow:var(--focus-ring);background:linear-gradient(180deg, rgba(168,85,247,.12), rgba(168,85,247,.05))
}

body.shadow-manager-page .shadow-modern-shell .phase.done, body.shadow-manager-page .shadow-manager-app .phase.done, body.shadow-manager-page .shadow-extra-section .phase.done, body.shadow-manager-page .sticky-bar .phase.done{
  border-color:rgba(34,197,94,.4);background:linear-gradient(180deg, rgba(34,197,94,.13), rgba(34,197,94,.05))
}

body.shadow-manager-page .shadow-modern-shell .phase small, body.shadow-manager-page .shadow-manager-app .phase small, body.shadow-manager-page .shadow-extra-section .phase small, body.shadow-manager-page .sticky-bar .phase small{
  display:block;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:6px;font-size:.72rem
}

body.shadow-manager-page .shadow-modern-shell .phase strong, body.shadow-manager-page .shadow-manager-app .phase strong, body.shadow-manager-page .shadow-extra-section .phase strong, body.shadow-manager-page .sticky-bar .phase strong{
  display:block;font-size:.98rem;margin-bottom:6px
}

body.shadow-manager-page .shadow-modern-shell .phase span, body.shadow-manager-page .shadow-manager-app .phase span, body.shadow-manager-page .shadow-extra-section .phase span, body.shadow-manager-page .sticky-bar .phase span{
  display:block;color:var(--soft);font-size:.88rem;line-height:1.3
}

body.shadow-manager-page .shadow-modern-shell .grid, body.shadow-manager-page .shadow-manager-app .grid, body.shadow-manager-page .shadow-extra-section .grid, body.shadow-manager-page .sticky-bar .grid{
  display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start
}

body.shadow-manager-page .shadow-modern-shell .sidebar, body.shadow-manager-page .shadow-manager-app .sidebar, body.shadow-manager-page .shadow-extra-section .sidebar, body.shadow-manager-page .sticky-bar .sidebar{
  position:sticky;top:16px;display:flex;flex-direction:column;gap:18px
}

body.shadow-manager-page .shadow-modern-shell .section, body.shadow-manager-page .shadow-manager-app .section, body.shadow-manager-page .shadow-extra-section .section, body.shadow-manager-page .sticky-bar .section{
  padding:18px
}

body.shadow-manager-page .shadow-modern-shell .section h2, body.shadow-manager-page .shadow-manager-app .section h2, body.shadow-manager-page .shadow-extra-section .section h2, body.shadow-manager-page .sticky-bar .section h2{
  margin:0 0 14px;font-size:1.05rem
}

body.shadow-manager-page .shadow-modern-shell .small, body.shadow-manager-page .shadow-manager-app .small, body.shadow-manager-page .shadow-extra-section .small, body.shadow-manager-page .sticky-bar .small{
  font-size:.92rem;color:var(--soft)
}

body.shadow-manager-page .shadow-modern-shell .library-picker, body.shadow-manager-page .shadow-manager-app .library-picker, body.shadow-manager-page .shadow-extra-section .library-picker, body.shadow-manager-page .sticky-bar .library-picker{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px
}

body.shadow-manager-page .shadow-modern-shell .choice, body.shadow-manager-page .shadow-manager-app .choice, body.shadow-manager-page .shadow-extra-section .choice, body.shadow-manager-page .sticky-bar .choice{
  border:1px solid var(--line);background:linear-gradient(180deg, #182543 0%, #15203a 100%);
  border-radius:18px;padding:18px 16px;cursor:pointer;transition:.18s ease;display:flex;
  flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-height:124px;text-align:left;
  position:relative;
  z-index:5;
  pointer-events:auto;
}

body.shadow-manager-page .shadow-modern-shell .library-picker, body.shadow-manager-page .shadow-manager-app .library-picker, body.shadow-manager-page .shadow-extra-section .library-picker, body.shadow-manager-page .sticky-bar .library-picker{
  position:relative;
  z-index:5;
}

body.shadow-manager-page .shadow-modern-shell .choice:hover, body.shadow-manager-page .shadow-manager-app .choice:hover, body.shadow-manager-page .shadow-extra-section .choice:hover, body.shadow-manager-page .sticky-bar .choice:hover{
  transform:translateY(-1px);border-color:#4b6699
}

body.shadow-manager-page .shadow-modern-shell .choice.active, body.shadow-manager-page .shadow-manager-app .choice.active, body.shadow-manager-page .shadow-extra-section .choice.active, body.shadow-manager-page .sticky-bar .choice.active{
  border-color:var(--accent-2);
      background:linear-gradient(180deg, rgba(168,85,247,.16), rgba(168,85,247,.08));
      box-shadow:inset 0 0 0 1px rgba(125,211,252,.18), var(--focus-ring);
}

body.shadow-manager-page .shadow-modern-shell .choice strong, body.shadow-manager-page .shadow-manager-app .choice strong, body.shadow-manager-page .shadow-extra-section .choice strong, body.shadow-manager-page .sticky-bar .choice strong{
  font-size:1.18rem;line-height:1.1;letter-spacing:.01em;display:block
}

body.shadow-manager-page .shadow-modern-shell .choice span, body.shadow-manager-page .shadow-manager-app .choice span, body.shadow-manager-page .shadow-extra-section .choice span, body.shadow-manager-page .sticky-bar .choice span{
  color:var(--soft);font-size:.94rem;line-height:1.25
}

body.shadow-manager-page .shadow-modern-shell .btn-row, body.shadow-manager-page .shadow-manager-app .btn-row, body.shadow-manager-page .shadow-extra-section .btn-row, body.shadow-manager-page .sticky-bar .btn-row, body.shadow-manager-page .shadow-modern-shell .stack, body.shadow-manager-page .shadow-manager-app .stack, body.shadow-manager-page .shadow-extra-section .stack, body.shadow-manager-page .sticky-bar .stack{
  display:flex;gap:10px;flex-wrap:wrap
}

body.shadow-manager-page .shadow-modern-shell .stack, body.shadow-manager-page .shadow-manager-app .stack, body.shadow-manager-page .shadow-extra-section .stack, body.shadow-manager-page .sticky-bar .stack{
  flex-direction:column
}

body.shadow-manager-page .shadow-modern-shell button, body.shadow-manager-page .shadow-manager-app button, body.shadow-manager-page .shadow-extra-section button, body.shadow-manager-page .sticky-bar button{
  appearance:none;border:none;outline:none;cursor:pointer;border-radius:14px;
      padding:11px 14px;font-weight:700;font-size:.95rem;transition:.18s ease;
}

body.shadow-manager-page .shadow-modern-shell button:hover, body.shadow-manager-page .shadow-manager-app button:hover, body.shadow-manager-page .shadow-extra-section button:hover, body.shadow-manager-page .sticky-bar button:hover{
  transform:translateY(-1px)
}

body.shadow-manager-page .shadow-modern-shell button:disabled, body.shadow-manager-page .shadow-manager-app button:disabled, body.shadow-manager-page .shadow-extra-section button:disabled, body.shadow-manager-page .sticky-bar button:disabled{
  opacity:.55;cursor:not-allowed;transform:none!important
}

body.shadow-manager-page .shadow-modern-shell .btn-primary, body.shadow-manager-page .shadow-manager-app .btn-primary, body.shadow-manager-page .shadow-extra-section .btn-primary, body.shadow-manager-page .sticky-bar .btn-primary{
  background:linear-gradient(180deg, var(--accent), var(--accent-2));color:#062033
}

body.shadow-manager-page .shadow-modern-shell .btn-secondary, body.shadow-manager-page .shadow-manager-app .btn-secondary, body.shadow-manager-page .shadow-extra-section .btn-secondary, body.shadow-manager-page .sticky-bar .btn-secondary{
  background:#1a2746;color:var(--text);border:1px solid #2a3c62
}

body.shadow-manager-page .shadow-modern-shell .btn-ghost, body.shadow-manager-page .shadow-manager-app .btn-ghost, body.shadow-manager-page .shadow-extra-section .btn-ghost, body.shadow-manager-page .sticky-bar .btn-ghost{
  background:transparent;color:var(--muted);border:1px dashed #39507c
}

body.shadow-manager-page .shadow-modern-shell .btn-success, body.shadow-manager-page .shadow-manager-app .btn-success, body.shadow-manager-page .shadow-extra-section .btn-success, body.shadow-manager-page .sticky-bar .btn-success{
  background:rgba(16,185,129,.15);color:#d1fae5;border:1px solid rgba(16,185,129,.28)
}

body.shadow-manager-page .shadow-modern-shell input[type=text], body.shadow-manager-page .shadow-manager-app input[type=text], body.shadow-manager-page .shadow-extra-section input[type=text], body.shadow-manager-page .shadow-modern-shell textarea, body.shadow-manager-page .shadow-manager-app textarea, body.shadow-manager-page .shadow-extra-section textarea{
  width:100%;border:1px solid #2b3d64;background:#0e162b;color:var(--text);
      border-radius:14px;padding:12px 13px;font:inherit;outline:none;
}

body.shadow-manager-page .shadow-modern-shell textarea, body.shadow-manager-page .shadow-manager-app textarea, body.shadow-manager-page .shadow-extra-section textarea{
  min-height:180px;resize:vertical
}

body.shadow-manager-page .shadow-modern-shell .label, body.shadow-manager-page .shadow-manager-app .label, body.shadow-manager-page .shadow-extra-section .label, body.shadow-manager-page .sticky-bar .label{
  font-size:.88rem;color:var(--soft);margin:0 0 8px;display:block;font-weight:600
}

body.shadow-manager-page .shadow-modern-shell .folder-chip, body.shadow-manager-page .shadow-manager-app .folder-chip, body.shadow-manager-page .shadow-extra-section .folder-chip, body.shadow-manager-page .sticky-bar .folder-chip{
  margin-top:10px;padding:12px 14px;background:#0f172d;border:1px solid var(--line);border-radius:14px;color:var(--muted);word-break:break-word
}

body.shadow-manager-page .shadow-modern-shell .main, body.shadow-manager-page .shadow-manager-app .main, body.shadow-manager-page .shadow-extra-section .main, body.shadow-manager-page .sticky-bar .main{
  display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start
}

body.shadow-manager-page .shadow-modern-shell .content-col, body.shadow-manager-page .shadow-manager-app .content-col, body.shadow-manager-page .shadow-extra-section .content-col, body.shadow-manager-page .sticky-bar .content-col{
  display:flex;flex-direction:column;gap:18px;min-width:0
}

body.shadow-manager-page .shadow-modern-shell .helper-col, body.shadow-manager-page .shadow-manager-app .helper-col, body.shadow-manager-page .shadow-extra-section .helper-col, body.shadow-manager-page .sticky-bar .helper-col{
  position:sticky;top:16px;display:flex;flex-direction:column;gap:18px
}

body.shadow-manager-page .shadow-modern-shell .status-strip, body.shadow-manager-page .shadow-manager-app .status-strip, body.shadow-manager-page .shadow-extra-section .status-strip, body.shadow-manager-page .sticky-bar .status-strip{
  display:flex;flex-wrap:wrap;gap:10px;padding:16px 18px;align-items:center
}

body.shadow-manager-page .shadow-modern-shell .pill, body.shadow-manager-page .shadow-manager-app .pill, body.shadow-manager-page .shadow-extra-section .pill, body.shadow-manager-page .sticky-bar .pill{
  display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;font-size:.88rem;border:1px solid;white-space:nowrap;
}

body.shadow-manager-page .shadow-modern-shell .pill strong, body.shadow-manager-page .shadow-manager-app .pill strong, body.shadow-manager-page .shadow-extra-section .pill strong, body.shadow-manager-page .sticky-bar .pill strong{
  font-size:.95rem
}

body.shadow-manager-page .shadow-modern-shell .pill-danger, body.shadow-manager-page .shadow-manager-app .pill-danger, body.shadow-manager-page .shadow-extra-section .pill-danger, body.shadow-manager-page .sticky-bar .pill-danger{
  background:rgba(239,68,68,.1); border-color:rgba(239,68,68,.25); color:#fecaca
}

body.shadow-manager-page .shadow-modern-shell .pill-warn, body.shadow-manager-page .shadow-manager-app .pill-warn, body.shadow-manager-page .shadow-extra-section .pill-warn, body.shadow-manager-page .sticky-bar .pill-warn{
  background:rgba(245,158,11,.12); border-color:rgba(245,158,11,.28); color:#fde68a
}

body.shadow-manager-page .shadow-modern-shell .pill-ok, body.shadow-manager-page .shadow-manager-app .pill-ok, body.shadow-manager-page .shadow-extra-section .pill-ok, body.shadow-manager-page .sticky-bar .pill-ok{
  background:rgba(16,185,129,.12); border-color:rgba(16,185,129,.25); color:#bbf7d0
}

body.shadow-manager-page .shadow-modern-shell .pill-neutral, body.shadow-manager-page .shadow-manager-app .pill-neutral, body.shadow-manager-page .shadow-extra-section .pill-neutral, body.shadow-manager-page .sticky-bar .pill-neutral{
  background:#0f172d; border-color:#2b3d64; color:#cfe3ff
}

body.shadow-manager-page .shadow-modern-shell .pill-ready, body.shadow-manager-page .shadow-manager-app .pill-ready, body.shadow-manager-page .shadow-extra-section .pill-ready, body.shadow-manager-page .sticky-bar .pill-ready{
  background:rgba(168,85,247,.12); border-color:rgba(168,85,247,.28); color:#d8f5ff
}

body.shadow-manager-page .shadow-modern-shell .toolbar, body.shadow-manager-page .shadow-manager-app .toolbar, body.shadow-manager-page .shadow-extra-section .toolbar, body.shadow-manager-page .sticky-bar .toolbar{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;
      padding:18px;border-bottom:1px solid rgba(36,50,81,.6);
}

body.shadow-manager-page .shadow-modern-shell .toolbar-left, body.shadow-manager-page .shadow-manager-app .toolbar-left, body.shadow-manager-page .shadow-extra-section .toolbar-left, body.shadow-manager-page .sticky-bar .toolbar-left, body.shadow-manager-page .shadow-modern-shell .toolbar-right, body.shadow-manager-page .shadow-manager-app .toolbar-right, body.shadow-manager-page .shadow-extra-section .toolbar-right, body.shadow-manager-page .sticky-bar .toolbar-right{
  display:flex;gap:10px;align-items:center;flex-wrap:wrap
}

body.shadow-manager-page .shadow-modern-shell .toggle, body.shadow-manager-page .shadow-manager-app .toggle, body.shadow-manager-page .shadow-extra-section .toggle, body.shadow-manager-page .sticky-bar .toggle{
  display:inline-flex;border:1px solid #2a3c62;border-radius:14px;overflow:hidden;background:#0f172d;flex-wrap:wrap
}

body.shadow-manager-page .shadow-modern-shell .toggle button, body.shadow-manager-page .shadow-manager-app .toggle button, body.shadow-manager-page .shadow-extra-section .toggle button, body.shadow-manager-page .sticky-bar .toggle button{
  border-radius:0;background:transparent;color:var(--muted);padding:10px 12px;font-weight:700
}

body.shadow-manager-page .shadow-modern-shell .toggle button.active, body.shadow-manager-page .shadow-manager-app .toggle button.active, body.shadow-manager-page .shadow-extra-section .toggle button.active, body.shadow-manager-page .sticky-bar .toggle button.active{
  background:#1b2a4d;color:#ecf8ff
}

body.shadow-manager-page .shadow-modern-shell .cards, body.shadow-manager-page .shadow-manager-app .cards, body.shadow-manager-page .shadow-extra-section .cards, body.shadow-manager-page .sticky-bar .cards{
  display:grid;grid-template-columns:1fr;gap:14px;padding:18px
}

body.shadow-manager-page .shadow-modern-shell .card, body.shadow-manager-page .shadow-manager-app .card, body.shadow-manager-page .shadow-extra-section .card, body.shadow-manager-page .sticky-bar .card{
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.01));
      border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.18s ease;
}

body.shadow-manager-page .shadow-modern-shell .card.approved, body.shadow-manager-page .shadow-manager-app .card.approved, body.shadow-manager-page .shadow-extra-section .card.approved, body.shadow-manager-page .sticky-bar .card.approved{
  border-color:rgba(34,197,94,.35);box-shadow:0 0 0 1px rgba(34,197,94,.12) inset
}

body.shadow-manager-page .shadow-modern-shell .card.processing, body.shadow-manager-page .shadow-manager-app .card.processing, body.shadow-manager-page .shadow-extra-section .card.processing, body.shadow-manager-page .sticky-bar .card.processing{
  border-color:rgba(168,85,247,.42);
      box-shadow:0 0 0 1px rgba(168,85,247,.18) inset, 0 0 0 8px rgba(168,85,247,.06);
}

body.shadow-manager-page .shadow-modern-shell .card-top, body.shadow-manager-page .shadow-manager-app .card-top, body.shadow-manager-page .shadow-extra-section .card-top, body.shadow-manager-page .sticky-bar .card-top{
  display:flex;gap:14px;justify-content:space-between;align-items:flex-start;
      padding:16px 16px 12px;border-bottom:1px solid rgba(36,50,81,.65);
}

body.shadow-manager-page .shadow-modern-shell .card-title, body.shadow-manager-page .shadow-manager-app .card-title, body.shadow-manager-page .shadow-extra-section .card-title, body.shadow-manager-page .sticky-bar .card-title{
  font-size:1rem;font-weight:800;margin:0 0 6px;word-break:break-word
}

body.shadow-manager-page .shadow-modern-shell .path, body.shadow-manager-page .shadow-manager-app .path, body.shadow-manager-page .shadow-extra-section .path, body.shadow-manager-page .sticky-bar .path{
  color:var(--soft);font-size:.88rem;word-break:break-word
}

body.shadow-manager-page .shadow-modern-shell .severity, body.shadow-manager-page .shadow-manager-app .severity, body.shadow-manager-page .shadow-extra-section .severity, body.shadow-manager-page .sticky-bar .severity{
  display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 10px;
      font-size:.8rem;font-weight:800;border:1px solid;
}

body.shadow-manager-page .shadow-modern-shell .sev-confuse, body.shadow-manager-page .shadow-manager-app .sev-confuse, body.shadow-manager-page .shadow-extra-section .sev-confuse, body.shadow-manager-page .sticky-bar .sev-confuse{
  color:#fecaca;background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.26)
}

body.shadow-manager-page .shadow-modern-shell .sev-cleanup, body.shadow-manager-page .shadow-manager-app .sev-cleanup, body.shadow-manager-page .shadow-extra-section .sev-cleanup, body.shadow-manager-page .sticky-bar .sev-cleanup{
  color:#fde68a;background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.26)
}

body.shadow-manager-page .shadow-modern-shell .sev-ok, body.shadow-manager-page .shadow-manager-app .sev-ok, body.shadow-manager-page .shadow-extra-section .sev-ok, body.shadow-manager-page .sticky-bar .sev-ok{
  color:#bbf7d0;background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.26)
}

body.shadow-manager-page .shadow-modern-shell .sev-year, body.shadow-manager-page .shadow-manager-app .sev-year, body.shadow-manager-page .shadow-extra-section .sev-year, body.shadow-manager-page .sticky-bar .sev-year{
  color:#fde68a;background:rgba(125,211,252,.12);border-color:rgba(125,211,252,.22)
}

body.shadow-manager-page .shadow-modern-shell .item-status, body.shadow-manager-page .shadow-manager-app .item-status, body.shadow-manager-page .shadow-extra-section .item-status, body.shadow-manager-page .sticky-bar .item-status{
  display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;
      font-size:.78rem;font-weight:800;border:1px solid;
}

body.shadow-manager-page .shadow-modern-shell .status-needs-review, body.shadow-manager-page .shadow-manager-app .status-needs-review, body.shadow-manager-page .shadow-extra-section .status-needs-review, body.shadow-manager-page .sticky-bar .status-needs-review{
  color:#fecaca;background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.28)
}

body.shadow-manager-page .shadow-modern-shell .status-approved, body.shadow-manager-page .shadow-manager-app .status-approved, body.shadow-manager-page .shadow-extra-section .status-approved, body.shadow-manager-page .sticky-bar .status-approved{
  color:#d1fae5;background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.28)
}

body.shadow-manager-page .shadow-modern-shell .status-completed, body.shadow-manager-page .shadow-manager-app .status-completed, body.shadow-manager-page .shadow-extra-section .status-completed, body.shadow-manager-page .sticky-bar .status-completed{
  color:#dcfce7;background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.3)
}

body.shadow-manager-page .shadow-modern-shell .status-failed, body.shadow-manager-page .shadow-manager-app .status-failed, body.shadow-manager-page .shadow-extra-section .status-failed, body.shadow-manager-page .sticky-bar .status-failed{
  color:#fecaca;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.25)
}

body.shadow-manager-page .shadow-modern-shell .status-conflict, body.shadow-manager-page .shadow-manager-app .status-conflict, body.shadow-manager-page .shadow-extra-section .status-conflict, body.shadow-manager-page .sticky-bar .status-conflict{
  color:#fff0c2;background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.30)
}

body.shadow-manager-page .shadow-modern-shell .card-body, body.shadow-manager-page .shadow-manager-app .card-body, body.shadow-manager-page .shadow-extra-section .card-body, body.shadow-manager-page .sticky-bar .card-body{
  padding:14px 16px 16px;display:grid;grid-template-columns:1.15fr 1fr;gap:16px
}

body.shadow-manager-page .shadow-modern-shell .issue-list, body.shadow-manager-page .shadow-manager-app .issue-list, body.shadow-manager-page .shadow-extra-section .issue-list, body.shadow-manager-page .sticky-bar .issue-list{
  display:flex;flex-direction:column;gap:10px
}

body.shadow-manager-page .shadow-modern-shell .issue, body.shadow-manager-page .shadow-manager-app .issue, body.shadow-manager-page .shadow-extra-section .issue, body.shadow-manager-page .sticky-bar .issue{
  background:#0f172d;border:1px solid #223152;border-radius:14px;padding:12px
}

body.shadow-manager-page .shadow-modern-shell .issue-head, body.shadow-manager-page .shadow-manager-app .issue-head, body.shadow-manager-page .shadow-extra-section .issue-head, body.shadow-manager-page .sticky-bar .issue-head{
  display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:6px
}

body.shadow-manager-page .shadow-modern-shell .issue-title, body.shadow-manager-page .shadow-manager-app .issue-title, body.shadow-manager-page .shadow-extra-section .issue-title, body.shadow-manager-page .sticky-bar .issue-title{
  font-weight:800;font-size:.95rem;margin:0
}

body.shadow-manager-page .shadow-modern-shell .issue-why, body.shadow-manager-page .shadow-manager-app .issue-why, body.shadow-manager-page .shadow-extra-section .issue-why, body.shadow-manager-page .sticky-bar .issue-why{
  color:var(--muted);font-size:.9rem;margin:0 0 8px
}

body.shadow-manager-page .shadow-modern-shell .before-after, body.shadow-manager-page .shadow-manager-app .before-after, body.shadow-manager-page .shadow-extra-section .before-after, body.shadow-manager-page .sticky-bar .before-after{
  display:grid;gap:8px;margin-top:8px
}

body.shadow-manager-page .shadow-modern-shell .ba, body.shadow-manager-page .shadow-manager-app .ba, body.shadow-manager-page .shadow-extra-section .ba, body.shadow-manager-page .sticky-bar .ba{
  border-radius:12px;padding:10px 11px;background:#0b1326;border:1px solid #203153;font-size:.88rem;word-break:break-word
}

body.shadow-manager-page .shadow-modern-shell .ba strong, body.shadow-manager-page .shadow-manager-app .ba strong, body.shadow-manager-page .shadow-extra-section .ba strong, body.shadow-manager-page .sticky-bar .ba strong{
  color:#d7e9ff;display:block;margin-bottom:4px
}

body.shadow-manager-page .shadow-modern-shell .actions, body.shadow-manager-page .shadow-manager-app .actions, body.shadow-manager-page .shadow-extra-section .actions, body.shadow-manager-page .sticky-bar .actions{
  display:flex;flex-direction:column;gap:12px;background:#0f172d;border:1px solid #223152;border-radius:16px;padding:14px
}

body.shadow-manager-page .shadow-modern-shell .action-row, body.shadow-manager-page .shadow-manager-app .action-row, body.shadow-manager-page .shadow-extra-section .action-row, body.shadow-manager-page .sticky-bar .action-row{
  display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap
}

body.shadow-manager-page .shadow-modern-shell .year-tip, body.shadow-manager-page .shadow-manager-app .year-tip, body.shadow-manager-page .shadow-extra-section .year-tip, body.shadow-manager-page .sticky-bar .year-tip{
  padding:10px 11px;border-radius:12px;background:rgba(125,211,252,.08);border:1px solid rgba(125,211,252,.18);color:#f5d0fe;font-size:.88rem;
}

body.shadow-manager-page .shadow-modern-shell .check, body.shadow-manager-page .shadow-manager-app .check, body.shadow-manager-page .shadow-extra-section .check, body.shadow-manager-page .sticky-bar .check{
  display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid rgba(36,50,81,.65)
}

body.shadow-manager-page .shadow-modern-shell .check:first-of-type, body.shadow-manager-page .shadow-manager-app .check:first-of-type, body.shadow-manager-page .shadow-extra-section .check:first-of-type, body.shadow-manager-page .sticky-bar .check:first-of-type{
  border-top:none;padding-top:0
}

body.shadow-manager-page .shadow-modern-shell .check input, body.shadow-manager-page .shadow-manager-app .check input, body.shadow-manager-page .shadow-extra-section .check input, body.shadow-manager-page .sticky-bar .check input{
  margin-top:3px;transform:scale(1.15);accent-color:#a855f7
}

body.shadow-manager-page .shadow-modern-shell .check label, body.shadow-manager-page .shadow-manager-app .check label, body.shadow-manager-page .shadow-extra-section .check label, body.shadow-manager-page .sticky-bar .check label{
  display:block;cursor:pointer;width:100%
}

body.shadow-manager-page .shadow-modern-shell .check strong, body.shadow-manager-page .shadow-manager-app .check strong, body.shadow-manager-page .shadow-extra-section .check strong, body.shadow-manager-page .sticky-bar .check strong{
  display:block;color:#edf8ff;margin-bottom:2px
}

body.shadow-manager-page .shadow-modern-shell .check span, body.shadow-manager-page .shadow-manager-app .check span, body.shadow-manager-page .shadow-extra-section .check span, body.shadow-manager-page .sticky-bar .check span{
  color:var(--soft);font-size:.9rem
}

body.shadow-manager-page .shadow-modern-shell .mini, body.shadow-manager-page .shadow-manager-app .mini, body.shadow-manager-page .shadow-extra-section .mini, body.shadow-manager-page .sticky-bar .mini{
  font-size:.82rem;color:var(--soft)
}

body.shadow-manager-page .shadow-modern-shell .empty, body.shadow-manager-page .shadow-manager-app .empty, body.shadow-manager-page .shadow-extra-section .empty, body.shadow-manager-page .sticky-bar .empty{
  padding:34px 18px;text-align:center;color:var(--soft)
}

body.shadow-manager-page .shadow-modern-shell .plan, body.shadow-manager-page .shadow-manager-app .plan, body.shadow-manager-page .shadow-extra-section .plan, body.shadow-manager-page .sticky-bar .plan{
  padding:18px
}

body.shadow-manager-page .shadow-modern-shell .plan-grid, body.shadow-manager-page .shadow-manager-app .plan-grid, body.shadow-manager-page .shadow-extra-section .plan-grid, body.shadow-manager-page .sticky-bar .plan-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px
}

body.shadow-manager-page .shadow-modern-shell .plan-box, body.shadow-manager-page .shadow-manager-app .plan-box, body.shadow-manager-page .shadow-extra-section .plan-box, body.shadow-manager-page .sticky-bar .plan-box{
  background:#0f172d;border:1px solid #223152;border-radius:16px;padding:14px;min-height:188px
}

body.shadow-manager-page .shadow-modern-shell .plan-box h3, body.shadow-manager-page .shadow-manager-app .plan-box h3, body.shadow-manager-page .shadow-extra-section .plan-box h3, body.shadow-manager-page .sticky-bar .plan-box h3{
  margin:0 0 8px;font-size:1rem
}

body.shadow-manager-page .shadow-modern-shell .plan-box ul, body.shadow-manager-page .shadow-manager-app .plan-box ul, body.shadow-manager-page .shadow-extra-section .plan-box ul, body.shadow-manager-page .sticky-bar .plan-box ul{
  margin:0;padding-left:18px;color:var(--muted)
}

body.shadow-manager-page .shadow-modern-shell .apply-area, body.shadow-manager-page .shadow-manager-app .apply-area, body.shadow-manager-page .shadow-extra-section .apply-area, body.shadow-manager-page .sticky-bar .apply-area{
  display:flex;justify-content:space-between;gap:16px;align-items:center;
      margin-top:16px;padding-top:16px;border-top:1px solid rgba(36,50,81,.65);flex-wrap:wrap;
}

body.shadow-manager-page .shadow-modern-shell .banner, body.shadow-manager-page .shadow-manager-app .banner, body.shadow-manager-page .shadow-extra-section .banner, body.shadow-manager-page .sticky-bar .banner{
  margin-top:12px;padding:12px 14px;border-radius:14px;background:rgba(16,185,129,.10);color:#d9ffe7;border:1px solid rgba(16,185,129,.22);display:none;white-space:pre-wrap;word-break:break-word
}

body.shadow-manager-page .shadow-modern-shell .banner.warn, body.shadow-manager-page .shadow-manager-app .banner.warn, body.shadow-manager-page .shadow-extra-section .banner.warn, body.shadow-manager-page .sticky-bar .banner.warn{
  background:rgba(245,158,11,.12);color:#fff0c2;border-color:rgba(245,158,11,.24)
}

body.shadow-manager-page .shadow-modern-shell .banner.error, body.shadow-manager-page .shadow-manager-app .banner.error, body.shadow-manager-page .shadow-extra-section .banner.error, body.shadow-manager-page .sticky-bar .banner.error{
  background:rgba(239,68,68,.12);color:#ffd4d4;border-color:rgba(239,68,68,.24)
}

body.shadow-manager-page .shadow-modern-shell .legend, body.shadow-manager-page .shadow-manager-app .legend, body.shadow-manager-page .shadow-extra-section .legend, body.shadow-manager-page .sticky-bar .legend{
  display:flex;gap:8px;flex-wrap:wrap
}

body.shadow-manager-page .shadow-modern-shell .legend .pill, body.shadow-manager-page .shadow-manager-app .legend .pill, body.shadow-manager-page .shadow-extra-section .legend .pill, body.shadow-manager-page .sticky-bar .legend .pill{
  padding:7px 10px
}

body.shadow-manager-page .shadow-modern-shell .helper-panel, body.shadow-manager-page .shadow-manager-app .helper-panel, body.shadow-manager-page .shadow-extra-section .helper-panel, body.shadow-manager-page .sticky-bar .helper-panel{
  padding:18px
}

body.shadow-manager-page .shadow-modern-shell .helper-panel h2, body.shadow-manager-page .shadow-manager-app .helper-panel h2, body.shadow-manager-page .shadow-extra-section .helper-panel h2, body.shadow-manager-page .sticky-bar .helper-panel h2{
  margin:0 0 12px;font-size:1.05rem
}

body.shadow-manager-page .shadow-modern-shell .helper-panel .sub, body.shadow-manager-page .shadow-manager-app .helper-panel .sub, body.shadow-manager-page .shadow-extra-section .helper-panel .sub, body.shadow-manager-page .sticky-bar .helper-panel .sub{
  color:var(--soft);font-size:.9rem;margin-bottom:14px
}

body.shadow-manager-page .shadow-modern-shell .helper-box, body.shadow-manager-page .shadow-manager-app .helper-box, body.shadow-manager-page .shadow-extra-section .helper-box, body.shadow-manager-page .sticky-bar .helper-box{
  background:#0f172d;border:1px solid #223152;border-radius:16px;padding:14px;margin-top:12px
}

body.shadow-manager-page .shadow-modern-shell .helper-box h3, body.shadow-manager-page .shadow-manager-app .helper-box h3, body.shadow-manager-page .shadow-extra-section .helper-box h3, body.shadow-manager-page .sticky-bar .helper-box h3{
  margin:0 0 10px;font-size:.98rem
}

body.shadow-manager-page .shadow-modern-shell .helper-value, body.shadow-manager-page .shadow-manager-app .helper-value, body.shadow-manager-page .shadow-extra-section .helper-value, body.shadow-manager-page .sticky-bar .helper-value{
  border-radius:12px;padding:10px 11px;background:#0b1326;border:1px solid #203153;color:#dbeafe;font-size:.9rem;word-break:break-word
}

body.shadow-manager-page .shadow-modern-shell .helper-note, body.shadow-manager-page .shadow-manager-app .helper-note, body.shadow-manager-page .shadow-extra-section .helper-note, body.shadow-manager-page .sticky-bar .helper-note{
  color:var(--soft);font-size:.86rem;margin-top:8px
}

body.shadow-manager-page .shadow-modern-shell .helper-status, body.shadow-manager-page .shadow-manager-app .helper-status, body.shadow-manager-page .shadow-extra-section .helper-status, body.shadow-manager-page .sticky-bar .helper-status{
  margin-top:12px;padding:10px 12px;border-radius:12px;background:#0b1326;border:1px solid #203153;color:#cfe3ff;font-size:.88rem
}

body.shadow-manager-page .shadow-modern-shell .progress-shell, body.shadow-manager-page .shadow-manager-app .progress-shell, body.shadow-manager-page .shadow-extra-section .progress-shell, body.shadow-manager-page .sticky-bar .progress-shell{
  padding:18px;border-top:1px solid rgba(36,50,81,.6);display:none
}

body.shadow-manager-page .shadow-modern-shell .progress-shell.show, body.shadow-manager-page .shadow-manager-app .progress-shell.show, body.shadow-manager-page .shadow-extra-section .progress-shell.show, body.shadow-manager-page .sticky-bar .progress-shell.show{
  display:block
}

body.shadow-manager-page .shadow-modern-shell .progress-top, body.shadow-manager-page .shadow-manager-app .progress-top, body.shadow-manager-page .shadow-extra-section .progress-top, body.shadow-manager-page .sticky-bar .progress-top{
  display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px
}

body.shadow-manager-page .shadow-modern-shell .progress-title, body.shadow-manager-page .shadow-manager-app .progress-title, body.shadow-manager-page .shadow-extra-section .progress-title, body.shadow-manager-page .sticky-bar .progress-title{
  font-size:1rem;font-weight:800;color:#e9f6ff;margin:0 0 4px
}

body.shadow-manager-page .shadow-modern-shell .progress-sub, body.shadow-manager-page .shadow-manager-app .progress-sub, body.shadow-manager-page .shadow-extra-section .progress-sub, body.shadow-manager-page .sticky-bar .progress-sub{
  color:var(--soft);font-size:.9rem
}

body.shadow-manager-page .shadow-modern-shell .progress-stage, body.shadow-manager-page .shadow-manager-app .progress-stage, body.shadow-manager-page .shadow-extra-section .progress-stage, body.shadow-manager-page .sticky-bar .progress-stage{
  margin-top:8px;font-size:.92rem;color:#d7eeff;font-weight:700
}

body.shadow-manager-page .shadow-modern-shell .progress-track, body.shadow-manager-page .shadow-manager-app .progress-track, body.shadow-manager-page .shadow-extra-section .progress-track, body.shadow-manager-page .sticky-bar .progress-track{
  height:12px;background:#091221;border:1px solid #223152;border-radius:999px;overflow:hidden;position:relative
}

body.shadow-manager-page .shadow-modern-shell .progress-fill, body.shadow-manager-page .shadow-manager-app .progress-fill, body.shadow-manager-page .shadow-extra-section .progress-fill, body.shadow-manager-page .sticky-bar .progress-fill{
  height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg, var(--accent), var(--accent-2));transition:width .22s ease;position:relative
}

body.shadow-manager-page .shadow-modern-shell .progress-log, body.shadow-manager-page .shadow-manager-app .progress-log, body.shadow-manager-page .shadow-extra-section .progress-log, body.shadow-manager-page .sticky-bar .progress-log{
  margin-top:14px;display:grid;gap:8px;max-height:340px;overflow:auto;padding-right:2px
}

body.shadow-manager-page .shadow-modern-shell .progress-entry, body.shadow-manager-page .shadow-manager-app .progress-entry, body.shadow-manager-page .shadow-extra-section .progress-entry, body.shadow-manager-page .sticky-bar .progress-entry{
  background:#0c1427;border:1px solid #213252;border-radius:12px;padding:10px 11px;color:#d7e8ff;font-size:.87rem;white-space:pre-wrap;word-break:break-word
}

body.shadow-manager-page .shadow-modern-shell .completion-banner, body.shadow-manager-page .shadow-manager-app .completion-banner, body.shadow-manager-page .shadow-extra-section .completion-banner, body.shadow-manager-page .sticky-bar .completion-banner{
  display:none;margin-top:14px;padding:14px;border-radius:14px;background:rgba(16,185,129,.12);color:#dfffea;border:1px solid rgba(16,185,129,.24)
}

body.shadow-manager-page .shadow-modern-shell .completion-banner.show, body.shadow-manager-page .shadow-manager-app .completion-banner.show, body.shadow-manager-page .shadow-extra-section .completion-banner.show, body.shadow-manager-page .sticky-bar .completion-banner.show{
  display:block
}

body.shadow-manager-page .shadow-modern-shell .completion-banner.warn, body.shadow-manager-page .shadow-manager-app .completion-banner.warn, body.shadow-manager-page .shadow-extra-section .completion-banner.warn, body.shadow-manager-page .sticky-bar .completion-banner.warn{
  background:rgba(245,158,11,.12);color:#fff0c2;border-color:rgba(245,158,11,.24)
}

body.shadow-manager-page .shadow-modern-shell .scan-status, body.shadow-manager-page .shadow-manager-app .scan-status, body.shadow-manager-page .shadow-extra-section .scan-status, body.shadow-manager-page .sticky-bar .scan-status{
  padding:18px;border-top:1px solid rgba(36,50,81,.6);display:none
}

body.shadow-manager-page .shadow-modern-shell .scan-status.show, body.shadow-manager-page .shadow-manager-app .scan-status.show, body.shadow-manager-page .shadow-extra-section .scan-status.show, body.shadow-manager-page .sticky-bar .scan-status.show{
  display:block
}

body.shadow-manager-page .shadow-modern-shell .scan-title, body.shadow-manager-page .shadow-manager-app .scan-title, body.shadow-manager-page .shadow-extra-section .scan-title, body.shadow-manager-page .sticky-bar .scan-title{
  font-size:1rem;font-weight:800;color:#e9f6ff;margin:0 0 4px
}

body.shadow-manager-page .shadow-modern-shell .scan-sub, body.shadow-manager-page .shadow-manager-app .scan-sub, body.shadow-manager-page .shadow-extra-section .scan-sub, body.shadow-manager-page .sticky-bar .scan-sub{
  color:var(--soft);font-size:.9rem
}

body.shadow-manager-page .shadow-modern-shell .notice, body.shadow-manager-page .shadow-manager-app .notice, body.shadow-manager-page .shadow-extra-section .notice, body.shadow-manager-page .sticky-bar .notice{
  padding:12px 14px;border-radius:14px;background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.22);color:#f5d0fe;margin-top:12px
}

body.shadow-manager-page .shadow-modern-shell .notice.warn, body.shadow-manager-page .shadow-manager-app .notice.warn, body.shadow-manager-page .shadow-extra-section .notice.warn, body.shadow-manager-page .sticky-bar .notice.warn{
  background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.24);color:#fff0c2
}

body.shadow-manager-page .sticky-bar{
  position:fixed;left:50%;transform:translateX(-50%);bottom:16px;width:min(1280px, calc(100% - 24px));
      z-index:40;border-radius:20px;border:1px solid rgba(168,85,247,.18);background:rgba(8,14,27,.92);
      backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(0,0,0,.35);padding:14px;
      display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;
}

body.shadow-manager-page .sticky-bar-left, body.shadow-manager-page .sticky-bar-right{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap
}

body.shadow-manager-page .shadow-modern-shell .sticky-summary, body.shadow-manager-page .shadow-manager-app .sticky-summary, body.shadow-manager-page .shadow-extra-section .sticky-summary, body.shadow-manager-page .sticky-bar .sticky-summary{
  color:#f5d0fe;font-weight:700
}

body.shadow-manager-page .shadow-modern-shell .sticky-note, body.shadow-manager-page .shadow-manager-app .sticky-note, body.shadow-manager-page .shadow-extra-section .sticky-note, body.shadow-manager-page .sticky-bar .sticky-note{
  color:var(--soft);font-size:.86rem
}

body.shadow-manager-page .shadow-modern-shell .text-link-btn, body.shadow-manager-page .shadow-manager-app .text-link-btn, body.shadow-manager-page .shadow-extra-section .text-link-btn, body.shadow-manager-page .sticky-bar .text-link-btn{
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
      color:var(--text);background:#1a2746;border:1px solid #2a3c62;border-radius:14px;
      padding:11px 14px;font-weight:700;font-size:.95rem;
}

body.shadow-manager-page .shadow-modern-shell .text-link-btn:hover, body.shadow-manager-page .shadow-manager-app .text-link-btn:hover, body.shadow-manager-page .shadow-extra-section .text-link-btn:hover, body.shadow-manager-page .sticky-bar .text-link-btn:hover{
  transform:translateY(-1px)
}

@media (max-width:1200px){
body.shadow-manager-page .shadow-modern-shell .main, body.shadow-manager-page .shadow-manager-app .main, body.shadow-manager-page .shadow-extra-section .main, body.shadow-manager-page .sticky-bar .main{
  grid-template-columns:1fr
}

body.shadow-manager-page .shadow-modern-shell .helper-col, body.shadow-manager-page .shadow-manager-app .helper-col, body.shadow-manager-page .shadow-extra-section .helper-col, body.shadow-manager-page .sticky-bar .helper-col{
  position:static
}
}

@media (max-width:1080px){
body.shadow-manager-page .shadow-modern-shell .grid, body.shadow-manager-page .shadow-manager-app .grid, body.shadow-manager-page .shadow-extra-section .grid, body.shadow-manager-page .sticky-bar .grid{
  grid-template-columns:1fr
}

body.shadow-manager-page .shadow-modern-shell .sidebar, body.shadow-manager-page .shadow-manager-app .sidebar, body.shadow-manager-page .shadow-extra-section .sidebar, body.shadow-manager-page .sticky-bar .sidebar{
  position:static
}

body.shadow-manager-page .shadow-modern-shell .hero, body.shadow-manager-page .shadow-manager-app .hero, body.shadow-manager-page .shadow-extra-section .hero, body.shadow-manager-page .sticky-bar .hero{
  grid-template-columns:1fr
}

body.shadow-manager-page .shadow-modern-shell .card-body, body.shadow-manager-page .shadow-manager-app .card-body, body.shadow-manager-page .shadow-extra-section .card-body, body.shadow-manager-page .sticky-bar .card-body{
  grid-template-columns:1fr
}

body.shadow-manager-page .shadow-modern-shell .plan-grid, body.shadow-manager-page .shadow-manager-app .plan-grid, body.shadow-manager-page .shadow-extra-section .plan-grid, body.shadow-manager-page .sticky-bar .plan-grid{
  grid-template-columns:1fr
}

body.shadow-manager-page .shadow-modern-shell .phase-strip, body.shadow-manager-page .shadow-manager-app .phase-strip, body.shadow-manager-page .shadow-extra-section .phase-strip, body.shadow-manager-page .sticky-bar .phase-strip{
  grid-template-columns:1fr 1fr
}
}

@media (max-width:680px){
body.shadow-manager-page .shadow-modern-shell .library-picker, body.shadow-manager-page .shadow-manager-app .library-picker, body.shadow-manager-page .shadow-extra-section .library-picker, body.shadow-manager-page .sticky-bar .library-picker{
  grid-template-columns:1fr
}

body.shadow-manager-page .shadow-modern-shell .toolbar, body.shadow-manager-page .shadow-manager-app .toolbar, body.shadow-manager-page .shadow-extra-section .toolbar, body.shadow-manager-page .sticky-bar .toolbar{
  align-items:flex-start
}

body.shadow-manager-page .shadow-modern-shell .card-top, body.shadow-manager-page .shadow-manager-app .card-top, body.shadow-manager-page .shadow-extra-section .card-top, body.shadow-manager-page .sticky-bar .card-top{
  flex-direction:column
}

body.shadow-manager-page .shadow-modern-shell .status-strip, body.shadow-manager-page .shadow-manager-app .status-strip, body.shadow-manager-page .shadow-extra-section .status-strip, body.shadow-manager-page .sticky-bar .status-strip{
  padding:14px
}

body.shadow-manager-page .shadow-modern-shell .toggle, body.shadow-manager-page .shadow-manager-app .toggle, body.shadow-manager-page .shadow-extra-section .toggle, body.shadow-manager-page .sticky-bar .toggle{
  display:flex
}

body.shadow-manager-page .shadow-modern-shell .phase-strip, body.shadow-manager-page .shadow-manager-app .phase-strip, body.shadow-manager-page .shadow-extra-section .phase-strip, body.shadow-manager-page .sticky-bar .phase-strip{
  grid-template-columns:1fr
}

body.shadow-manager-page .sticky-bar{
  bottom:10px;padding:12px
}
}

/* =========================================================
   Shadow Media Manager modern shell overrides
========================================================= */

html{
  scroll-behavior:smooth;
}

body.shadow-manager-page{
  margin:0;
  background:linear-gradient(180deg,#050816 0%,#07101d 44%,#06101c 100%) !important;
  color:#f8fafc;
  overflow-x:hidden;
}

body.shadow-manager-page .shadow-modern-shell{
  padding:34px 0 0;
  background:linear-gradient(180deg,#050816 0%,#07101d 44%,#06101c 100%);
}

body.shadow-manager-page .shadow-modern-shell .shadow-modern-wrap, body.shadow-manager-page .shadow-manager-app .shadow-modern-wrap, body.shadow-manager-page .shadow-extra-section .shadow-modern-wrap, body.shadow-manager-page .sticky-bar .shadow-modern-wrap{
  width:min(1520px, calc(100% - 44px));
  margin:0 auto;
}

body.shadow-manager-page .shadow-modern-shell .shadow-hero-grid, body.shadow-manager-page .shadow-manager-app .shadow-hero-grid, body.shadow-manager-page .shadow-extra-section .shadow-hero-grid, body.shadow-manager-page .sticky-bar .shadow-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:24px;
  align-items:stretch;
  margin-bottom:24px;
}

body.shadow-manager-page .shadow-modern-shell .shadow-hero-card, body.shadow-manager-page .shadow-manager-app .shadow-hero-card, body.shadow-manager-page .shadow-extra-section .shadow-hero-card, body.shadow-manager-page .sticky-bar .shadow-hero-card{
  position:relative;
  min-height:430px;
  padding:56px 58px;
  overflow:hidden;
  border:1px solid rgba(168,85,247,.38);
  border-radius:24px;
  background:
    linear-gradient(90deg, rgba(10,8,28,.96) 0%, rgba(24,12,58,.82) 34%, rgba(14,9,32,.34) 72%, rgba(7,10,24,.28) 100%),
    url("/Images/webp/shadow-media-manager-hero.webp") center right / cover no-repeat,
    linear-gradient(135deg,#160b35,#050816);
  box-shadow:0 28px 70px rgba(0,0,0,.34);
}

body.shadow-manager-page .shadow-modern-shell .shadow-hero-card::after, body.shadow-manager-page .shadow-manager-app .shadow-hero-card::after, body.shadow-manager-page .shadow-extra-section .shadow-hero-card::after, body.shadow-manager-page .sticky-bar .shadow-hero-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:38%;
  background:linear-gradient(0deg, rgba(5,8,22,.70), transparent);
  pointer-events:none;
}

body.shadow-manager-page .shadow-modern-shell .shadow-hero-copy, body.shadow-manager-page .shadow-manager-app .shadow-hero-copy, body.shadow-manager-page .shadow-extra-section .shadow-hero-copy, body.shadow-manager-page .sticky-bar .shadow-hero-copy{
  position:relative;
  z-index:2;
  max-width:560px;
}

body.shadow-manager-page .shadow-modern-shell .shadow-kicker, body.shadow-manager-page .shadow-manager-app .shadow-kicker, body.shadow-manager-page .shadow-extra-section .shadow-kicker, body.shadow-manager-page .sticky-bar .shadow-kicker, body.shadow-manager-page .shadow-modern-shell .shadow-workflow-kicker, body.shadow-manager-page .shadow-manager-app .shadow-workflow-kicker, body.shadow-manager-page .shadow-extra-section .shadow-workflow-kicker, body.shadow-manager-page .sticky-bar .shadow-workflow-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  color:#d946ef;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
}

body.shadow-manager-page .shadow-modern-shell .shadow-kicker::before, body.shadow-manager-page .shadow-manager-app .shadow-kicker::before, body.shadow-manager-page .shadow-extra-section .shadow-kicker::before, body.shadow-manager-page .sticky-bar .shadow-kicker::before, body.shadow-manager-page .shadow-modern-shell .shadow-workflow-kicker::before, body.shadow-manager-page .shadow-manager-app .shadow-workflow-kicker::before, body.shadow-manager-page .shadow-extra-section .shadow-workflow-kicker::before, body.shadow-manager-page .sticky-bar .shadow-workflow-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:99px;
  background:#d946ef;
  box-shadow:0 0 16px rgba(217,70,239,.80);
}

body.shadow-manager-page .shadow-modern-shell .shadow-hero-title,
body.shadow-manager-page .shadow-manager-app .shadow-hero-title,
body.shadow-manager-page .shadow-extra-section .shadow-hero-title,
body.shadow-manager-page .sticky-bar .shadow-hero-title{
  margin:0 0 22px;
  color:#fff;
  font-size:clamp(2.45rem, 3.6vw, 4.15rem);
  line-height:1.02;
  letter-spacing:-.045em;
}

body.shadow-manager-page .shadow-modern-shell .shadow-hero-title span, body.shadow-manager-page .shadow-manager-app .shadow-hero-title span, body.shadow-manager-page .shadow-extra-section .shadow-hero-title span, body.shadow-manager-page .sticky-bar .shadow-hero-title span{
  display:block;
  color:#c026d3;
  text-shadow:0 12px 34px rgba(217,70,239,.35);
}

body.shadow-manager-page .shadow-modern-shell .shadow-hero-copy p, body.shadow-manager-page .shadow-manager-app .shadow-hero-copy p, body.shadow-manager-page .shadow-extra-section .shadow-hero-copy p, body.shadow-manager-page .sticky-bar .shadow-hero-copy p{
  margin:0;
  max-width:520px;
  color:#fff;
  font-size:1.08rem;
  line-height:1.65;
}

body.shadow-manager-page .shadow-modern-shell .shadow-hero-actions, body.shadow-manager-page .shadow-manager-app .shadow-hero-actions, body.shadow-manager-page .shadow-extra-section .shadow-hero-actions, body.shadow-manager-page .sticky-bar .shadow-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
  padding-bottom:28px;
  border-bottom:1px solid rgba(255,255,255,.14);
}

body.shadow-manager-page .shadow-modern-shell .shadow-btn, body.shadow-manager-page .shadow-manager-app .shadow-btn, body.shadow-manager-page .shadow-extra-section .shadow-btn, body.shadow-manager-page .sticky-bar .shadow-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 24px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.15);
  color:#fff;
  text-decoration:none;
  font-weight:900;
  letter-spacing:.01em;
  transition:transform .18s ease, filter .18s ease, border-color .18s ease;
}

body.shadow-manager-page .shadow-modern-shell .shadow-btn:hover, body.shadow-manager-page .shadow-manager-app .shadow-btn:hover, body.shadow-manager-page .shadow-extra-section .shadow-btn:hover, body.shadow-manager-page .sticky-bar .shadow-btn:hover{
  transform:translateY(-1px);
  text-decoration:none;
}

body.shadow-manager-page .shadow-modern-shell .shadow-btn-primary, body.shadow-manager-page .shadow-manager-app .shadow-btn-primary, body.shadow-manager-page .shadow-extra-section .shadow-btn-primary, body.shadow-manager-page .sticky-bar .shadow-btn-primary, body.shadow-manager-page .shadow-modern-shell button.btn-primary, body.shadow-manager-page .shadow-manager-app button.btn-primary, body.shadow-manager-page .shadow-extra-section button.btn-primary, body.shadow-manager-page .sticky-bar button.btn-primary, body.shadow-manager-page .shadow-modern-shell a.btn-primary, body.shadow-manager-page .shadow-manager-app a.btn-primary, body.shadow-manager-page .shadow-extra-section a.btn-primary, body.shadow-manager-page .sticky-bar a.btn-primary{
  background:linear-gradient(135deg,#7c3aed,#d946ef) !important;
  color:#fff !important;
  border-color:rgba(217,70,239,.42) !important;
}

body.shadow-manager-page .shadow-modern-shell .shadow-btn-secondary, body.shadow-manager-page .shadow-manager-app .shadow-btn-secondary, body.shadow-manager-page .shadow-extra-section .shadow-btn-secondary, body.shadow-manager-page .sticky-bar .shadow-btn-secondary, body.shadow-manager-page .shadow-modern-shell button.btn-secondary, body.shadow-manager-page .shadow-manager-app button.btn-secondary, body.shadow-manager-page .shadow-extra-section button.btn-secondary, body.shadow-manager-page .sticky-bar button.btn-secondary, body.shadow-manager-page .shadow-modern-shell a.btn-secondary, body.shadow-manager-page .shadow-manager-app a.btn-secondary, body.shadow-manager-page .shadow-extra-section a.btn-secondary, body.shadow-manager-page .sticky-bar a.btn-secondary, body.shadow-manager-page .shadow-modern-shell .text-link-btn, body.shadow-manager-page .shadow-manager-app .text-link-btn, body.shadow-manager-page .shadow-extra-section .text-link-btn, body.shadow-manager-page .sticky-bar .text-link-btn, body.shadow-manager-page .shadow-modern-shell .btn-outline-light, body.shadow-manager-page .shadow-manager-app .btn-outline-light, body.shadow-manager-page .shadow-extra-section .btn-outline-light, body.shadow-manager-page .sticky-bar .btn-outline-light, body.shadow-manager-page .shadow-modern-shell .btn-outline-primary, body.shadow-manager-page .shadow-manager-app .btn-outline-primary, body.shadow-manager-page .shadow-extra-section .btn-outline-primary, body.shadow-manager-page .sticky-bar .btn-outline-primary, body.shadow-manager-page .shadow-modern-shell .btn-ghost, body.shadow-manager-page .shadow-manager-app .btn-ghost, body.shadow-manager-page .shadow-extra-section .btn-ghost, body.shadow-manager-page .sticky-bar .btn-ghost{
  background:rgba(168,85,247,.12) !important;
  color:#fff !important;
  border:1px solid rgba(168,85,247,.36) !important;
}

body.shadow-manager-page .shadow-modern-shell .shadow-benefits, body.shadow-manager-page .shadow-manager-app .shadow-benefits, body.shadow-manager-page .shadow-extra-section .shadow-benefits, body.shadow-manager-page .sticky-bar .shadow-benefits{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 20px;
  margin-top:24px;
}

body.shadow-manager-page .shadow-modern-shell .shadow-benefits span, body.shadow-manager-page .shadow-manager-app .shadow-benefits span, body.shadow-manager-page .shadow-extra-section .shadow-benefits span, body.shadow-manager-page .sticky-bar .shadow-benefits span{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#fff;
  font-size:.94rem;
  font-weight:900;
}

body.shadow-manager-page .shadow-modern-shell .shadow-benefits span::before, body.shadow-manager-page .shadow-manager-app .shadow-benefits span::before, body.shadow-manager-page .shadow-extra-section .shadow-benefits span::before, body.shadow-manager-page .sticky-bar .shadow-benefits span::before{
  content:"";
  width:16px;
  height:16px;
  border-radius:99px;
  background:#22c55e;
  box-shadow:inset 0 0 0 5px rgba(255,255,255,.18);
}

body.shadow-manager-page .shadow-modern-shell .shadow-start-panel, body.shadow-manager-page .shadow-manager-app .shadow-start-panel, body.shadow-manager-page .shadow-extra-section .shadow-start-panel, body.shadow-manager-page .sticky-bar .shadow-start-panel{
  padding:24px;
  border:1px solid rgba(168,85,247,.36);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(22,18,48,.96),rgba(5,12,24,.96));
  box-shadow:0 24px 60px rgba(0,0,0,.32);
}

body.shadow-manager-page .shadow-modern-shell .shadow-start-title, body.shadow-manager-page .shadow-manager-app .shadow-start-title, body.shadow-manager-page .shadow-extra-section .shadow-start-title, body.shadow-manager-page .sticky-bar .shadow-start-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 18px;
  color:#fff;
  font-size:1.15rem;
  font-weight:950;
  letter-spacing:.035em;
  text-transform:uppercase;
}

body.shadow-manager-page .shadow-modern-shell .shadow-start-title::before, body.shadow-manager-page .shadow-manager-app .shadow-start-title::before, body.shadow-manager-page .shadow-extra-section .shadow-start-title::before, body.shadow-manager-page .sticky-bar .shadow-start-title::before{
  content:"";
  width:13px;
  height:13px;
  border-radius:3px;
  background:#a855f7;
  transform:rotate(45deg);
}

body.shadow-manager-page .shadow-modern-shell .shadow-start-step, body.shadow-manager-page .shadow-manager-app .shadow-start-step, body.shadow-manager-page .shadow-extra-section .shadow-start-step, body.shadow-manager-page .sticky-bar .shadow-start-step{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:14px;
  padding:16px;
  margin-bottom:14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
}

body.shadow-manager-page .shadow-modern-shell .shadow-start-num, body.shadow-manager-page .shadow-manager-app .shadow-start-num, body.shadow-manager-page .shadow-extra-section .shadow-start-num, body.shadow-manager-page .sticky-bar .shadow-start-num{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:linear-gradient(135deg,#7c3aed,#d946ef);
  color:#fff;
  font-weight:950;
}

body.shadow-manager-page .shadow-modern-shell .shadow-start-step strong, body.shadow-manager-page .shadow-manager-app .shadow-start-step strong, body.shadow-manager-page .shadow-extra-section .shadow-start-step strong, body.shadow-manager-page .sticky-bar .shadow-start-step strong{
  display:block;
  color:#fff;
  margin-bottom:4px;
}

body.shadow-manager-page .shadow-modern-shell .shadow-start-step span, body.shadow-manager-page .shadow-manager-app .shadow-start-step span, body.shadow-manager-page .shadow-extra-section .shadow-start-step span, body.shadow-manager-page .sticky-bar .shadow-start-step span{
  display:block;
  color:#dbeafe;
  font-size:.88rem;
  line-height:1.35;
}

body.shadow-manager-page .shadow-modern-shell .shadow-start-actions, body.shadow-manager-page .shadow-manager-app .shadow-start-actions, body.shadow-manager-page .shadow-extra-section .shadow-start-actions, body.shadow-manager-page .sticky-bar .shadow-start-actions{
  display:grid;
  gap:10px;
  margin-top:18px;
}

body.shadow-manager-page .shadow-modern-shell .shadow-start-actions .shadow-btn, body.shadow-manager-page .shadow-manager-app .shadow-start-actions .shadow-btn, body.shadow-manager-page .shadow-extra-section .shadow-start-actions .shadow-btn, body.shadow-manager-page .sticky-bar .shadow-start-actions .shadow-btn{
  width:100%;
  min-height:43px;
}

body.shadow-manager-page .shadow-modern-shell .shadow-terms, body.shadow-manager-page .shadow-manager-app .shadow-terms, body.shadow-manager-page .shadow-extra-section .shadow-terms, body.shadow-manager-page .sticky-bar .shadow-terms{
  margin-top:16px;
  color:rgba(255,255,255,.72);
  font-size:.82rem;
  line-height:1.45;
}

body.shadow-manager-page .shadow-modern-shell .shadow-terms a, body.shadow-manager-page .shadow-manager-app .shadow-terms a, body.shadow-manager-page .shadow-extra-section .shadow-terms a, body.shadow-manager-page .sticky-bar .shadow-terms a{
  color:#fff;
  text-decoration:underline;
}

body.shadow-manager-page .app.shadow-manager-app{
  width:min(1520px, calc(100% - 44px));
  max-width:1520px;
  margin:0 auto;
  padding:0 0 34px;
}

body.shadow-manager-page .shadow-modern-shell .shadow-workflow-band, body.shadow-manager-page .shadow-manager-app .shadow-workflow-band, body.shadow-manager-page .shadow-extra-section .shadow-workflow-band, body.shadow-manager-page .sticky-bar .shadow-workflow-band, body.shadow-manager-page .shadow-modern-shell .phase-strip, body.shadow-manager-page .shadow-manager-app .phase-strip, body.shadow-manager-page .shadow-extra-section .phase-strip, body.shadow-manager-page .sticky-bar .phase-strip{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin:0 0 28px;
  padding:92px 30px 30px;
  border-radius:22px;
  background:linear-gradient(135deg,#fbfaff 0%,#f7fbff 48%,#f1fffb 100%);
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}

body.shadow-manager-page .shadow-modern-shell .phase-strip::before, body.shadow-manager-page .shadow-manager-app .phase-strip::before, body.shadow-manager-page .shadow-extra-section .phase-strip::before, body.shadow-manager-page .sticky-bar .phase-strip::before{
  content:"Scan → Review → Approve → Apply";
  position:absolute;
  top:32px;
  left:34px;
  color:#020617;
  font-size:1.55rem;
  font-weight:950;
  letter-spacing:-.035em;
}

body.shadow-manager-page .shadow-modern-shell .phase, body.shadow-manager-page .shadow-manager-app .phase, body.shadow-manager-page .shadow-extra-section .phase, body.shadow-manager-page .sticky-bar .phase{
  position:relative;
  overflow:hidden;
  min-height:190px;
  padding:58px 20px 20px 24px;
  border-radius:16px;
  border:1px solid rgba(168,85,247,.18);
  background:linear-gradient(135deg,#faf5ff 0%,#f8fbff 100%);
  color:#020617;
  box-shadow:none;
}

body.shadow-manager-page .shadow-modern-shell .phase::before, body.shadow-manager-page .shadow-manager-app .phase::before, body.shadow-manager-page .shadow-extra-section .phase::before, body.shadow-manager-page .sticky-bar .phase::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
  background:#a855f7;
}

body.shadow-manager-page .shadow-modern-shell .phase::after, body.shadow-manager-page .shadow-manager-app .phase::after, body.shadow-manager-page .shadow-extra-section .phase::after, body.shadow-manager-page .sticky-bar .phase::after{
  content:"";
  position:absolute;
  top:-55px;
  right:-45px;
  width:118px;
  height:118px;
  border-radius:50%;
  background:rgba(168,85,247,.16);
}

body.shadow-manager-page .shadow-modern-shell .phase small, body.shadow-manager-page .shadow-manager-app .phase small, body.shadow-manager-page .shadow-extra-section .phase small, body.shadow-manager-page .sticky-bar .phase small{
  position:absolute;
  top:18px;
  left:22px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  margin:0;
  border-radius:10px;
  background:#fff;
  color:#7e22ce;
  border:1px solid rgba(168,85,247,.22);
  font-size:.72rem;
  letter-spacing:0;
}

body.shadow-manager-page .shadow-modern-shell .phase strong, body.shadow-manager-page .shadow-manager-app .phase strong, body.shadow-manager-page .shadow-extra-section .phase strong, body.shadow-manager-page .sticky-bar .phase strong{
  position:relative;
  z-index:2;
  display:block;
  color:#020617;
  font-size:1.05rem;
  margin:0 0 10px;
}

body.shadow-manager-page .shadow-modern-shell .phase span, body.shadow-manager-page .shadow-manager-app .phase span, body.shadow-manager-page .shadow-extra-section .phase span, body.shadow-manager-page .sticky-bar .phase span{
  position:relative;
  z-index:2;
  display:block;
  color:#334155;
  font-size:.92rem;
  line-height:1.45;
}

body.shadow-manager-page .shadow-modern-shell .phase.active, body.shadow-manager-page .shadow-manager-app .phase.active, body.shadow-manager-page .shadow-extra-section .phase.active, body.shadow-manager-page .sticky-bar .phase.active, body.shadow-manager-page .shadow-modern-shell .phase.done, body.shadow-manager-page .shadow-manager-app .phase.done, body.shadow-manager-page .shadow-extra-section .phase.done, body.shadow-manager-page .sticky-bar .phase.done{
  border-color:rgba(168,85,247,.35);
  background:linear-gradient(135deg,#f3e8ff 0%,#eff6ff 100%);
  box-shadow:inset 0 0 0 1px rgba(168,85,247,.10);
}

body.shadow-manager-page .shadow-modern-shell .phase.done::before, body.shadow-manager-page .shadow-manager-app .phase.done::before, body.shadow-manager-page .shadow-extra-section .phase.done::before, body.shadow-manager-page .sticky-bar .phase.done::before{
  background:#22c55e;
}

body.shadow-manager-page .shadow-modern-shell .shadow-info-grid, body.shadow-manager-page .shadow-manager-app .shadow-info-grid, body.shadow-manager-page .shadow-extra-section .shadow-info-grid, body.shadow-manager-page .sticky-bar .shadow-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:24px;
}

body.shadow-manager-page .shadow-modern-shell .shadow-info-card, body.shadow-manager-page .shadow-manager-app .shadow-info-card, body.shadow-manager-page .shadow-extra-section .shadow-info-card, body.shadow-manager-page .sticky-bar .shadow-info-card{
  padding:24px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(15,23,42,.86);
  box-shadow:0 18px 50px rgba(0,0,0,.22);
}

body.shadow-manager-page .shadow-modern-shell .shadow-info-card h2, body.shadow-manager-page .shadow-manager-app .shadow-info-card h2, body.shadow-manager-page .shadow-extra-section .shadow-info-card h2, body.shadow-manager-page .sticky-bar .shadow-info-card h2{
  margin:0 0 12px;
  color:#fff;
  font-size:1.45rem;
}

body.shadow-manager-page .shadow-modern-shell .shadow-info-card p, body.shadow-manager-page .shadow-manager-app .shadow-info-card p, body.shadow-manager-page .shadow-extra-section .shadow-info-card p, body.shadow-manager-page .sticky-bar .shadow-info-card p, body.shadow-manager-page .shadow-modern-shell .shadow-info-card li, body.shadow-manager-page .shadow-manager-app .shadow-info-card li, body.shadow-manager-page .shadow-extra-section .shadow-info-card li, body.shadow-manager-page .sticky-bar .shadow-info-card li{
  color:#dbeafe;
}

body.shadow-manager-page .shadow-modern-shell .shadow-info-card ul, body.shadow-manager-page .shadow-manager-app .shadow-info-card ul, body.shadow-manager-page .shadow-extra-section .shadow-info-card ul, body.shadow-manager-page .sticky-bar .shadow-info-card ul{
  margin:0;
  padding-left:20px;
}

body.shadow-manager-page .shadow-modern-shell .panel, body.shadow-manager-page .shadow-manager-app .panel, body.shadow-manager-page .shadow-extra-section .panel, body.shadow-manager-page .sticky-bar .panel{
  border-color:rgba(168,85,247,.24) !important;
  background:linear-gradient(180deg, rgba(17,24,39,.94), rgba(15,23,42,.92)) !important;
}

body.shadow-manager-page .shadow-modern-shell .choice.active, body.shadow-manager-page .shadow-manager-app .choice.active, body.shadow-manager-page .shadow-extra-section .choice.active, body.shadow-manager-page .sticky-bar .choice.active{
  border-color:rgba(217,70,239,.65) !important;
  background:linear-gradient(180deg, rgba(168,85,247,.24), rgba(217,70,239,.09)) !important;
}

body.shadow-manager-page .shadow-modern-shell .progress-fill, body.shadow-manager-page .shadow-manager-app .progress-fill, body.shadow-manager-page .shadow-extra-section .progress-fill, body.shadow-manager-page .sticky-bar .progress-fill{
  background:linear-gradient(90deg,#7c3aed,#d946ef) !important;
}

body.shadow-manager-page .shadow-modern-shell .toggle button.active, body.shadow-manager-page .shadow-manager-app .toggle button.active, body.shadow-manager-page .shadow-extra-section .toggle button.active, body.shadow-manager-page .sticky-bar .toggle button.active{
  background:linear-gradient(135deg,#7c3aed,#d946ef) !important;
  color:#fff !important;
}

body.shadow-manager-page .shadow-modern-shell button, body.shadow-manager-page .shadow-manager-app button, body.shadow-manager-page .shadow-extra-section button, body.shadow-manager-page .sticky-bar button, body.shadow-manager-page .shadow-modern-shell .text-link-btn, body.shadow-manager-page .shadow-manager-app .text-link-btn, body.shadow-manager-page .shadow-extra-section .text-link-btn, body.shadow-manager-page .shadow-modern-shell .btn, body.shadow-manager-page .shadow-manager-app .btn, body.shadow-manager-page .shadow-extra-section .btn, body.shadow-manager-page .sticky-bar .btn{
  font-family:inherit;
}

body.shadow-manager-page .shadow-modern-shell .btn, body.shadow-manager-page .shadow-manager-app .btn, body.shadow-manager-page .shadow-extra-section .btn, body.shadow-manager-page .sticky-bar .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

body.shadow-manager-page .shadow-extra-section.shadow-extra-section.container{
  width:min(1520px, calc(100% - 44px));
  margin-left:auto;
  margin-right:auto;
}

body.shadow-manager-page .shadow-extra-section.my-5{
  margin-top:40px;margin-bottom:40px;
}

body.shadow-manager-page .shadow-extra-section .my-4{
  margin-top:24px;margin-bottom:24px;
}

body.shadow-manager-page .shadow-extra-section .mb-4{
  margin-bottom:24px;
}

body.shadow-manager-page .shadow-extra-section .mb-3{
  margin-bottom:16px;
}

body.shadow-manager-page .shadow-extra-section .h-100{
  height:100%;
}

body.shadow-manager-page .shadow-extra-section .d-flex{
  display:flex;
}

body.shadow-manager-page .shadow-extra-section .flex-wrap{
  flex-wrap:wrap;
}

body.shadow-manager-page .shadow-extra-section .gap-2{
  gap:10px;
}

body.shadow-manager-page .shadow-extra-section .row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

body.shadow-manager-page .shadow-extra-section .col-12, body.shadow-manager-page .shadow-extra-section .col-md-6{
  min-width:0;
}

body.shadow-manager-page .shadow-modern-shell .helper-box code, body.shadow-manager-page .shadow-manager-app .helper-box code, body.shadow-manager-page .shadow-extra-section .helper-box code, body.shadow-manager-page .sticky-bar .helper-box code, body.shadow-manager-page .shadow-modern-shell .panel code, body.shadow-manager-page .shadow-manager-app .panel code, body.shadow-manager-page .shadow-extra-section .panel code, body.shadow-manager-page .sticky-bar .panel code{
  color:#f0abfc;
}

@media (max-width:1100px){
body.shadow-manager-page .shadow-modern-shell .shadow-hero-grid, body.shadow-manager-page .shadow-manager-app .shadow-hero-grid, body.shadow-manager-page .shadow-extra-section .shadow-hero-grid, body.shadow-manager-page .sticky-bar .shadow-hero-grid{
  grid-template-columns:1fr;
}

body.shadow-manager-page .shadow-modern-shell .shadow-hero-card, body.shadow-manager-page .shadow-manager-app .shadow-hero-card, body.shadow-manager-page .shadow-extra-section .shadow-hero-card, body.shadow-manager-page .sticky-bar .shadow-hero-card{
  min-height:auto;
}

body.shadow-manager-page .shadow-modern-shell .shadow-info-grid, body.shadow-manager-page .shadow-manager-app .shadow-info-grid, body.shadow-manager-page .shadow-extra-section .shadow-info-grid, body.shadow-manager-page .sticky-bar .shadow-info-grid{
  grid-template-columns:1fr;
}
}

@media (max-width:900px){
body.shadow-manager-page .shadow-modern-shell .shadow-modern-wrap, body.shadow-manager-page .shadow-manager-app .shadow-modern-wrap, body.shadow-manager-page .shadow-extra-section .shadow-modern-wrap, body.shadow-manager-page .sticky-bar .shadow-modern-wrap, body.shadow-manager-page .app.shadow-manager-app, body.shadow-manager-page .shadow-extra-section.container{
  width:min(100% - 24px, 1520px);
}

body.shadow-manager-page .shadow-modern-shell .shadow-hero-card, body.shadow-manager-page .shadow-manager-app .shadow-hero-card, body.shadow-manager-page .shadow-extra-section .shadow-hero-card, body.shadow-manager-page .sticky-bar .shadow-hero-card{
  padding:34px 28px;
    border-radius:22px;
}

body.shadow-manager-page .shadow-modern-shell .shadow-hero-title, body.shadow-manager-page .shadow-manager-app .shadow-hero-title, body.shadow-manager-page .shadow-extra-section .shadow-hero-title, body.shadow-manager-page .sticky-bar .shadow-hero-title{
  font-size:clamp(2.75rem, 12vw, 4rem);
}

body.shadow-manager-page .shadow-modern-shell .shadow-benefits, body.shadow-manager-page .shadow-manager-app .shadow-benefits, body.shadow-manager-page .shadow-extra-section .shadow-benefits, body.shadow-manager-page .sticky-bar .shadow-benefits{
  grid-template-columns:1fr;
}

body.shadow-manager-page .shadow-modern-shell .phase-strip, body.shadow-manager-page .shadow-manager-app .phase-strip, body.shadow-manager-page .shadow-extra-section .phase-strip, body.shadow-manager-page .sticky-bar .phase-strip{
  grid-template-columns:1fr;
    padding:82px 16px 16px;
}

body.shadow-manager-page .shadow-modern-shell .phase-strip::before, body.shadow-manager-page .shadow-manager-app .phase-strip::before, body.shadow-manager-page .shadow-extra-section .phase-strip::before, body.shadow-manager-page .sticky-bar .phase-strip::before{
  left:18px;
    top:24px;
    font-size:1.35rem;
}

body.shadow-manager-page .shadow-modern-shell .grid, body.shadow-manager-page .shadow-manager-app .grid, body.shadow-manager-page .shadow-extra-section .grid, body.shadow-manager-page .sticky-bar .grid, body.shadow-manager-page .shadow-modern-shell .main, body.shadow-manager-page .shadow-manager-app .main, body.shadow-manager-page .shadow-extra-section .main, body.shadow-manager-page .sticky-bar .main{
  grid-template-columns:1fr !important;
}

body.shadow-manager-page .shadow-modern-shell .sidebar, body.shadow-manager-page .shadow-manager-app .sidebar, body.shadow-manager-page .shadow-extra-section .sidebar, body.shadow-manager-page .sticky-bar .sidebar, body.shadow-manager-page .shadow-modern-shell .helper-col, body.shadow-manager-page .shadow-manager-app .helper-col, body.shadow-manager-page .shadow-extra-section .helper-col, body.shadow-manager-page .sticky-bar .helper-col{
  position:static !important;
}

body.shadow-manager-page .shadow-modern-shell .row, body.shadow-manager-page .shadow-manager-app .row, body.shadow-manager-page .shadow-extra-section .row, body.shadow-manager-page .sticky-bar .row{
  grid-template-columns:1fr;
}
}

@media (max-width:620px){
body.shadow-manager-page .shadow-modern-shell{
  padding-top:18px;
}

body.shadow-manager-page .shadow-modern-shell .shadow-hero-card, body.shadow-manager-page .shadow-manager-app .shadow-hero-card, body.shadow-manager-page .shadow-extra-section .shadow-hero-card, body.shadow-manager-page .sticky-bar .shadow-hero-card{
  padding:30px 22px;
}

body.shadow-manager-page .shadow-modern-shell .shadow-hero-actions, body.shadow-manager-page .shadow-manager-app .shadow-hero-actions, body.shadow-manager-page .shadow-extra-section .shadow-hero-actions, body.shadow-manager-page .sticky-bar .shadow-hero-actions{
  display:grid;
    grid-template-columns:1fr;
}

body.shadow-manager-page .shadow-modern-shell .shadow-btn, body.shadow-manager-page .shadow-manager-app .shadow-btn, body.shadow-manager-page .shadow-extra-section .shadow-btn, body.shadow-manager-page .sticky-bar .shadow-btn{
  width:100%;
}

body.shadow-manager-page .shadow-modern-shell .shadow-start-panel, body.shadow-manager-page .shadow-manager-app .shadow-start-panel, body.shadow-manager-page .shadow-extra-section .shadow-start-panel, body.shadow-manager-page .sticky-bar .shadow-start-panel{
  padding:18px;
}

body.shadow-manager-page .shadow-modern-shell .shadow-start-step, body.shadow-manager-page .shadow-manager-app .shadow-start-step, body.shadow-manager-page .shadow-extra-section .shadow-start-step, body.shadow-manager-page .sticky-bar .shadow-start-step{
  grid-template-columns:34px 1fr;
    padding:14px;
}

body.shadow-manager-page .sticky-bar{
  width:calc(100% - 16px);
}
}

/* =========================================================
   V6 fixes: keep page CSS from changing the shared header
   and give the workflow band the same breathing room as the
   other modern tool pages.
========================================================= */

/* Do not let this page's app font/button rules leak into the shared header. */

/* Keep the custom app font on the tool page only, not the global header. */

body.shadow-manager-page .shadow-modern-shell, body.shadow-manager-page .shadow-manager-app, body.shadow-manager-page .sticky-bar, body.shadow-manager-page .shadow-extra-section.container{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

/* Workflow title needs its own vertical lane; otherwise the cards crowd it. */

body.shadow-manager-page .shadow-modern-shell .shadow-workflow-band, body.shadow-manager-page .shadow-manager-app .shadow-workflow-band, body.shadow-manager-page .shadow-extra-section .shadow-workflow-band, body.shadow-manager-page .sticky-bar .shadow-workflow-band, body.shadow-manager-page .shadow-modern-shell .phase-strip, body.shadow-manager-page .shadow-manager-app .phase-strip, body.shadow-manager-page .shadow-extra-section .phase-strip, body.shadow-manager-page .sticky-bar .phase-strip{
  padding-top:78px !important;
  padding-bottom:34px !important;
  min-height:244px;
}

body.shadow-manager-page .shadow-modern-shell .phase-strip::before, body.shadow-manager-page .shadow-manager-app .phase-strip::before, body.shadow-manager-page .shadow-extra-section .phase-strip::before, body.shadow-manager-page .sticky-bar .phase-strip::before{
  top:28px !important;
  left:34px !important;
}

body.shadow-manager-page .shadow-modern-shell .phase, body.shadow-manager-page .shadow-manager-app .phase, body.shadow-manager-page .shadow-extra-section .phase, body.shadow-manager-page .sticky-bar .phase{
  min-height:184px !important;
}

@media (max-width:1080px){
body.shadow-manager-page .shadow-modern-shell .shadow-workflow-band, body.shadow-manager-page .shadow-manager-app .shadow-workflow-band, body.shadow-manager-page .shadow-extra-section .shadow-workflow-band, body.shadow-manager-page .sticky-bar .shadow-workflow-band, body.shadow-manager-page .shadow-modern-shell .phase-strip, body.shadow-manager-page .shadow-manager-app .phase-strip, body.shadow-manager-page .shadow-extra-section .phase-strip, body.shadow-manager-page .sticky-bar .phase-strip{
  padding-top:74px !important;
}
}

@media (max-width:680px){
body.shadow-manager-page .shadow-modern-shell .shadow-workflow-band, body.shadow-manager-page .shadow-manager-app .shadow-workflow-band, body.shadow-manager-page .shadow-extra-section .shadow-workflow-band, body.shadow-manager-page .sticky-bar .shadow-workflow-band, body.shadow-manager-page .shadow-modern-shell .phase-strip, body.shadow-manager-page .shadow-manager-app .phase-strip, body.shadow-manager-page .shadow-extra-section .phase-strip, body.shadow-manager-page .sticky-bar .phase-strip{
  padding:70px 18px 22px !important;
    min-height:auto;
}

body.shadow-manager-page .shadow-modern-shell .phase-strip::before, body.shadow-manager-page .shadow-manager-app .phase-strip::before, body.shadow-manager-page .shadow-extra-section .phase-strip::before, body.shadow-manager-page .sticky-bar .phase-strip::before{
  top:24px !important;
    left:18px !important;
    font-size:1.25rem !important;
}

body.shadow-manager-page .shadow-modern-shell .phase, body.shadow-manager-page .shadow-manager-app .phase, body.shadow-manager-page .shadow-extra-section .phase, body.shadow-manager-page .sticky-bar .phase{
  min-height:154px !important;
}
}

/* =========================================================
   Header guard: keep page CSS from touching shared header/nav
========================================================= */

/* Match Image Tools: hero/start panel and workflow breathing room */

body.shadow-manager-page .shadow-modern-shell .shadow-hero-grid, body.shadow-manager-page .shadow-manager-app .shadow-hero-grid, body.shadow-manager-page .shadow-extra-section .shadow-hero-grid, body.shadow-manager-page .sticky-bar .shadow-hero-grid{
  margin-top:0;
}

body.shadow-manager-page .shadow-modern-shell .shadow-start-panel, body.shadow-manager-page .shadow-manager-app .shadow-start-panel, body.shadow-manager-page .shadow-extra-section .shadow-start-panel, body.shadow-manager-page .sticky-bar .shadow-start-panel{
  align-self:stretch;
}

body.shadow-manager-page .shadow-modern-shell .shadow-start-actions .shadow-btn, body.shadow-manager-page .shadow-manager-app .shadow-start-actions .shadow-btn, body.shadow-manager-page .shadow-extra-section .shadow-start-actions .shadow-btn, body.shadow-manager-page .sticky-bar .shadow-start-actions .shadow-btn{
  width:100%;
}

body.shadow-manager-page .shadow-modern-shell .phase-strip, body.shadow-manager-page .shadow-manager-app .phase-strip, body.shadow-manager-page .shadow-extra-section .phase-strip, body.shadow-manager-page .sticky-bar .phase-strip{
  overflow:hidden;
}

@media (min-width:1101px){
body.shadow-manager-page .shadow-modern-shell .shadow-hero-grid, body.shadow-manager-page .shadow-manager-app .shadow-hero-grid, body.shadow-manager-page .shadow-extra-section .shadow-hero-grid, body.shadow-manager-page .sticky-bar .shadow-hero-grid{
  grid-template-columns:minmax(0, 1fr) 320px;
}
}

/* =========================================================
   Shadow Media Manager — How It Works Correction
========================================================= */

.shadow-manager-page .shadow-how-it-works {
  position: relative;
  width: min(1520px, calc(100% - 104px));
  max-width: 1520px;
  margin: 0 auto 26px;
  padding: clamp(24px, 3vw, 34px);
  box-sizing: border-box;
  overflow: hidden;

  border: 1px solid rgba(168, 85, 247, 0.2);
  border-radius: 26px;

  background:
    radial-gradient(
      circle at top right,
      rgba(168, 85, 247, 0.1),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #ffffff 0%,
      #faf7ff 56%,
      #f3efff 100%
    );

  color: #0f172a;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.shadow-manager-page .shadow-how-it-works::before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  width: 78px;
  height: 4px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, #7c3aed, #d946ef);
}

/* =========================================================
   How It Works Header
========================================================= */

.shadow-manager-page .shadow-how-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 28px;
  margin: 0 0 22px;
}

.shadow-manager-page .shadow-how-head > div {
  min-width: 0;
  max-width: 980px;
}

.shadow-manager-page .shadow-section-kicker {
  margin: 0 0 8px;
  color: #9333ea;
  font-size: 0.76rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  line-height: 1.3;
  text-transform: uppercase;
}

.shadow-manager-page .shadow-how-head h2 {
  margin: 0 0 12px;
  color: #0f172a;
  font-size: clamp(1.7rem, 2.6vw, 2.65rem);
  line-height: 1.1;
  letter-spacing: -0.035em;
}

.shadow-manager-page .shadow-how-head p:not(.shadow-section-kicker) {
  max-width: 940px;
  margin: 0;
  color: #475569;
  font-size: 1rem;
  line-height: 1.68;
}

.shadow-manager-page .shadow-how-link {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 16px;

  border: 1px solid rgba(124, 58, 237, 0.25);
  border-radius: 999px;
  background: rgba(124, 58, 237, 0.08);

  color: #6d28d9 !important;
  font-size: 0.9rem;
  font-weight: 950;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}

.shadow-manager-page .shadow-how-link:hover,
.shadow-manager-page .shadow-how-link:focus-visible {
  background: rgba(124, 58, 237, 0.14);
  border-color: rgba(124, 58, 237, 0.42);
  color: #4c1d95 !important;
  text-decoration: none;
}

/* =========================================================
   Remove Old Generated Workflow Heading
========================================================= */

.shadow-manager-page .shadow-how-it-works .phase-strip::before,
.shadow-manager-page .shadow-how-it-works .phase-strip::after {
  content: none !important;
  display: none !important;
}

/* =========================================================
   Workflow Grid
========================================================= */

.shadow-manager-page .shadow-how-it-works .phase-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;

  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;

  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* =========================================================
   Workflow Cards
========================================================= */

.shadow-manager-page .shadow-how-it-works .phase {
  position: relative;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0 !important;
  min-height: 205px;
  padding: 20px 18px !important;
  box-sizing: border-box;

  overflow: hidden;
  border: 1px solid rgba(124, 58, 237, 0.2) !important;
  border-left: 6px solid #a855f7 !important;
  border-radius: 18px !important;

  background:
    radial-gradient(
      circle at top right,
      rgba(168, 85, 247, 0.12),
      transparent 7.5rem
    ),
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f8f5ff 100%
    ) !important;

  color: #0f172a !important;
  box-shadow:
    0 10px 24px rgba(15, 23, 42, 0.08) !important;
}

.shadow-manager-page .shadow-how-it-works .phase::before,
.shadow-manager-page .shadow-how-it-works .phase::after {
  content: none !important;
}

.shadow-manager-page .shadow-how-it-works .phase small {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  margin: 0 0 14px;

  border: 1px solid rgba(124, 58, 237, 0.22);
  border-radius: 11px;
  background: #ffffff;

  color: #6d28d9;
  font-size: 0.72rem;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.07);
}

.shadow-manager-page .shadow-how-it-works .phase strong {
  display: block;
  margin: 0 0 9px;
  color: #0f172a !important;
  font-size: 1.05rem;
  line-height: 1.3;
}

.shadow-manager-page .shadow-how-it-works .phase span {
  display: block;
  color: #475569 !important;
  font-size: 0.92rem;
  line-height: 1.55;
}

/* Active and completed states */

.shadow-manager-page .shadow-how-it-works .phase.active {
  border-color: rgba(124, 58, 237, 0.42) !important;
  border-left-color: #7c3aed !important;
  background:
    radial-gradient(
      circle at top right,
      rgba(124, 58, 237, 0.17),
      transparent 7.5rem
    ),
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f3edff 100%
    ) !important;
  box-shadow:
    0 14px 30px rgba(124, 58, 237, 0.13) !important;
}

.shadow-manager-page .shadow-how-it-works .phase.active small {
  background: linear-gradient(135deg, #7c3aed, #d946ef);
  border-color: transparent;
  color: #ffffff;
}

.shadow-manager-page .shadow-how-it-works .phase.done {
  border-left-color: #22c55e !important;
}

.shadow-manager-page .shadow-how-it-works .phase.done small {
  background: #dcfce7;
  border-color: #86efac;
  color: #166534;
}

/* =========================================================
   Responsive
========================================================= */

@media (max-width: 1100px) {
  .shadow-manager-page .shadow-how-it-works {
    width: min(100% - 32px, 1520px);
  }

  .shadow-manager-page .shadow-how-it-works .phase-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .shadow-manager-page .shadow-how-it-works {
    width: min(100% - 22px, 1520px);
    padding: 22px 16px;
    border-radius: 22px;
  }

  .shadow-manager-page .shadow-how-head {
    display: block;
  }

  .shadow-manager-page .shadow-how-link {
    margin-top: 16px;
  }

  .shadow-manager-page .shadow-how-it-works .phase-strip {
    grid-template-columns: 1fr !important;
  }

  .shadow-manager-page .shadow-how-it-works .phase {
    min-height: 0;
  }
}

/* =========================================================
   Shadow Media Manager — Lower Content Layout
========================================================= */

body.shadow-manager-page .shadow-extra-section.shadow-extra-section.container {
  width: min(1520px, calc(100% - 44px));
  max-width: 1520px;
  margin: 0 auto 44px;
  padding: 0;
}

body.shadow-manager-page .shadow-extra-section.my-5 {
  margin-top: 0;
  margin-bottom: 44px;
}

body.shadow-manager-page .shadow-extra-inner {
  width: 100%;
  max-width: none;
  margin: 0;
  display: grid;
  gap: 18px;
}

body.shadow-manager-page .shadow-extra-section .panel.section {
  width: 100%;
  margin: 0 !important;
  padding: 24px;
}

/* Keep the tips cards aligned and evenly sized */

body.shadow-manager-page .shadow-extra-section .row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body.shadow-manager-page .shadow-extra-section .row > div {
  min-width: 0;
}

body.shadow-manager-page .shadow-extra-section .row .helper-box {
  height: 100%;
  margin-top: 0;
}

/* =========================================================
   Related Tools and Next Steps
========================================================= */

body.shadow-manager-page .shadow-related-tools {
  position: relative;
  overflow: hidden;
  padding: 28px 30px 30px !important;
  border: 1px solid rgba(168, 85, 247, 0.32) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(
      circle at top right,
      rgba(168, 85, 247, 0.12),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(15, 23, 42, 0.98),
      rgba(19, 25, 43, 0.96)
    ) !important;
  color: #f8fafc;
  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.shadow-manager-page .shadow-related-tools::before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  width: 76px;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, #7c3aed, #d946ef);
}

body.shadow-manager-page .shadow-related-tools-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 22px;
}

body.shadow-manager-page .shadow-related-tools-head > div {
  min-width: 0;
  max-width: 980px;
}

body.shadow-manager-page .shadow-related-kicker {
  margin: 0 0 8px;
  color: #c084fc;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  line-height: 1.3;
  text-transform: uppercase;
}

body.shadow-manager-page .shadow-related-tools-head h2 {
  margin: 0 0 10px !important;
  color: #ffffff !important;
  font-size: clamp(1.65rem, 2.4vw, 2.35rem) !important;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

body.shadow-manager-page .shadow-related-tools-head p:not(.shadow-related-kicker) {
  max-width: 900px;
  margin: 0;
  color: #cbd5e1;
  font-size: 0.96rem;
  line-height: 1.65;
}

body.shadow-manager-page .shadow-related-all {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 9px 15px;
  border: 1px solid rgba(192, 132, 252, 0.32);
  border-radius: 999px;
  background: rgba(168, 85, 247, 0.11);
  color: #c084fc !important;
  font-size: 0.86rem;
  font-weight: 950;
  text-decoration: none;
  white-space: nowrap;
}

body.shadow-manager-page .shadow-related-all:hover,
body.shadow-manager-page .shadow-related-all:focus-visible {
  background: rgba(168, 85, 247, 0.2);
  border-color: rgba(216, 180, 254, 0.5);
  color: #ffffff !important;
}

body.shadow-manager-page .shadow-related-tools-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

body.shadow-manager-page .shadow-related-tool-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 222px;
  padding: 18px;
  border: 1px solid rgba(168, 85, 247, 0.24);
  border-left: 5px solid #a855f7;
  border-radius: 16px;
  background:
    radial-gradient(
      circle at top right,
      rgba(168, 85, 247, 0.1),
      transparent 7.5rem
    ),
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f8f4ff 100%
    );
  color: #0f172a;
  text-decoration: none;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

body.shadow-manager-page .shadow-related-tool-card:hover,
body.shadow-manager-page .shadow-related-tool-card:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(168, 85, 247, 0.5);
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.18),
    0 0 0 2px rgba(168, 85, 247, 0.07);
  outline: none;
}

body.shadow-manager-page .shadow-related-tool-card > span {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 12px;
  padding: 5px 9px;
  border: 1px solid rgba(124, 58, 237, 0.2);
  border-radius: 999px;
  background: #f1e8ff;
  color: #6d28d9;
  font-size: 0.65rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
}

body.shadow-manager-page .shadow-related-tool-card h3 {
  margin: 0 0 9px;
  color: #0f172a;
  font-size: 1rem;
  line-height: 1.28;
}

body.shadow-manager-page .shadow-related-tool-card p {
  margin: 0 0 16px;
  color: #475569;
  font-size: 0.86rem;
  line-height: 1.55;
}

body.shadow-manager-page .shadow-related-tool-card strong {
  display: inline-flex;
  margin-top: auto;
  color: #6d28d9;
  font-size: 0.8rem;
  font-weight: 950;
}

/* =========================================================
   FAQ Refinement
========================================================= */

body.shadow-manager-page .shadow-extra-section .faq-list {
  display: grid;
  gap: 12px;
}

body.shadow-manager-page .shadow-extra-section .faq-list .helper-box {
  margin: 0 !important;
  padding: 16px 18px;
}

body.shadow-manager-page .shadow-extra-section .faq-list h3 {
  margin: 0 0 7px;
  color: #ffffff;
  font-size: 1rem;
}

body.shadow-manager-page .shadow-extra-section .faq-list .helper-note {
  margin: 0;
  color: #b9c7df;
  line-height: 1.58;
}

/* =========================================================
   Responsive Lower Content
========================================================= */

@media (max-width: 1100px) {
  body.shadow-manager-page .shadow-related-tools-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  body.shadow-manager-page .shadow-extra-section.shadow-extra-section.container {
    width: min(100% - 24px, 1520px);
  }
}

@media (max-width: 700px) {
  body.shadow-manager-page .shadow-extra-section .row,
  body.shadow-manager-page .shadow-related-tools-grid {
    grid-template-columns: 1fr;
  }

  body.shadow-manager-page .shadow-extra-section .panel.section,
  body.shadow-manager-page .shadow-related-tools {
    padding: 22px 16px !important;
  }

  body.shadow-manager-page .shadow-related-tools-head {
    display: block;
  }

  body.shadow-manager-page .shadow-related-all {
    margin-top: 14px;
  }

  body.shadow-manager-page .shadow-related-tool-card {
    min-height: 0;
  }
}

/* =========================================================
   Final small fixes
========================================================= */

/* Move workflow titles clear of the numbered badges */
.shadow-manager-page .shadow-how-it-works .phase {
  padding: 70px 22px 22px !important;
}

.shadow-manager-page .shadow-how-it-works .phase small {
  top: 18px !important;
  left: 20px !important;
}

.shadow-manager-page .shadow-how-it-works .phase strong {
  margin: 0 0 8px !important;
  padding: 0 !important;
}

/* Style the official Plex guide links like real buttons */
.shadow-manager-page #official-plex-guides .d-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.shadow-manager-page #official-plex-guides .btn-outline-light {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 16px;

  border: 1px solid rgba(168, 85, 247, 0.45) !important;
  border-radius: 12px;
  background: rgba(168, 85, 247, 0.12) !important;

  color: #ffffff !important;
  font-size: 0.9rem;
  font-weight: 850;
  line-height: 1.2;
  text-decoration: none !important;

  transition:
    transform 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease;
}

.shadow-manager-page #official-plex-guides .btn-outline-light:hover,
.shadow-manager-page #official-plex-guides .btn-outline-light:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(216, 180, 254, 0.7) !important;
  background: rgba(168, 85, 247, 0.22) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

@media (max-width: 620px) {
  .shadow-manager-page #official-plex-guides .btn-outline-light {
    width: 100%;
  }
}

.smm-video-guide {
  margin: 18px auto 24px;
  max-width: 1120px;
}

.smm-video-guide details {
  border: 1px solid rgba(168, 85, 247, 0.35);
  border-radius: 22px;
  background:
    radial-gradient(circle at top left, rgba(168, 85, 247, 0.18), transparent 35%),
    rgba(15, 23, 42, 0.92);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
  overflow: hidden;
}

.smm-video-guide summary {
  cursor: pointer;
  list-style: none;
  padding: 18px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #ffffff;
}

.smm-video-guide summary::-webkit-details-marker {
  display: none;
}

.smm-video-guide summary span {
  color: #c084fc;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.smm-video-guide summary strong {
  font-size: clamp(1rem, 1.8vw, 1.25rem);
}

.smm-video-guide details > p {
  margin: 0;
  padding: 0 22px 16px;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.6;
}

.smm-video-frame {
  position: relative;
  width: calc(100% - 44px);
  margin: 0 22px 18px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 18px;
  background: #020617;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.smm-video-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.smm-video-link {
  padding-bottom: 20px !important;
}

.smm-video-link a {
  color: #d8b4fe;
  font-weight: 900;
  text-decoration: none;
}

.smm-video-link a:hover {
  text-decoration: underline;
}

@media (max-width: 640px) {
  .smm-video-guide summary {
    align-items: flex-start;
    flex-direction: column;
  }

  .smm-video-frame {
    width: calc(100% - 28px);
    margin-left: 14px;
    margin-right: 14px;
  }
}

#shadow-tutorial {
  scroll-margin-top: 120px;
}

@media (max-width: 768px) {
  #shadow-tutorial {
    scroll-margin-top: 90px;
  }
}

/* Widen Shadow Media Manager hero copy area */
body.shadow-manager-page .shadow-hero-copy {
  max-width: 700px !important;
  width: min(700px, 100%) !important;
}

body.shadow-manager-page .shadow-hero-copy > p {
  max-width: 660px !important;
}

body.shadow-manager-page .shadow-hero-actions {
  max-width: 700px !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

body.shadow-manager-page .ncm-hero-toolkit-note {
  max-width: 660px !important;
}

#tool-feedback {
  scroll-margin-top: 110px;
}