.group-broadcast-page{--bc-navy:#173f5f;--bc-text:#2b3d49;--bc-muted:#71808b;--bc-green:#168464;max-width:1450px;margin:0 auto;padding:28px;color:var(--bc-text)}
.broadcast-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px;padding:31px 36px;color:#fff;background:radial-gradient(circle at 12% 0,rgba(255,255,255,.2),transparent 29%),linear-gradient(135deg,#173f5f,#236f85 58%,#209375);border-radius:22px;box-shadow:0 16px 38px rgba(23,63,95,.2)}
.broadcast-hero span{display:inline-block;margin-bottom:7px;color:#d4f5ed;font-size:11px;letter-spacing:1px}.broadcast-hero h2{margin:0 0 8px;font-size:30px;font-weight:800}.broadcast-hero p{margin:0;color:rgba(255,255,255,.82);font-size:14px}.broadcast-hero-actions{display:flex;gap:8px}.broadcast-hero-actions .btn{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.broadcast-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:19px}.broadcast-stat-grid>div{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:13px;padding:18px;background:#fff;border:1px solid #e3eaf0;border-radius:15px;box-shadow:0 6px 21px rgba(30,60,80,.05)}.broadcast-stat-grid i{display:grid;grid-row:1/3;width:48px;height:48px;place-items:center;border-radius:13px;font-size:18px}.broadcast-stat-grid .is-blue{color:#2874a6;background:#e7f3fa}.broadcast-stat-grid .is-orange{color:#af7113;background:#fff2da}.broadcast-stat-grid .is-green{color:#187657;background:#e4f7ef}.broadcast-stat-grid .is-red{color:#b64d4d;background:#fdeaea}.broadcast-stat-grid strong{align-self:end;color:var(--bc-navy);font-size:23px}.broadcast-stat-grid span{align-self:start;color:var(--bc-muted);font-size:11px}
.broadcast-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.broadcast-compose-card,.broadcast-info-card,.broadcast-history-card,.broadcast-details-card{background:#fff;border:1px solid #e2e9ee;border-radius:17px;box-shadow:0 7px 25px rgba(30,60,80,.055)}.broadcast-compose-card{padding:22px}.broadcast-compose-card>header,.broadcast-history-card>header,.broadcast-details-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.broadcast-compose-card h3,.broadcast-history-card h3,.broadcast-details-card h3,.broadcast-info-card h3{margin:0 0 4px;color:var(--bc-navy);font-size:17px;font-weight:800}.broadcast-compose-card header p,.broadcast-history-card header p,.broadcast-details-card header p{margin:0;color:var(--bc-muted);font-size:11px}.broadcast-compose-card h3 i,.broadcast-history-card h3 i{margin-left:6px;color:#198467}.broadcast-group-total{padding:6px 11px;color:#167456;background:#e8f7f1;border-radius:999px;font-size:10px;font-weight:700}.broadcast-field{position:relative;margin-bottom:17px}.broadcast-field>label,.broadcast-delay-row label{display:block;margin-bottom:7px;color:#425966;font-size:12px;font-weight:700}.broadcast-field textarea{resize:vertical;line-height:1.8}.broadcast-field>small{position:absolute;left:9px;bottom:7px;color:#8a999f;font-size:9px}.broadcast-file-field{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:18px;padding:12px;background:#f7faf9;border:1px dashed #cfdeda;border-radius:12px}.broadcast-file-field label{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer}.broadcast-file-field label i{color:#1c8c69}.broadcast-file-field label strong{font-size:11px}.broadcast-file-field label span{color:var(--bc-muted);font-size:9px}.broadcast-file-field input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.broadcast-file-field>div{overflow:hidden;color:#667a82;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.broadcast-audience{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px;padding:0;border:0}.broadcast-audience legend{grid-column:1/-1;margin-bottom:7px;color:#425966;font-size:12px;font-weight:700;border:0}.broadcast-radio{margin:0;cursor:pointer}.broadcast-radio>input{position:absolute;opacity:0}.broadcast-radio>span{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #dfe8e5;border-radius:12px}.broadcast-radio>span>i{display:grid;width:38px;height:38px;place-items:center;color:#55747c;background:#edf3f2;border-radius:10px}.broadcast-radio strong{display:block;font-size:11px}.broadcast-radio small{display:block;margin-right:auto;color:var(--bc-muted);font-size:9px}.broadcast-radio>input:checked+span{background:#edf9f5;border-color:#48af8e;box-shadow:0 0 0 3px rgba(40,166,124,.08)}.broadcast-radio>input:checked+span>i{color:#fff;background:#1b906c}
.broadcast-message-field textarea{margin-bottom:8px}.broadcast-message-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.broadcast-variable-list{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.broadcast-variable-list>span{color:#607681;font-size:11px;font-weight:700}.broadcast-variable-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;color:#176b55;background:#eff9f5;border:1px solid #bfe5d5;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer}.broadcast-variable-chip:hover,.broadcast-variable-chip:focus{color:#10533f;background:#def3e9;border-color:#75c4a1}.broadcast-variable-chip code{color:inherit;background:transparent;padding:0;font-size:10px;direction:ltr}.broadcast-message-tools>small{color:#819098;font-size:10px;white-space:nowrap}.broadcast-variable-help{margin:7px 0 0;color:#687f88;font-size:10px;line-height:1.7}
.broadcast-category-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;padding:12px;background:#f7faf9;border-radius:12px;transition:.15s}.broadcast-category-picker[aria-disabled=true]{opacity:.48}.broadcast-category-option{margin:0;cursor:pointer}.broadcast-category-option input{position:absolute;opacity:0}.broadcast-category-option span{display:flex;align-items:center;gap:7px;padding:9px;background:#fff;border:1px solid #e0e8e6;border-radius:9px}.broadcast-category-option b{width:9px;height:9px;background:var(--category-color);border-radius:50%}.broadcast-category-option strong{min-width:0;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.broadcast-category-option small{margin-right:auto;color:#81908e;font-size:8px;white-space:nowrap}.broadcast-category-option input:checked+span{border-color:var(--category-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--category-color) 15%,transparent)}
.broadcast-delay-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;padding:14px 15px;background:#fff9eb;border:1px solid #f0dfb5;border-radius:12px}.broadcast-delay-row label{margin:0}.broadcast-delay-row p{margin:3px 0 0;color:#8b7c58;font-size:9px}.broadcast-delay-input{display:flex;align-items:center;gap:7px;direction:ltr}.broadcast-delay-input input{width:125px}.broadcast-delay-input span{color:#89784f;font-weight:700}.broadcast-submit-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:17px;border-top:1px solid #e6edeb}.broadcast-submit-bar>div{display:flex;align-items:baseline;gap:6px;color:var(--bc-muted);font-size:10px}.broadcast-submit-bar strong{color:#167657;font-size:22px}.broadcast-submit-bar .btn{min-width:260px;padding:11px 18px;font-weight:700}
.broadcast-info-card{padding:21px}.broadcast-info-card>h3 i{margin-left:6px;color:#267499}.broadcast-info-card ol{margin:18px 0;padding:0 20px 0 0;color:#60727b;font-size:11px;line-height:2.2}.broadcast-info-card>div{display:flex;gap:10px;padding:13px;color:#5e716d;background:#edf8f4;border-radius:12px;font-size:10px;line-height:1.7}.broadcast-info-card>div>i{margin-top:3px;color:#198467}.broadcast-info-card p{margin:0}.broadcast-info-card strong{color:#276353}
.broadcast-history-card,.broadcast-details-card{margin-top:18px;padding:20px}.broadcast-history-card>header,.broadcast-details-card>header{margin-bottom:12px}.broadcast-table{margin:0;font-size:10px}.broadcast-table th{color:#71818a;background:#f7f9fa;white-space:nowrap}.broadcast-table td{vertical-align:middle!important}.broadcast-table td>strong{display:block;max-width:230px;overflow:hidden;color:#2c4653;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.broadcast-table td>small{display:block;margin-top:3px;color:#8c999f;font-size:8px}.broadcast-progress-cell{min-width:150px}.broadcast-progress-cell>div{height:7px;overflow:hidden;background:#e8eeec;border-radius:999px}.broadcast-progress-cell>div>span{display:block;height:100%;background:linear-gradient(90deg,#209777,#37b591);border-radius:999px;transition:width .25s}.broadcast-progress-cell small{margin-top:5px!important}.broadcast-progress-cell em{font-style:normal}.broadcast-result{display:inline-block;margin-left:6px;font-size:9px}.broadcast-result.is-sent{color:#167657}.broadcast-result.is-failed{color:#b54d4d}.broadcast-status,.broadcast-recipient-status{display:inline-block;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:700;white-space:nowrap}.broadcast-status.is-queued,.broadcast-recipient-status.is-pending{color:#855f17;background:#fff1d3}.broadcast-status.is-running,.broadcast-recipient-status.is-sending{color:#226d96;background:#e6f3fa}.broadcast-status.is-paused{color:#795582;background:#f2eaf4}.broadcast-status.is-completed,.broadcast-recipient-status.is-sent{color:#166e52;background:#e1f6ed}.broadcast-status.is-completed_with_errors,.broadcast-recipient-status.is-failed{color:#a64545;background:#fdeaea}.broadcast-status.is-cancelled,.broadcast-recipient-status.is-cancelled{color:#68757b;background:#edf0f1}.broadcast-row-actions{display:flex;gap:4px;white-space:nowrap}.broadcast-row-actions form{display:inline-block;margin:0}.broadcast-empty{padding:42px;text-align:center;color:var(--bc-muted)}.broadcast-empty i{font-size:30px;color:#72aa99}.broadcast-details-card td code{display:block;margin-top:3px;color:#809096;background:none;font-size:8px;direction:ltr}.broadcast-details-card td:last-child{max-width:360px;overflow-wrap:anywhere;font-size:9px}.broadcast-toast{position:fixed;right:25px;bottom:25px;display:none;padding:12px 17px;color:#fff;background:#173f36;border-radius:10px}
@media(max-width:1050px){.broadcast-layout{grid-template-columns:1fr}.broadcast-category-picker{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.group-broadcast-page{padding:14px}.broadcast-hero{align-items:flex-start;flex-direction:column;padding:24px}.broadcast-hero h2{font-size:24px}.broadcast-stat-grid{grid-template-columns:repeat(2,1fr)}.broadcast-audience{grid-template-columns:1fr}.broadcast-category-picker{grid-template-columns:1fr}.broadcast-submit-bar{align-items:stretch;flex-direction:column}.broadcast-submit-bar .btn{width:100%;min-width:0}.broadcast-file-field{grid-template-columns:1fr}.broadcast-delay-row{align-items:flex-start;flex-direction:column}.broadcast-hero-actions{width:100%}.broadcast-hero-actions .btn{flex:1}}@media(max-width:430px){.broadcast-stat-grid{grid-template-columns:1fr}}