#workspaceShell .tl-broadcast-page {
  --bc-blue:#0f84f5;
  --bc-blue-deep:#075bba;
  --bc-sky:#eaf7ff;
  --bc-sky-strong:#d7efff;
  --bc-ink:#0a2942;
  --bc-muted:#68839a;
  --bc-line:#c9e0f1;
  --bc-soft:#f7fbfe;
  min-height:100%;
  color:var(--bc-ink);
  background:linear-gradient(180deg,#f8fcff 0,#fff 380px);
  overflow:auto;
}
#workspaceShell .tl-broadcast-page.hidden { display:none !important; }
#workspaceShell .tl-broadcast-page :where(h2,h3,p,pre) { margin:0; }
#workspaceShell .tl-broadcast-page button,
#workspaceShell .tl-broadcast-page input,
#workspaceShell .tl-broadcast-page select { font:inherit; }
#workspaceShell .bc-shell { width:min(1420px,100%); min-height:100%; margin:0 auto; padding:26px 28px 42px; }
#workspaceShell .bc-page-head { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
#workspaceShell .bc-eyebrow { color:var(--bc-blue); font-size:10px; font-weight:850; letter-spacing:.16em; }
#workspaceShell .bc-heading h2 { margin-top:5px; font-size:30px; line-height:1.08; letter-spacing:-.04em; }
#workspaceShell .bc-heading > p:last-child { margin-top:7px; color:var(--bc-muted); font-size:12px; }
#workspaceShell .bc-head-state { min-width:190px; padding:10px 13px; display:flex; align-items:center; gap:10px; border:1px solid var(--bc-line); border-radius:11px; background:#fff; }
#workspaceShell .bc-head-state > svg { width:19px; color:var(--bc-blue); }
#workspaceShell .bc-head-state strong,#workspaceShell .bc-head-state small { display:block; }
#workspaceShell .bc-head-state strong { font-size:12px; }
#workspaceShell .bc-head-state small { margin-top:2px; color:var(--bc-muted); font-size:10px; }
#workspaceShell .bc-channel-tabs { margin:18px 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--bc-line); border-radius:13px; background:#fff; overflow:hidden; }
#workspaceShell .bc-channel-tabs button { min-height:78px; padding:14px 18px; display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:12px; border:0; border-right:1px solid var(--bc-line); background:#fff; color:var(--bc-ink); text-align:left; cursor:pointer; }
#workspaceShell .bc-channel-tabs button:last-child { border-right:0; }
#workspaceShell .bc-channel-tabs button.active { background:var(--bc-sky); box-shadow:inset 0 -3px var(--bc-blue); }
#workspaceShell .bc-tab-icon,#workspaceShell .bc-channel-mark { width:42px; height:42px; display:grid; place-items:center; border-radius:11px; color:#fff; background:var(--bc-blue); }
#workspaceShell .bc-tab-icon.wa,#workspaceShell .bc-channel-mark.wa { background:#17a46c; }
#workspaceShell .bc-tab-icon svg,#workspaceShell .bc-channel-mark svg { width:20px; }
#workspaceShell .bc-channel-tabs strong,#workspaceShell .bc-channel-tabs small { display:block; }
#workspaceShell .bc-channel-tabs strong { font-size:13px; }
#workspaceShell .bc-channel-tabs small { margin-top:4px; color:var(--bc-muted); font-size:10px; }
#workspaceShell .bc-channel-tabs button > b { padding:4px 7px; border-radius:99px; color:var(--bc-blue-deep); background:#e8f5ff; font-size:9px; white-space:nowrap; }
#workspaceShell .bc-pane.hidden { display:none !important; }
#workspaceShell .bc-channel-hero { min-height:146px; padding:24px 26px; display:flex; align-items:center; justify-content:space-between; gap:24px; border:1px solid #80c6f4; border-radius:14px; background:linear-gradient(120deg,#dff3ff,#f6fcff 68%); }
#workspaceShell .bc-channel-copy { display:flex; align-items:center; gap:17px; }
#workspaceShell .bc-channel-copy h3 { margin-top:5px; font-size:25px; letter-spacing:-.035em; }
#workspaceShell .bc-channel-copy div > p:last-child { margin-top:7px; color:var(--bc-muted); font-size:12px; }
#workspaceShell .bc-primary,#workspaceShell .bc-secondary,#workspaceShell .bc-wide-button,#workspaceShell .bc-text-button,#workspaceShell .bc-icon-button { border-radius:9px; cursor:pointer; }
#workspaceShell .bc-primary { min-height:43px; padding:0 17px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--bc-blue); background:var(--bc-blue); color:#fff; font-size:12px; font-weight:800; box-shadow:0 6px 0 #ccecff; }
#workspaceShell .bc-primary:hover { background:#0879e8; }
#workspaceShell .bc-primary:disabled { opacity:.46; cursor:not-allowed; box-shadow:none; }
#workspaceShell .bc-primary svg,#workspaceShell .bc-secondary svg,#workspaceShell .bc-text-button svg,#workspaceShell .bc-wide-button svg { width:15px; }
#workspaceShell .bc-secondary { min-height:38px; padding:0 13px; display:inline-flex; align-items:center; justify-content:center; gap:7px; border:1px solid #a7cde8; background:#fff; color:var(--bc-ink); font-size:11px; font-weight:750; }
#workspaceShell .bc-text-button { padding:4px 0; display:inline-flex; align-items:center; gap:5px; border:0; background:transparent; color:var(--bc-blue-deep); font-size:10px; font-weight:800; }
#workspaceShell .bc-icon-button { width:35px; height:35px; display:grid; place-items:center; border:1px solid var(--bc-line); background:#fff; color:var(--bc-blue-deep); }
#workspaceShell .bc-icon-button svg { width:15px; }
#workspaceShell .bc-email-layout { margin-top:16px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:16px; }
#workspaceShell .bc-card { border:1px solid var(--bc-line); border-radius:13px; background:#fff; overflow:hidden; }
#workspaceShell .bc-card > header { min-height:70px; padding:14px 17px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid #e2eef7; }
#workspaceShell .bc-card > header h3 { margin-top:4px; font-size:17px; }
#workspaceShell .bc-readiness-list > div { min-height:76px; padding:13px 17px; display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:12px; align-items:center; border-bottom:1px solid #e8f1f7; }
#workspaceShell .bc-readiness-list > div:last-child { border-bottom:0; }
#workspaceShell .bc-readiness-list > div > span { width:38px; height:38px; display:grid; place-items:center; border-radius:9px; color:var(--bc-blue); background:var(--bc-sky); }
#workspaceShell .bc-readiness-list svg { width:18px; }
#workspaceShell .bc-readiness-list p strong,#workspaceShell .bc-readiness-list p small { display:block; }
#workspaceShell .bc-readiness-list p strong { font-size:12px; }
#workspaceShell .bc-readiness-list p small { margin-top:4px; color:var(--bc-muted); font-size:10px; }
#workspaceShell .bc-readiness-list > div > b { color:#178460; font-size:9px; }
#workspaceShell .bc-metrics { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid #e3eef6; }
#workspaceShell .bc-metrics > div { min-height:82px; padding:14px; border-right:1px solid #e3eef6; }
#workspaceShell .bc-metrics > div:last-child { border-right:0; }
#workspaceShell .bc-metrics span,#workspaceShell .bc-metrics strong { display:block; }
#workspaceShell .bc-metrics span { color:var(--bc-muted); font-size:9px; }
#workspaceShell .bc-metrics strong { margin-top:8px; font-size:22px; }
#workspaceShell .bc-activity-list { min-height:136px; }
#workspaceShell .bc-activity-row { min-height:52px; padding:10px 16px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; border-bottom:1px solid #edf3f7; }
#workspaceShell .bc-activity-row strong,#workspaceShell .bc-activity-row small { display:block; }
#workspaceShell .bc-activity-row strong { max-width:320px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
#workspaceShell .bc-activity-row small { margin-top:3px; color:var(--bc-muted); font-size:9px; }
#workspaceShell .bc-status { padding:4px 7px; border-radius:99px; color:#0d6daf; background:#e6f5ff; font-size:9px; }
#workspaceShell .bc-status.good { color:#14724e; background:#e6f8ef; }
#workspaceShell .bc-status.warn { color:#95620c; background:#fff5d8; }
#workspaceShell .bc-status.bad { color:#a63f3f; background:#ffebeb; }
#workspaceShell .bc-wide-button { width:calc(100% - 28px); min-height:37px; margin:12px 14px 14px; display:flex; align-items:center; justify-content:space-between; padding:0 12px; border:1px solid var(--bc-line); background:var(--bc-soft); color:var(--bc-ink); font-size:10px; font-weight:800; }
#workspaceShell .bc-empty { min-height:110px; padding:24px; display:grid; place-items:center; color:var(--bc-muted); font-size:10px; text-align:center; }
#workspaceShell .bc-empty.compact { min-height:62px; padding:14px; }
#workspaceShell .bc-wa-readiness { min-height:112px; padding:19px 21px; display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:22px; align-items:center; border:1px solid #80c6f4; border-radius:14px; background:linear-gradient(120deg,#e5f5ff,#fff 75%); }
#workspaceShell .bc-wa-account { display:flex; align-items:center; gap:14px; min-width:0; }
#workspaceShell .bc-wa-account h3 { margin-top:4px; font-size:19px; }
#workspaceShell .bc-wa-account div > p:last-child { margin-top:5px; color:var(--bc-muted); font-size:10px; }
#workspaceShell .bc-wa-limit { min-width:150px; padding-left:20px; border-left:1px solid var(--bc-line); }
#workspaceShell .bc-wa-limit span,#workspaceShell .bc-wa-limit strong,#workspaceShell .bc-wa-limit small { display:block; }
#workspaceShell .bc-wa-limit span { color:var(--bc-muted); font-size:9px; }
#workspaceShell .bc-wa-limit strong { margin-top:4px; font-size:20px; }
#workspaceShell .bc-wa-limit small { margin-top:3px; color:var(--bc-muted); font-size:9px; }
#workspaceShell .bc-notice { margin-top:12px; padding:12px 14px; display:flex; align-items:center; gap:10px; border:1px solid #f1d28a; border-radius:10px; background:#fff9e9; color:#815b16; }
#workspaceShell .bc-notice.hidden { display:none !important; }
#workspaceShell .bc-notice > svg { width:18px; }
#workspaceShell .bc-notice strong,#workspaceShell .bc-notice span { display:block; }
#workspaceShell .bc-notice strong { font-size:11px; }
#workspaceShell .bc-notice span { margin-top:3px; font-size:9px; }
#workspaceShell .bc-wa-compose { margin-top:14px; display:grid; grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr); gap:14px; align-items:start; }
#workspaceShell .bc-recipient-card { position:sticky; top:12px; }
#workspaceShell .bc-search { height:42px; margin:13px; padding:0 11px; display:flex; align-items:center; gap:8px; border:1px solid var(--bc-line); border-radius:9px; background:var(--bc-soft); }
#workspaceShell .bc-search svg { width:16px; color:#7891a5; }
#workspaceShell .bc-search input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:var(--bc-ink); font-size:11px; }
#workspaceShell .bc-selection-tools { min-height:34px; padding:0 14px 10px; display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--bc-muted); font-size:9px; }
#workspaceShell .bc-selection-tools label { display:flex; align-items:center; gap:6px; color:var(--bc-ink); font-weight:750; }
#workspaceShell .bc-recipient-list { max-height:520px; overflow:auto; border-top:1px solid #edf3f7; }
#workspaceShell .bc-recipient-row { min-height:65px; padding:10px 13px; display:grid; grid-template-columns:18px 34px minmax(0,1fr) auto; gap:9px; align-items:center; border-bottom:1px solid #eaf1f6; cursor:pointer; }
#workspaceShell .bc-recipient-row:hover,#workspaceShell .bc-recipient-row.selected { background:#f1f9ff; }
#workspaceShell .bc-recipient-row.disabled { opacity:.55; cursor:not-allowed; }
#workspaceShell .bc-recipient-row > i { width:34px; height:34px; display:grid; place-items:center; border:1px solid #b9d9ef; border-radius:8px; background:#edf8ff; color:#0b70c6; font-style:normal; font-size:10px; font-weight:850; }
#workspaceShell .bc-recipient-row strong,#workspaceShell .bc-recipient-row small { display:block; }
#workspaceShell .bc-recipient-row strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }
#workspaceShell .bc-recipient-row small { margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--bc-muted); font-size:9px; }
#workspaceShell .bc-recipient-row > b { color:#16815e; font-size:8px; white-space:nowrap; }
#workspaceShell .bc-template-card { padding-bottom:15px; }
#workspaceShell .bc-template-card > :not(header) { margin-left:16px; margin-right:16px; }
#workspaceShell .bc-meta-badge { padding:5px 8px; display:inline-flex; align-items:center; gap:5px; border-radius:99px; color:#127551; background:#e8f8f1; font-size:9px; font-weight:800; }
#workspaceShell .bc-meta-badge svg { width:13px; }
#workspaceShell .bc-field { margin-top:14px; display:block; }
#workspaceShell .bc-field > span,#workspaceShell .bc-field > small { display:block; }
#workspaceShell .bc-field > span { margin-bottom:6px; font-size:10px; font-weight:800; }
#workspaceShell .bc-field > small { margin-top:5px; color:var(--bc-muted); font-size:9px; }
#workspaceShell .bc-field input,#workspaceShell .bc-field select,#workspaceShell .bc-field textarea { width:100%; border:1px solid var(--bc-line); border-radius:8px; outline:0; background:#fff; color:var(--bc-ink); font-size:11px; }
#workspaceShell .bc-field input,#workspaceShell .bc-field select { height:42px; padding:0 11px; }
#workspaceShell .bc-field textarea { min-height:132px; padding:11px; resize:vertical; line-height:1.65; font-family:inherit; }
#workspaceShell .bc-field input:focus,#workspaceShell .bc-field select:focus,#workspaceShell .bc-field textarea:focus { border-color:var(--bc-blue); box-shadow:0 0 0 3px #dff1ff; }
#workspaceShell .bc-variable-list { margin-top:13px; border:1px solid #dceaf4; border-radius:9px; overflow:hidden; }
#workspaceShell .bc-variable-row { min-height:56px; padding:9px 11px; display:grid; grid-template-columns:98px minmax(0,1fr); align-items:center; gap:10px; border-bottom:1px solid #e8f1f7; background:#fbfdff; }
#workspaceShell .bc-variable-row:last-child { border-bottom:0; }
#workspaceShell .bc-variable-row span { font-size:9px; font-weight:800; }
#workspaceShell .bc-variable-row select { height:34px; border:1px solid var(--bc-line); border-radius:7px; background:#fff; color:var(--bc-ink); font-size:10px; }
#workspaceShell .bc-template-preview { margin-top:13px; border:1px solid #b9d9ef; border-radius:9px; background:#f5fbff; overflow:hidden; }
#workspaceShell .bc-template-preview header { min-height:39px; padding:9px 11px; display:flex; justify-content:space-between; gap:12px; border-bottom:1px solid #d8eaf6; color:var(--bc-muted); font-size:9px; }
#workspaceShell .bc-template-preview header b { color:var(--bc-ink); }
#workspaceShell .bc-template-preview pre { min-height:112px; padding:13px; color:#17364e; font-family:inherit; font-size:11px; line-height:1.65; white-space:pre-wrap; word-break:break-word; }
#workspaceShell .bc-field-grid { margin-top:0; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(150px,.6fr); gap:12px; }
#workspaceShell .bc-final-check { margin-top:15px; padding:12px; display:grid; grid-template-columns:18px minmax(0,1fr); gap:9px; border:1px solid #b8d9ee; border-radius:9px; background:#f3faff; cursor:pointer; }
#workspaceShell .bc-final-check strong,#workspaceShell .bc-final-check small { display:block; }
#workspaceShell .bc-final-check strong { font-size:10px; }
#workspaceShell .bc-final-check small { margin-top:4px; color:var(--bc-muted); font-size:9px; line-height:1.55; }
#workspaceShell .bc-cost-note { margin-top:12px; padding:11px 12px; display:grid; grid-template-columns:25px minmax(0,1fr); gap:9px; border:1px solid #e1e7ed; border-radius:9px; background:#fafcfd; }
#workspaceShell .bc-cost-note > svg { width:18px; color:#6f8799; }
#workspaceShell .bc-cost-note strong,#workspaceShell .bc-cost-note span { display:block; }
#workspaceShell .bc-cost-note strong { font-size:10px; }
#workspaceShell .bc-cost-note span { margin-top:4px; color:var(--bc-muted); font-size:9px; line-height:1.5; }
#workspaceShell .bc-full { width:calc(100% - 32px); margin-top:14px; }
#workspaceShell .bc-result { margin-top:10px; padding:10px 12px; border:1px solid #9ed5ba; border-radius:8px; background:#eefaf4; color:#176749; font-size:10px; }
#workspaceShell .bc-result.hidden { display:none !important; }
#workspaceShell .bc-history-head { min-height:106px; padding:18px 20px; display:flex; align-items:center; justify-content:space-between; gap:18px; border:1px solid #82c6f1; border-radius:13px; background:var(--bc-sky); }
#workspaceShell .bc-history-head h3 { margin-top:4px; font-size:22px; }
#workspaceShell .bc-history-head div > p:last-child { margin-top:6px; color:var(--bc-muted); font-size:10px; }
#workspaceShell .bc-history-grid { margin-top:14px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; }
#workspaceShell .bc-history-list { max-height:610px; overflow:auto; }
#workspaceShell .bc-history-item { padding:13px 15px; border-bottom:1px solid #e9f1f6; }
#workspaceShell .bc-history-item:last-child { border-bottom:0; }
#workspaceShell .bc-history-item > header { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
#workspaceShell .bc-history-item h4 { margin:0; font-size:11px; }
#workspaceShell .bc-history-item p { margin-top:5px; color:var(--bc-muted); font-size:9px; }
#workspaceShell .bc-history-progress { height:5px; margin-top:10px; border-radius:99px; background:#e5eff6; overflow:hidden; }
#workspaceShell .bc-history-progress i { height:100%; display:block; border-radius:inherit; background:var(--bc-blue); }
#workspaceShell .bc-history-stats { margin-top:9px; display:flex; flex-wrap:wrap; gap:12px; color:var(--bc-muted); font-size:9px; }
#workspaceShell .bc-history-error { margin-top:8px; padding:7px 9px; border-radius:6px; background:#fff1e7; color:#995327; font-size:9px; }
#workspaceShell .bc-history-actions { margin-top:10px; display:flex; gap:7px; }
#workspaceShell .bc-history-actions button { min-height:30px; padding:0 10px; border:1px solid var(--bc-line); border-radius:7px; background:#fff; color:var(--bc-ink); font-size:9px; font-weight:800; cursor:pointer; }
#workspaceShell .bc-history-actions button.primary { border-color:var(--bc-blue); color:#fff; background:var(--bc-blue); }
#workspaceShell .bc-history-actions button.danger { color:#a43e3e; border-color:#ecc0c0; }

