/* Approved broadcasts acceptance; all rules are confined to this page. */
body.precision.studio[data-page=broadcasts]:not(.auth-required) {
  --canvas:#f7f6fa; --card:#fff; --raised:#f1eef7; --line:#e3dfeb;
  --ink:#22202c; --muted:#696575; --accent:#6844d9 !important; --accent-hover:#5836bd !important;
  --accent-soft:#eee8fc !important; --action-ink:#fff; --chart-secondary:#89909c;
  --chosen-color:#6844d9 !important; --chosen-ink:#fff !important; --chosen-hover:#5836bd !important; --chosen-hover-ink:#fff !important;
  --focus:#6844d9 !important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.precision.studio.dark[data-page=broadcasts]:not(.auth-required) {
  --canvas:#13131a; --card:#1c1c25; --raised:#252432; --line:#363442;
  --ink:#f4f1fa; --muted:#bbb5ca; --accent:#bda3ff !important; --accent-hover:#cfbcff !important;
  --accent-soft:#302542 !important; --action-ink:#20172f; --chart-secondary:#a4b7cc;
  --chosen-color:#bda3ff !important; --chosen-ink:#20172f !important; --chosen-hover:#cfbcff !important; --chosen-hover-ink:#20172f !important;
  --focus:#bda3ff !important;
}
body.precision.studio[data-page=broadcasts]:not(.auth-required) :is(button,input,textarea,select,h1,h2,h3) {font-family:inherit}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .brand {gap:0;font-size:25px;letter-spacing:-1px}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .brand-mark {display:none}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .brand>span {text-transform:lowercase}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .brand b {text-transform:uppercase;color:var(--accent);font-weight:500}


body.precision.studio[data-page=broadcasts]:not(.auth-required) .button.primary {background:var(--accent); border-color:var(--accent); color:var(--action-ink)}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-page-center {padding:20px; border:1px solid var(--line); border-radius:16px; background:var(--card)}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-view-filters {display:flex; flex-wrap:wrap; gap:4px; margin:20px 0; padding:5px; border:0; background:var(--raised); border-radius:10px}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-view-filters .button {display:inline-flex; align-items:center; gap:8px; border:0; border-radius:7px; padding:8px 12px}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-view-filters .button.active {color:var(--accent); background:var(--card); box-shadow:0 2px 6px #00000008}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-filter-count {font-size:11px; color:var(--muted)}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-campaign-card {background:var(--card); border:1px solid var(--line); border-radius:12px; margin-top:12px}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-campaign-card>summary {padding:16px; gap:12px}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-empty {margin:12px 0; padding:28px; background:var(--canvas); border:1px dashed var(--line)}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-history-group {border:1px solid var(--line); border-radius:12px; margin-top:16px}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-history-group>summary {padding:14px; background:var(--raised)}
.broadcast-history-group .when-open,.broadcast-history-group[open] .when-closed {display:none}
.broadcast-history-group[open] .when-open {display:inline}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-modal {padding:24px; border-radius:18px}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-steps {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; padding:6px; border-radius:10px; background:var(--raised); margin-top:16px}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-steps span {padding:8px; border-radius:7px; font-size:13px}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-steps .active {color:var(--accent); background:var(--card)}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-modes {grid-template-columns:repeat(2,minmax(0,1fr))}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-modes label {padding:14px; background:var(--card)}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-modes label:has(input:checked) {border-color:var(--accent); background:var(--accent-soft)}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-recipients {max-height:300px;grid-template-columns:minmax(0,1fr)}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-recipients label {background:var(--card);min-width:0}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-recipients label>span {flex:1;overflow:hidden}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-recipients label:has(input:checked) {border-color:var(--accent); background:var(--accent-soft)}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-recipients label[hidden] {display:none}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-recipient-tools {display:flex; align-items:center; gap:10px; margin:10px 0}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-recipient-tools input {min-width:0; flex:1}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-recipient-tools button {flex:none; white-space:nowrap}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-review {padding:20px; border:1px solid var(--line); border-radius:12px; background:var(--canvas)}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-review p {margin-top:12px; overflow-wrap:anywhere}
@media(max-width:760px) {
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-page-center {padding:12px}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-modal {padding:16px}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-modes {grid-template-columns:1fr}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-steps {grid-template-columns:repeat(2,minmax(0,1fr))}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-recipient-tools {flex-wrap:wrap}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-recipient-tools input {flex-basis:100%}
}

/* Keep the action row available while the step content scrolls. */
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-modal {display:flex; flex-direction:column; max-height:calc(100dvh - 40px); overflow:hidden}
body.precision.studio[data-page=broadcasts]:not(.auth-required) #broadcast-create-pane:not([hidden]) {display:flex; flex-direction:column; min-height:0; flex:1}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-layout {min-height:0; flex:1; overflow:auto}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-steps {flex:none}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-prepare {flex:none; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); background:var(--card)}
body.precision.studio[data-page=broadcasts]:not(.auth-required) #broadcast-campaign-pane {min-height:0; overflow:auto}

body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-layout>section {min-width:0}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-recipient-head {flex-wrap:wrap}
body.precision.studio[data-page=broadcasts]:not(.auth-required) .broadcast-delays>label {min-width:0}
