/* ════════════════════════════════════════════════════════════════════════
   PHASE 138 — Background consistency + de-stripe pass
   Loads last so it wins by source order.
   1. Unify every flat white/gray tool panel to the warm "studio paper" used
      by the call sheet, documentary, and floor-plan views — one consistent
      light-brown across the app.
   2. Remove the diagonal hairline texture on the specialty-studio shells
      (read as glitchy "stripes").
   3. Remove the diagonal stripe on Academy coming-soon course cards and lift
      the Film School catalog text contrast.
   Additive — delete this file (and its <link>) to revert.
   ════════════════════════════════════════════════════════════════════════ */

:root {
  /* the canonical warm studio paper (matches the call-sheet / documentary family) */
  --cbs-paper-warm-top: #f5eedd;
  --cbs-paper-warm-bot: #ecdfc6;
}

/* ── 1. Warm, consistent tool panels ────────────────────────────────────── */
/* .app-pad is the shared gray (#f3f4f6) container behind ~25 tools.
   cine-app + char-builder-app are white without it, so include them.
   The textured-desk views (writer, stripboard, corkboard, spatial) don't use
   .app-pad and are intentionally excluded. */
.app-pad,
#cine-app,
#char-builder-app {
  background: linear-gradient(180deg, var(--cbs-paper-warm-top) 0%, var(--cbs-paper-warm-bot) 100%) !important;
}
/* callsheet / documentary / the specialty studios set their own warm at ID
   specificity (slightly different shades). Re-assert the canonical so the
   whole app is one paper — this rule is later in source order, so it wins. */
#documentary-app, #callsheet-app, #festival-app,
#musicvideo-app, #podcast-app, #adtreatment-app {
  background: linear-gradient(180deg, var(--cbs-paper-warm-top) 0%, var(--cbs-paper-warm-bot) 100%) !important;
}
body.dark #documentary-app, body.dark #callsheet-app, body.dark #festival-app,
body.dark #musicvideo-app, body.dark #podcast-app, body.dark #adtreatment-app {
  background: #131a26 !important;
}

/* Dark mode keeps its dark panels — don't paint them cream. */
body.dark .app-pad,
body.dark #cine-app,
body.dark #char-builder-app {
  background: #131a26 !important;
}

/* ── 2. De-stripe the specialty-studio shells ───────────────────────────── */
/* Was: a 135° repeating-linear-gradient of brown hairlines (reads as glitchy
   stripes). Keep a soft, directionless color wash instead. */
.ss78-flow-shell::before {
  background:
    linear-gradient(90deg, rgba(39, 110, 241, 0.05), transparent 30%, rgba(214, 164, 82, 0.07)) !important;
  opacity: 1 !important;
}
/* Match the inner shell to the warm paper family so it sits in the same world. */
.ss78-flow-shell {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 236, 196, 0.6), transparent 36%),
    linear-gradient(135deg, #fbf6ec, #f4ecda) !important;
}

/* ── 4. Director's Board: readable, inviting empty state ────────────────── */
/* The guidance was white text (50%/28% alpha) on the LIGHT floor-plan grid —
   completely invisible. Make it a clear card with dark, readable copy. */
#scc-empty-state {
  background: rgba(255, 252, 245, 0.94);
  border: 1px solid rgba(105, 74, 36, 0.22);
  border-radius: 18px;
  padding: 22px 30px;
  box-shadow: 0 18px 48px rgba(46, 34, 19, 0.20);
  max-width: 400px;
  text-align: center;
  backdrop-filter: blur(2px);
}
#scc-empty-state .scc-empty-icon { color: #d6a452 !important; opacity: 1 !important; }
#scc-empty-state .scc-empty-title {
  color: #2c2114 !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
}
#scc-empty-state .scc-empty-sub { color: #6b5b3e !important; line-height: 1.5; }
body.dark #scc-empty-state {
  background: rgba(22, 28, 40, 0.94);
  border-color: rgba(255, 255, 255, 0.14);
}
body.dark #scc-empty-state .scc-empty-title { color: #f0e6d4 !important; }
body.dark #scc-empty-state .scc-empty-sub { color: #b9c6d6 !important; }

/* slightly roomier floating canvas toolbar (after the dead dup buttons are
   removed by phase137 it breathes; give it a cleaner panel too) */
#scc-toolbar {
  background: rgba(255, 252, 245, 0.96) !important;
  border: 1px solid rgba(105, 74, 36, 0.18) !important;
  box-shadow: 0 10px 28px rgba(46, 34, 19, 0.16) !important;
  border-radius: 12px !important;
}

/* ── 3. Academy: remove coming-soon stripes + lift catalog contrast ─────── */
.cbs-academy .fa-course.coming-soon::after { display: none !important; }
/* a calmer "in development" cue: a touch dimmer + dashed accent edge */
.cbs-academy .fa-course.coming-soon {
  opacity: .96;
  border-left-style: dashed !important;
}
/* catalog body copy was #9fb1c4 on #16212e — lift it for readability */
.cbs-academy .fa-prog-blurb,
.cbs-academy .fa-course-tag,
.cbs-academy .fa-sub {
  color: #b9c6d6 !important;
}