/* Phase 70: Specialty studios full redesign */

:root {
  --sx-bg: linear-gradient(180deg, #efe1c4 0%, #ead7b6 100%);
  --sx-surface: rgba(255, 250, 242, 0.9);
  --sx-surface-strong: rgba(255, 255, 255, 0.95);
  --sx-line: rgba(116, 84, 42, 0.16);
  --sx-line-strong: rgba(116, 84, 42, 0.24);
  --sx-ink: #2e2012;
  --sx-muted: #6f5b45;
  --sx-accent: #c98a36;
  --sx-accent-2: #efbb62;
  --sx-shadow: 0 22px 44px rgba(72, 46, 17, 0.12);
  --sx-radius-xl: 24px;
  --sx-radius-lg: 18px;
  --sx-radius-md: 14px;
}

#documentary-app,
#adtreatment-app,
#podcast-app,
#musicvideo-app {
  background: var(--sx-bg) !important;
  color: var(--sx-ink);
}

#adtreatment-app {
  --adt-bg: linear-gradient(180deg, #efe1c4 0%, #ead7b6 100%);
  --adt-surface: rgba(255, 250, 242, 0.92);
  --adt-surface-2: rgba(248, 240, 228, 0.92);
  --adt-border: rgba(116, 84, 42, 0.14);
  --adt-text: #2e2012;
  --adt-muted: #6f5b45;
  --adt-accent: #c98a36;
}

#documentary-app .doc-topbar,
#adtreatment-app .v12-topbar,
#podcast-app .mtx-topbar,
#musicvideo-app .mtx-topbar,
#podcast-app .pod-hero,
#musicvideo-app .mv-track-banner {
  position: sticky;
  top: 0;
  z-index: 12;
  margin: 14px 18px 0;
  padding: 16px 18px;
  border: 1px solid var(--sx-line);
  border-radius: var(--sx-radius-xl);
  background: linear-gradient(180deg, rgba(255,252,247,.96), rgba(248,239,226,.94));
  box-shadow: var(--sx-shadow);
  backdrop-filter: blur(10px);
}

#documentary-app .doc-brand span,
#adtreatment-app .brand-word,
#podcast-app .mtx-showtitle,
#musicvideo-app .mtx-showtitle,
#podcast-app #pod-show-title,
#musicvideo-app .mv-track-song {
  color: var(--sx-ink) !important;
}

#documentary-app .doc-brand,
#adtreatment-app .v12-topbar-brand,
#podcast-app .mtx-titleblock,
#musicvideo-app .mtx-titleblock {
  min-width: 0;
}

#documentary-app .doc-nav,
#adtreatment-app .v12-tabnav,
#podcast-app .mtx-actions,
#musicvideo-app .mtx-actions,
#adtreatment-app .v12-topbar-end {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

#documentary-app .doc-nav-btn,
#adtreatment-app .v12-tab,
#podcast-app .btn,
#musicvideo-app .btn,
#adtreatment-app .v12-btn,
#documentary-app .doc-action-btn {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid var(--sx-line);
  background: rgba(255,255,255,.84);
  color: var(--sx-ink);
  font-weight: 800;
  box-shadow: none;
}

#documentary-app .doc-nav-btn.active,
#adtreatment-app .v12-tab.active,
#adtreatment-app .v12-btn.primary,
#podcast-app .btn:not(.ghost),
#musicvideo-app .btn:not(.ghost),
#documentary-app .doc-action-btn.accent {
  background: linear-gradient(135deg, #d79a47, #f0c16a);
  color: #2d1807;
  border-color: rgba(158, 102, 34, 0.34);
}

#documentary-app .doc-stats-bar,
#podcast-app .pdx-summary-strip,
#musicvideo-app .mvx-summary-strip,
#podcast-app .pod-stats {
  margin: 14px 18px 0;
  padding: 12px;
  border: 1px solid var(--sx-line);
  border-radius: 18px;
  background: rgba(255,250,243,.78);
  box-shadow: 0 14px 30px rgba(72,46,17,.08);
}

#documentary-app .doc-stat,
#podcast-app .pdx-summary-card,
#musicvideo-app .mvx-summary-card,
#podcast-app .pod-stat {
  border-radius: 14px;
  border: 1px solid rgba(116, 84, 42, 0.1);
  background: rgba(255,255,255,.72);
}

#podcast-app .pdx-summary-card.primary,
#musicvideo-app .mvx-summary-card.primary {
  background: linear-gradient(135deg, rgba(236, 202, 145, 0.92), rgba(247, 229, 193, 0.92));
}

#documentary-app .doc-view,
#adtreatment-app .v12-main,
#podcast-app .mtx-grid,
#musicvideo-app .mtx-grid,
#podcast-app .pod-grid,
#musicvideo-app .mv-content-grid {
  padding: 16px 18px 26px !important;
  gap: 14px !important;
}

#documentary-app .doc-panel-wrap,
#podcast-app .mtx-card,
#musicvideo-app .mtx-card,
#podcast-app .pod-card,
#musicvideo-app .mv-section-card-wrap,
#musicvideo-app .mv-deliverables-panel,
#adtreatment-app .v12-card,
#adtreatment-app .v12-summary,
#adtreatment-app .v12-sidepanel {
  border: 1px solid var(--sx-line) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,240,228,.88)) !important;
  box-shadow: 0 16px 34px rgba(72,46,17,.08) !important;
}

