.broadcast-main{grid-template-columns:300px minmax(0,1fr)}.broadcast-workspace{padding:28px;overflow:auto}.broadcast-main aside{padding:24px}.broadcast-main a{color:#176859}.hint{font-size:13px;color:#647c6e;line-height:1.8}.card{background:white;border:1px solid #d6e4db;border-radius:14px;padding:26px;margin-top:16px;max-width:850px}.card h2{margin:0 0 24px;font-size:25px}.eyebrow{color:#648473;font-size:12px}.card label{display:block;margin:20px 0 8px;font-size:14px}.card textarea{min-height:130px;max-height:250px}.card select{padding:10px;border:1px solid #c2d7c9;border-radius:7px;background:#fff}.primary{background:#176859;color:white;border:0;margin-top:14px}.primary:hover{background:#105445}#audience{max-height:250px;overflow:auto;background:#f6faf7;border:1px solid #dce8df;border-radius:8px;padding:8px}#audience label{display:flex;align-items:center;gap:10px;margin:0;padding:10px;border-bottom:1px solid #e4ede6;font-size:13px}#audience input{width:17px;height:17px;accent-color:#176859}#campaigns{margin-top:24px;display:flex;flex-direction:column;gap:8px}#campaigns button{text-align:left;padding:14px;overflow-wrap:anywhere}#campaigns button.active{background:#e3f0e8;border-color:#94bfa7}#campaigns strong,#campaigns small{display:block}#campaigns strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#campaigns small{font-size:11px;color:#678171;margin-top:6px}.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#e8f3ec;border-radius:10px;padding:20px;line-height:1.8;font-size:15px}#status{color:#8f532b;font-size:14px}#recipients{list-style:none;padding:0;max-height:430px;overflow:auto}#recipients li{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e4ede6;font-size:13px}#recipients small{color:#647c6e}.actions{display:flex;align-items:center;gap:10px;margin:20px 0}.actions button{margin:0}#counts{font-weight:600}.card h3{font-size:16px}#refresh{font-size:12px}@media(max-width:700px){.broadcast-main{display:flex;flex-direction:column;height:auto}.broadcast-main aside{max-height:320px}.broadcast-workspace{padding:14px}.card{padding:18px}.actions{align-items:stretch;flex-direction:column}#recipients li{flex-direction:column;gap:5px}}
.broadcast-image { display: block; max-width: min(100%, 420px); max-height: 320px; width: auto; height: auto; object-fit: contain; border-radius: 12px; margin: 12px 0; border: 1px solid #d4e3df; }
.broadcast-image[hidden] { display: none; }
#broadcast-image { width: 100%; max-width: 100%; padding: 12px; border: 1px dashed #a9c9c2; border-radius: 10px; background: #f4faf8; }