:root{
  --cbs-safe-clearance: calc(env(safe-area-inset-bottom, 0px) + 72px);
}
body.cbs-phase56{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body.cbs-phase56 #modal-root{
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  pointer-events: none;
}
body.cbs-phase56 #modal-root:not(.hidden){
  pointer-events: auto;
}
body.cbs-phase56 [id$="-app"].hidden,
body.cbs-phase56 .hidden[id$="-app"]{
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.cbs-phase56 #writer-app,
body.cbs-phase56 #pcc-app,
body.cbs-phase56 #seriesroom-app,
body.cbs-phase56 #documentary-app,
body.cbs-phase56 #musicvideo-app,
body.cbs-phase56 #podcast-app,
body.cbs-phase56 #corkboard-app{
  min-height: calc(var(--cbs-vh, 1vh) * 100);
  overscroll-behavior: contain;
}
body.cbs-phase56 .editor-statusbar,
body.cbs-phase56 #bottom-nav,
body.cbs-phase56 .writer-hub,
body.cbs-phase56 .tts-bar,
body.cbs-phase56 .mobile-toolbar{
  padding-bottom: max(8px, env(safe-area-inset-bottom, 0px));
}
body.cbs-phase56 #bottom-nav{
  bottom: 0 !important;
}
body.cbs-phase56 .phase56-guard-modal{
  max-width: min(92vw, 560px) !important;
  margin: min(10vh, 64px) auto !important;
  border-radius: 20px !important;
}
body.cbs-phase56 .phase56-copy{
  color: #4e3921;
  line-height: 1.55;
}
body.cbs-phase56 .phase56-guard-actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
body.cbs-phase56 .mv-sidebar,
body.cbs-phase56 .festival-sidebar{
  z-index: var(--cbs-z-content, 1) !important;
}
body.cbs-phase56 .sticky-note,
body.cbs-phase56 .tl-card,
body.cbs-phase56 .beat-card,
body.cbs-phase56 .index-card,
body.cbs-phase56 .pinboard-note{
  color: #1f160d !important;
  text-shadow: none !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.16);
}
body.cbs-phase56 .sticky-note .title,
body.cbs-phase56 .sticky-note strong,
body.cbs-phase56 .tl-card strong,
body.cbs-phase56 .beat-card strong{
  color: #18110b !important;
}
body.cbs-phase56 .cork-note,
body.cbs-phase56 .index-card,
body.cbs-phase56 .sticky-note{
  background: rgba(255,248,228,.94) !important;
}
body.cbs-phase56 #seriesroom-root .sr55-shell{
  color: #fff3df;
}
body.cbs-phase56 #seriesroom-root .sr55-card,
body.cbs-phase56 #seriesroom-root .sr55-hero{
  background: linear-gradient(165deg, rgba(12,16,22,.94), rgba(36,24,13,.88));
}
body.cbs-phase56 #seriesroom-root .sr55-card p,
body.cbs-phase56 #seriesroom-root .sr55-mini-card p,
body.cbs-phase56 #seriesroom-root .sr55-list-row small,
body.cbs-phase56 #seriesroom-root .sr55-hero p{
  color: #eadbc0 !important;
}
body.cbs-phase56 #seriesroom-root .sr55-meta-row input,
body.cbs-phase56 #seriesroom-root .sr55-meta-row select,
body.cbs-phase56 #seriesroom-root .sr55-card input,
body.cbs-phase56 #seriesroom-root .sr55-card select,
body.cbs-phase56 #seriesroom-root .sr55-card textarea{
  background: rgba(255,251,242,.98) !important;
  color: #21160c !important;
}
body.cbs-phase56 #seriesroom-root .sr55-tab-row,
body.cbs-phase56 #seriesroom-root .sr55-pill-row,
body.cbs-phase56 #seriesroom-root .sr55-actions,
body.cbs-phase56 #seriesroom-root .sr55-meta-row{
  scrollbar-width: thin;
}
@media (max-width: 1024px){
  body.cbs-phase56 #seriesroom-root .sr55-grid.two,
  body.cbs-phase56 #seriesroom-root .sr55-grid.planner,
  body.cbs-phase56 #seriesroom-root .sr55-form-grid,
  body.cbs-phase56 #seriesroom-root .sr55-planner-grid,
  body.cbs-phase56 #seriesroom-root .sr55-guide-grid,
  body.cbs-phase56 #seriesroom-root .sr55-linked-grid,
  body.cbs-phase56 #seriesroom-root .sr55-meta-row{
    grid-template-columns: 1fr !important;
  }
  body.cbs-phase56 #seriesroom-root .sr55-binder{
    position: static !important;
    max-height: none !important;
  }
  body.cbs-phase56 #seriesroom-root .sr55-weight-grid,
  body.cbs-phase56 #seriesroom-root .sr55-arc-points{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}