#documentary-app .doc-corkboard,
#podcast-app .pdx-guest-list,
#podcast-app .pdx-episode-list,
#musicvideo-app .mvx-story-grid,
#adtreatment-app .v12-list,
#adtreatment-app .v12-assets-grid {
  gap: 12px !important;
}

#documentary-app .doc-panel-header h3,
#podcast-app .mtx-card-head h3,
#musicvideo-app .mtx-card-head h3,
#podcast-app .pod-card-head h3,
#musicvideo-app .mv-section-header h3,
#adtreatment-app .v12-card h3,
#adtreatment-app .v12-summary h3 {
  color: var(--sx-ink) !important;
  font-size: 1rem;
}

#documentary-app .doc-panel-header p,
#podcast-app .mtx-subline,
#musicvideo-app .mtx-subline,
#podcast-app .pod-mini-note,
#musicvideo-app .mv-empty-small,
#adtreatment-app .v12-muted,
#adtreatment-app .v12-help,
#adtreatment-app .v12-sub {
  color: var(--sx-muted) !important;
}

#podcast-app .pdx-guest-card,
#podcast-app .pdx-episode-card,
#musicvideo-app .mvx-shot-card,
#documentary-app .doc-list-item,
#adtreatment-app .v12-asset-row,
#adtreatment-app .v12-flight-row {
  border-radius: 16px !important;
  border: 1px solid rgba(116,84,42,.1) !important;
  background: rgba(255,255,255,.84) !important;
}

#musicvideo-app .mvx-shot-card {
  min-height: 180px;
}

#adtreatment-app .v12-shell {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: transparent !important;
}

#adtreatment-app .v12-tabnav {
  margin: 14px 18px 0;
  padding: 10px;
  border: 1px solid var(--sx-line);
  border-radius: 18px;
  background: rgba(255,250,243,.78);
  box-shadow: 0 14px 30px rgba(72,46,17,.08);
}

#adtreatment-app .v12-main {
  padding-top: 14px !important;
}

#documentary-app .doc-topbar {
  display: grid;
  grid-template-columns: minmax(180px, 260px) 1fr auto;
  gap: 14px;
  align-items: start;
}

#podcast-app .mtx-topbar,
#musicvideo-app .mtx-topbar,
#adtreatment-app .v12-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

#podcast-app .pdx-board-grid,
#musicvideo-app .mvx-board-grid {
  align-items: start;
}

#podcast-app .pdx-card-script,
#musicvideo-app .mvx-card-story,
#documentary-app .doc-panel-wrap,
#adtreatment-app .v12-card {
  overflow: hidden;
}

#podcast-app textarea,
#podcast-app input,
#musicvideo-app textarea,
#musicvideo-app input,
#documentary-app textarea,
#documentary-app input,
#documentary-app select,
#adtreatment-app textarea,
#adtreatment-app input,
#adtreatment-app select {
  border-radius: 12px !important;
  border: 1px solid rgba(116,84,42,.16) !important;
  background: rgba(255,255,255,.92) !important;
  color: var(--sx-ink) !important;
}

#podcast-app .pdx-check,
#musicvideo-app .mvx-release-chip,
#podcast-app .pdx-tools-grid label,
#adtreatment-app .v12-chip,
#documentary-app .doc-stat {
  box-shadow: none !important;
}

#podcast-app .mtx-kicker,
#musicvideo-app .mtx-kicker,
#documentary-app .doc-stat-lbl,
#adtreatment-app .v12-label {
  color: #876d4e !important;
}

@media (max-width: 1100px) {
  #documentary-app .doc-topbar,
  #podcast-app .mtx-topbar,
  #musicvideo-app .mtx-topbar,
  #adtreatment-app .v12-topbar {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  #documentary-app .doc-topbar,
  #adtreatment-app .v12-topbar,
  #podcast-app .mtx-topbar,
  #musicvideo-app .mtx-topbar,
  #podcast-app .pod-hero,
  #musicvideo-app .mv-track-banner,
  #documentary-app .doc-stats-bar,
  #podcast-app .pdx-summary-strip,
  #musicvideo-app .mvx-summary-strip,
  #podcast-app .pod-stats,
  #adtreatment-app .v12-tabnav {
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 18px;
  }

  #documentary-app .doc-view,
  #adtreatment-app .v12-main,
  #podcast-app .mtx-grid,
  #musicvideo-app .mtx-grid,
  #podcast-app .pod-grid,
  #musicvideo-app .mv-content-grid {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #documentary-app .doc-nav,
  #adtreatment-app .v12-tabnav,
  #podcast-app .mtx-actions,
  #musicvideo-app .mtx-actions,
  #adtreatment-app .v12-topbar-end {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  #documentary-app .doc-nav-btn,
  #adtreatment-app .v12-tab,
  #podcast-app .btn,
  #musicvideo-app .btn,
  #adtreatment-app .v12-btn,
  #documentary-app .doc-action-btn {
    width: 100%;
  }
}