@media (max-width:1080px) {
  #workspaceShell .bc-email-layout,#workspaceShell .bc-history-grid { grid-template-columns:1fr; }
  #workspaceShell .bc-wa-compose { grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); }
  #workspaceShell .bc-channel-tabs button { padding:12px; grid-template-columns:38px minmax(0,1fr); }
  #workspaceShell .bc-channel-tabs button > b { grid-column:2; justify-self:start; }
}
@media (max-width:760px) {
  #workspaceShell .bc-shell { padding:14px 11px 28px; }
  #workspaceShell .bc-page-head { min-height:70px; }
  #workspaceShell .bc-heading h2 { font-size:25px; }
  #workspaceShell .bc-head-state { display:none; }
  #workspaceShell .bc-channel-tabs { grid-template-columns:1fr; }
  #workspaceShell .bc-channel-tabs button { min-height:62px; border-right:0; border-bottom:1px solid var(--bc-line); grid-template-columns:36px minmax(0,1fr) auto; }
  #workspaceShell .bc-channel-tabs button:last-child { border-bottom:0; }
  #workspaceShell .bc-channel-tabs button > b { grid-column:auto; }
  #workspaceShell .bc-tab-icon { width:36px; height:36px; }
  #workspaceShell .bc-channel-hero { padding:18px; align-items:flex-start; flex-direction:column; }
  #workspaceShell .bc-channel-hero .bc-primary { width:100%; }
  #workspaceShell .bc-channel-copy h3 { font-size:21px; }
  #workspaceShell .bc-metrics { grid-template-columns:repeat(2,1fr); }
  #workspaceShell .bc-metrics > div:nth-child(2) { border-right:0; }
  #workspaceShell .bc-metrics > div:nth-child(-n+2) { border-bottom:1px solid #e3eef6; }
  #workspaceShell .bc-wa-readiness { grid-template-columns:1fr; gap:14px; }
  #workspaceShell .bc-wa-limit { padding:12px 0 0; border-left:0; border-top:1px solid var(--bc-line); }
  #workspaceShell .bc-wa-readiness .bc-secondary { width:100%; }
  #workspaceShell .bc-wa-compose { grid-template-columns:1fr; }
  #workspaceShell .bc-recipient-card { position:static; }
  #workspaceShell .bc-recipient-list { max-height:350px; }
  #workspaceShell .bc-field-grid { grid-template-columns:1fr; }
  #workspaceShell .bc-history-head { align-items:flex-start; flex-direction:column; }
  #workspaceShell .bc-history-head .bc-secondary { width:100%; }
}