@media (max-width: 768px){
  body.cbs-phase56 #seriesroom-app,
  body.cbs-phase56 #seriesroom-root{
    overflow-x: hidden !important;
  }
  body.cbs-phase56 #seriesroom-root .sr55-shell{
    padding: 12px 12px 28px;
  }
  body.cbs-phase56 #seriesroom-root .sr55-hero,
  body.cbs-phase56 #seriesroom-root .sr55-card{
    padding: 14px !important;
    border-radius: 18px !important;
  }
  body.cbs-phase56 #seriesroom-root .sr55-weight-grid,
  body.cbs-phase56 #seriesroom-root .sr55-arc-points{
    grid-template-columns: 1fr !important;
  }
  body.cbs-phase56 .phase56-guard-actions{ justify-content: stretch; }
  body.cbs-phase56 .phase56-guard-actions > *{ flex: 1 1 100%; }
}

/* phase56 series room refresh */
body.cbs-phase56 #seriesroom-app{
  background:#efe4cf !important;
}
body.cbs-phase56 #seriesroom-root .sr55-shell{
  color:#342113 !important;
}
body.cbs-phase56 #seriesroom-root .sr55-hero,
body.cbs-phase56 #seriesroom-root .sr55-card{
  background:linear-gradient(160deg, rgba(255,250,242,.96), rgba(247,237,221,.94)) !important;
  border:1px solid rgba(179,139,84,.22) !important;
  box-shadow:0 18px 40px rgba(93,60,24,.10) !important;
}
body.cbs-phase56 #seriesroom-root .sr55-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1.7fr) auto !important;
  gap:22px !important;
  min-height:156px !important;
  margin-bottom:20px !important;
  padding:26px 24px 28px !important;
  overflow:visible !important;
  align-items:start !important;
}
body.cbs-phase56 #seriesroom-root .sr55-hero-copy{
  display:grid;
  gap:10px;
  align-content:start;
  min-width:0;
  padding-right:10px;
}
body.cbs-phase56 #seriesroom-root .sr55-hero-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  align-self:start !important;
  min-width:320px;
  max-width:420px;
  margin-left:auto;
  position:relative;
  z-index:3;
}
body.cbs-phase56 #seriesroom-root .sr55-hero-actions .sr55-btn{
  flex:0 0 auto;
  white-space:nowrap;
}
body.cbs-phase56 #seriesroom-root .sr55-hero h2,
body.cbs-phase56 #seriesroom-root .sr55-card-head h3,
body.cbs-phase56 #seriesroom-root .sr55-list-row strong,
body.cbs-phase56 #seriesroom-root .sr55-ledger-kind,
body.cbs-phase56 #seriesroom-root .sr55-bridge-card span{
  color:#2b1a10 !important;
}
body.cbs-phase56 #seriesroom-root .sr55-kicker,
body.cbs-phase56 #seriesroom-root .sr55-eyebrow,
body.cbs-phase56 #seriesroom-root .sr55-arc-points label,
body.cbs-phase56 #seriesroom-root .sr55-arc-points span,
body.cbs-phase56 #seriesroom-root .sr55-kpi span,
body.cbs-phase56 #seriesroom-root .sr55-budget-tile span,
body.cbs-phase56 #seriesroom-root .sr55-bridge-card small,
body.cbs-phase56 #seriesroom-root .sr55-form-grid label,
body.cbs-phase56 #seriesroom-root .sr55-guide-grid,
body.cbs-phase56 #seriesroom-root .sr55-empty{
  color:#3a2718 !important;
  text-shadow:none !important;
}
body.cbs-phase56 #seriesroom-root .sr55-arc-points span,
body.cbs-phase56 #seriesroom-root .sr55-kicker,
body.cbs-phase56 #seriesroom-root .sr55-eyebrow{
  font-weight:700 !important;
}
body.cbs-phase56 #seriesroom-root .sr55-hero h2{
  margin:0 !important;
  line-height:1.08 !important;
  padding-bottom:6px;
}
body.cbs-phase56 #seriesroom-root .sr55-hero p,
body.cbs-phase56 #seriesroom-root .sr55-card p,
body.cbs-phase56 #seriesroom-root .sr55-mini-card p,
body.cbs-phase56 #seriesroom-root .sr55-list-row small,
body.cbs-phase56 #seriesroom-root .sr55-form-card small{
  color:#74563d !important;
  text-shadow:none !important;
}
body.cbs-phase56 #seriesroom-root .sr55-pill-row span,
body.cbs-phase56 #seriesroom-root .sr55-chip,
body.cbs-phase56 #seriesroom-root .sr55-ledger-pill,
body.cbs-phase56 #seriesroom-root .sr55-ledger-block span{
  background:rgba(255,255,255,.74) !important;
  border-color:rgba(185,144,83,.18) !important;
  color:#5e432d !important;
}
body.cbs-phase56 #seriesroom-root .sr55-nav{
  position:relative !important;
  top:0 !important;
  inset:auto !important;
  transform:none !important;
  z-index:8 !important;
  margin-top:18px !important;
  margin-bottom:30px !important;
  padding:18px 18px 20px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg, rgba(255,248,238,.94), rgba(246,235,219,.92)) !important;
  border:1px solid rgba(179,139,84,.18) !important;
  box-shadow:0 12px 32px rgba(102,69,30,.08) !important;
  backdrop-filter:none !important;
}
body.cbs-phase56 #seriesroom-root .sr55-graph-card{
  position:relative !important;
  z-index:9 !important;
  overflow:hidden !important;
}
body.cbs-phase56 #seriesroom-root .sr55-tab-row{
  position:relative !important;
  top:0 !important;
  transform:none !important;
}
body.cbs-phase56 #seriesroom-root .sr55-tab{
  border:1px solid rgba(182,142,83,.16) !important;
  background:linear-gradient(180deg, rgba(241,245,252,.96), rgba(227,233,244,.94)) !important;
  color:#27374d !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important;
}
body.cbs-phase56 #seriesroom-root .sr55-tab.active{
  background:linear-gradient(135deg,#7460ff,#26a8f2) !important;
  color:#fff !important;
  border-color:rgba(60,108,224,.28) !important;
}
body.cbs-phase56 #seriesroom-root .sr55-meta-row input,
body.cbs-phase56 #seriesroom-root .sr55-meta-row select{
  min-height:54px !important;
  border-radius:16px !important;
  border:1px solid rgba(180,140,85,.18) !important;
  background:rgba(255,255,255,.86) !important;
  color:#24190d !important;
}
body.cbs-phase56 #seriesroom-root .sr55-meta-field{
  display:grid;
  gap:6px;
  min-width:0;
  color:#6f5338;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.cbs-phase56 #seriesroom-root .sr55-meta-field input,
body.cbs-phase56 #seriesroom-root .sr55-meta-field select{
  width:100%;
}
body.cbs-phase56 #seriesroom-root .sr55-meta-field span{
  padding-left:4px;
}
body.cbs-phase56 #seriesroom-root .sr55-list-row,
body.cbs-phase56 #seriesroom-root .sr55-status-row,
body.cbs-phase56 #seriesroom-root .sr55-mini-card,
body.cbs-phase56 #seriesroom-root .sr55-kpi,
body.cbs-phase56 #seriesroom-root .sr55-budget-tile,
body.cbs-phase56 #seriesroom-root .sr55-form-card,
body.cbs-phase56 #seriesroom-root .sr55-bridge-card{
  background:rgba(255,255,255,.56) !important;
  border:1px solid rgba(185,144,83,.12) !important;
  color:#4f3825 !important;
}
body.cbs-phase56 #seriesroom-root .sr55-shell{
  background:
    linear-gradient(180deg, rgba(255,251,245,.98), rgba(246,235,218,.94)),
    radial-gradient(circle at top center, rgba(255,255,255,.78), transparent 44%) !important;
}
@media (max-width: 1024px){
  body.cbs-phase56 #seriesroom-root .sr55-hero{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }
  body.cbs-phase56 #seriesroom-root .sr55-hero-actions{
    min-width:0;
    max-width:none;
    width:100%;
    justify-content:flex-start !important;
    margin-left:0;
  }
}
