:root{--broadcast-sidebar:#302d2e;--broadcast-muted:#6f6567;--broadcast-subtle:#f7f4f2;--broadcast-teal-soft:#d9f1f0;--broadcast-success-soft:#dff2e7;--broadcast-warning:#a96007;--broadcast-error:#b72d4c}
body.broadcast-mode{background:#fff9f5;color:#302d2e}:where([data-theme=dark]) body.broadcast-mode{background:#2b2527;color:#f6efec}
.broadcast-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}
.broadcast-sidebar{position:sticky;top:0;height:100vh;background:var(--broadcast-sidebar);padding:28px 18px 22px;color:#fff;display:flex;flex-direction:column}
.broadcast-sidebar>img{width:142px;margin:0 12px 36px}
.broadcast-sidebar nav{display:grid;gap:8px}
.broadcast-nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#fff;padding:12px 14px;border-radius:8px;text-align:left;cursor:pointer;font-weight:700;opacity:.72}
.broadcast-nav-item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.broadcast-nav-item svg path:first-child:not(:only-child){fill:none}
.broadcast-nav-item.active,.broadcast-nav-item:hover{opacity:1;background:rgba(255,255,255,.12)}
.broadcast-sidebar footer{margin-top:auto;display:flex;gap:10px;align-items:center;padding:14px 8px 0;border-top:1px solid rgba(255,255,255,.15)}
.broadcast-sidebar footer>span{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:#e94669;font-weight:800}
.broadcast-sidebar footer div{display:grid}
.broadcast-sidebar footer small{opacity:.65}
.broadcast-content{padding:44px clamp(24px,4vw,64px) 60px;max-width:1480px;width:100%;margin:auto}
.broadcast-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.broadcast-top p,.eyebrow{margin:0 0 4px;color:#00a7ab;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}
.broadcast-top h1,.broadcast-card h2{font-family:Mitr,sans-serif;font-weight:500;margin:0}
.broadcast-top h1{font-size:34px}
.broadcast-top span{color:var(--broadcast-muted)}
.broadcast-primary,.broadcast-secondary,.broadcast-link{border-radius:8px;padding:12px 18px;font-weight:800;cursor:pointer}
.broadcast-primary{border:0;background:#e94669;color:#fff;box-shadow:0 8px 22px rgba(233,70,105,.2)}
.broadcast-secondary{border:1px solid #eadfd9;background:#fff;color:#302d2e}:where([data-theme=dark]) .broadcast-secondary{border:1px solid rgba(233,70,105,.18);background:#262123;color:#f6efec}
.broadcast-link{border:0;background:transparent;color:#00a7ab}
.broadcast-primary:disabled,.broadcast-secondary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.broadcast-lock{display:flex;gap:10px;align-items:center;padding:14px 18px;margin-bottom:22px;background:#f8dce3;border:1px solid #e94669;border-radius:12px;color:#6f2637}:where([data-theme=dark]) .broadcast-lock{background:rgba(233,70,105,.18);color:#ff8ba3}
.broadcast-lock span{font-size:14px}
.broadcast-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}
.broadcast-metrics article,.broadcast-card{background:#fff;border:1px solid #eadfd9;border-radius:16px;padding:24px;box-shadow:0 14px 38px rgba(93,45,51,.08)}:where([data-theme=dark]) .broadcast-metrics article,:where([data-theme=dark]) .broadcast-card{background:#262123;border:1px solid rgba(233,70,105,.18)}
.broadcast-metrics article{display:grid;gap:2px}
.broadcast-metrics span{font-size:13px;color:var(--broadcast-muted)}
.broadcast-metrics strong{font-size:30px}
.broadcast-metrics small{color:#918689}:where([data-theme=dark]) .broadcast-metrics small{color:#8b7f82}
.broadcast-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);gap:22px}
.broadcast-card>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.broadcast-card h2{font-size:22px}
.campaign-row{display:grid;grid-template-columns:minmax(190px,1fr) auto 120px 38px;gap:16px;align-items:center;padding:18px 0;border-top:1px solid #eee7e3}:where([data-theme=dark]) .campaign-row{border-top:1px solid #3a3234}
.campaign-main{display:grid}
.campaign-main small{color:var(--broadcast-muted)}
.campaign-status{font-size:12px;font-weight:800;padding:6px 9px;border-radius:999px;background:var(--broadcast-teal-soft);color:#007d81}:where([data-theme=dark]) .campaign-status{color:#5cd6d9}
.campaign-progress{height:7px;background:#eee7e3;border-radius:999px;overflow:hidden}:where([data-theme=dark]) .campaign-progress{background:#2e282a}
.campaign-progress i{display:block;height:100%;background:#e94669}
.campaign-row>b{font-size:13px}
.health-card ul{padding:0;margin:22px 0;list-style:none;display:grid;gap:13px}
.health-card li{position:relative;padding-left:24px;color:var(--broadcast-muted);font-size:14px}
.health-card li:before{content:'!';position:absolute;left:0;top:1px;width:16px;height:16px;display:grid;place-items:center;background:#fff3df;color:var(--broadcast-warning);border-radius:999px;font-size:11px;font-weight:800}:where([data-theme=dark]) .health-card li:before{background:rgba(233,70,105,.18)}
.composer-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:22px}
.composer{display:grid;gap:18px}
.composer label{display:grid;gap:7px;font-size:13px;font-weight:800}
.composer input,.composer select{width:100%;padding:12px 14px;border:1px solid #eadfd9;border-radius:6px;background:#fff;color:#302d2e}:where([data-theme=dark]) .composer input,:where([data-theme=dark]) .composer select{border:1px solid rgba(233,70,105,.18);background:#262123;color:#f6efec}
.composer input:focus,.composer select:focus{outline:3px solid rgba(0,167,171,.18);border-color:#00a7ab}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.composer-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #eee7e3;padding-top:18px}:where([data-theme=dark]) .composer-actions{border-top:1px solid #3a3234}
.phone-preview>small{display:block;color:#918689;margin-top:16px}:where([data-theme=dark]) .phone-preview>small{color:#8b7f82}
.phone-shell{min-height:390px;margin-top:18px;padding:0 14px 20px;background:#efe8e2;border:8px solid #302d2e;border-radius:24px;overflow:hidden}:where([data-theme=dark]) .phone-shell{background:#2e282a}
.phone-head{margin:0 -14px 50px;padding:14px;background:#177153;color:#fff;font-size:13px;font-weight:800}
.message-bubble{margin-left:auto;padding:12px;background:#dff2e7;border-radius:12px 4px 12px 12px;font-size:13px}:where([data-theme=dark]) .message-bubble{background:rgba(0,167,171,.18)}
.message-bubble time{display:block;text-align:right;color:#6f6567;font-size:10px;margin-top:5px}:where([data-theme=dark]) .message-bubble time{color:#b9adaf}
@media(max-width:980px){.broadcast-metrics{grid-template-columns:1fr 1fr}
.broadcast-grid,.composer-grid{grid-template-columns:1fr}
.phone-preview{max-width:480px}
.broadcast-shell{grid-template-columns:80px 1fr}
.broadcast-sidebar{padding-inline:12px}
.broadcast-sidebar>img{width:48px;object-fit:cover;object-position:left;margin-inline:4px}
.broadcast-nav-item{justify-content:center}
.broadcast-nav-item span,.broadcast-sidebar footer div{display:none}
.broadcast-sidebar footer{justify-content:center}}
@media(max-width:640px){.broadcast-shell{display:block}
.broadcast-sidebar{position:fixed;z-index:10;top:auto;bottom:0;width:100%;height:72px;padding:8px 10px}
.broadcast-sidebar>img,.broadcast-sidebar footer{display:none}
.broadcast-sidebar nav{display:grid;grid-template-columns:repeat(5,1fr)}
.broadcast-nav-item{padding:10px 5px}
.broadcast-nav-item svg{width:23px;height:23px}
.broadcast-content{padding:26px 18px 96px}
.broadcast-top{align-items:stretch;flex-direction:column}
.broadcast-top h1{font-size:28px}
.broadcast-lock{align-items:flex-start;flex-direction:column}
.broadcast-metrics{grid-template-columns:1fr 1fr;gap:10px}
.broadcast-metrics article,.broadcast-card{padding:18px}
.broadcast-metrics strong{font-size:24px}
.campaign-row{grid-template-columns:1fr auto}
.campaign-progress,.campaign-row>b{display:none}
.field-row{grid-template-columns:1fr}
.composer-actions{flex-direction:column-reverse}
.composer-actions button,.broadcast-top>.broadcast-primary{width:100%}}
.dashboard-main{grid-template-columns:minmax(0,1.6fr) minmax(330px,.8fr)}
.analytics-card{grid-column:1/-1}
.chart-period{display:grid;gap:3px;color:#918689;font-size:9px;font-weight:800;text-transform:uppercase}:where([data-theme=dark]) .chart-period{color:#8b7f82}
.analytics-card select{border:1px solid #eadfd9;border-radius:8px;padding:9px 34px 9px 12px;background-color:#fff;color:#302d2e;cursor:pointer;font:700 12px Montserrat,sans-serif}:where([data-theme=dark]) .analytics-card select{border:1px solid rgba(233,70,105,.18);background-color:#262123;color:#f6efec}
.analytics-card select:focus{outline:3px solid rgba(0,167,171,.16);border-color:#00a7ab}
.chart-legend{display:flex;gap:20px;margin:12px 0;font-size:12px;font-weight:700}
.chart-legend span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}
.chart-legend .sent:before{background:#e94669}
.chart-legend .delivered:before{background:#00a7ab}
.chart-legend .read:before{background:#177153}
.line-chart{display:block;width:100%;height:auto;min-height:220px;overflow:visible}
.chart-grid{fill:none;stroke:#eee7e3;stroke-width:1}:where([data-theme=dark]) .chart-grid{stroke:#3a3234}
.chart-labels{font-size:11px;fill:#918689}:where([data-theme=dark]) .chart-labels{fill:#8b7f82}
.chart-line{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.chart-line.sent{stroke:#e94669}
.chart-line.delivered{stroke:#00a7ab}
.chart-line.read{stroke:#177153}:where([data-theme=dark]) .chart-line.read{stroke:#5fd3a6}
.chart-point{stroke:#fff;stroke-width:2}:where([data-theme=dark]) .chart-point{stroke:#262123}
.chart-point.sent{fill:#e94669}
.chart-point.delivered{fill:#00a7ab}
.chart-point.read{fill:#177153}:where([data-theme=dark]) .chart-point.read{fill:#5fd3a6}
.chart-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid #eee7e3;padding-top:16px}:where([data-theme=dark]) .chart-summary{border-top:1px solid #3a3234}
.chart-summary span{display:grid;color:#6f6567;font-size:12px}:where([data-theme=dark]) .chart-summary span{color:#b9adaf}
.chart-summary b{color:#302d2e;font-size:18px}:where([data-theme=dark]) .chart-summary b{color:#f6efec}
.inbox-filters{display:flex;gap:8px}
.inbox-filters .active{border-color:#00a7ab;color:#007d81}:where([data-theme=dark]) .inbox-filters .active{color:#5cd6d9}
.inbox-note{margin-top:-4px}
.inbox-layout{display:grid;grid-template-columns:300px minmax(380px,1fr) 260px;gap:16px;min-height:600px}
.inbox-list,.chat-panel,.contact-panel{padding:0;overflow:hidden}
.search-field{display:grid;gap:6px;padding:16px;font-size:12px;font-weight:800}
.search-field input{padding:11px;border:1px solid #eadfd9;border-radius:6px}:where([data-theme=dark]) .search-field input{border:1px solid rgba(233,70,105,.18)}
.conversation-item{position:relative;width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:14px 16px;border:0;border-top:1px solid #eee7e3;background:#fff;text-align:left;cursor:pointer}:where([data-theme=dark]) .conversation-item{border-top:1px solid #3a3234;background:#262123}
.conversation-item.active{background:#d9f1f0}:where([data-theme=dark]) .conversation-item.active{background:rgba(0,167,171,.18)}
.conversation-item.blocked{opacity:.62}
.conversation-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:#f8dce3;color:#b72d4c;font-size:12px;font-weight:800}:where([data-theme=dark]) .conversation-avatar{background:rgba(233,70,105,.18);color:#ff8ba3}
.conversation-copy{min-width:0;display:grid}
.conversation-copy small{color:#6f6567;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where([data-theme=dark]) .conversation-copy small{color:#b9adaf}
.conversation-item time{font-size:10px;color:#918689;align-self:start}:where([data-theme=dark]) .conversation-item time{color:#8b7f82}
.conversation-item>b{position:absolute;right:15px;bottom:12px;background:#e94669;color:#fff;border-radius:999px;padding:2px 7px;font-size:10px}
.chat-panel{display:flex;flex-direction:column}
.chat-panel>header{display:flex;align-items:center;gap:11px;padding:16px;border-bottom:1px solid #eee7e3}:where([data-theme=dark]) .chat-panel>header{border-bottom:1px solid #3a3234}
.chat-panel>header div:nth-child(2){display:grid;flex:1}
.chat-panel>header small{color:#6f6567}:where([data-theme=dark]) .chat-panel>header small{color:#b9adaf}
.chat-history{flex:1;display:flex;flex-direction:column;gap:12px;padding:26px;background:#f7f4f2}:where([data-theme=dark]) .chat-history{background:#2e282a}
.bubble{max-width:74%;padding:12px 14px;border-radius:12px;font-size:14px}
.bubble time{display:block;text-align:right;color:#6f6567;font-size:10px;margin-top:5px}:where([data-theme=dark]) .bubble time{color:#b9adaf}
.bubble.outbound{margin-left:auto;background:#dff2e7;border-bottom-right-radius:4px}:where([data-theme=dark]) .bubble.outbound{background:rgba(0,167,171,.18)}
.bubble.inbound{background:#fff;border:1px solid #eadfd9;border-bottom-left-radius:4px}:where([data-theme=dark]) .bubble.inbound{background:#262123;border:1px solid rgba(233,70,105,.18)}
.chat-reply{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border-top:1px solid #eee7e3}:where([data-theme=dark]) .chat-reply{border-top:1px solid #3a3234}
.chat-reply textarea{resize:none;padding:12px;border:1px solid #eadfd9;border-radius:8px}:where([data-theme=dark]) .chat-reply textarea{border:1px solid rgba(233,70,105,.18)}
.chat-reply small{grid-column:1/-1;color:#918689}:where([data-theme=dark]) .chat-reply small{color:#8b7f82}
.contact-panel{padding:22px}
.contact-panel dl{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin:24px 0}
.contact-panel dt{color:#918689;font-size:12px}:where([data-theme=dark]) .contact-panel dt{color:#8b7f82}
.contact-panel dd{margin:0;font-size:13px;font-weight:700}
.consent-ok{color:#177153;background:#dff2e7;border-radius:999px;padding:4px 8px}:where([data-theme=dark]) .consent-ok{color:#5fd3a6;background:rgba(0,167,171,.18)}
.contact-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.contact-stats article{display:flex;align-items:baseline;gap:9px;background:#fff;border:1px solid #eadfd9;border-radius:12px;padding:16px}:where([data-theme=dark]) .contact-stats article{background:#262123;border:1px solid rgba(233,70,105,.18)}
.contact-stats strong{font-size:24px}
.contact-stats span{color:#6f6567;font-size:12px}:where([data-theme=dark]) .contact-stats span{color:#b9adaf}
.contacts-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.import-card p{color:#6f6567}:where([data-theme=dark]) .import-card p{color:#b9adaf}
.upload-zone{display:grid;place-items:center;gap:6px;min-height:150px;margin:18px 0;padding:20px;border:2px dashed #00a7ab;border-radius:12px;background:#d9f1f0;text-align:center;cursor:pointer}:where([data-theme=dark]) .upload-zone{background:rgba(0,167,171,.18)}
.upload-zone input{position:absolute;opacity:0;pointer-events:none}
.upload-zone span{color:#6f6567;font-size:12px}:where([data-theme=dark]) .upload-zone span{color:#b9adaf}
.manual-contact{display:grid;gap:14px}
.manual-contact label{display:grid;gap:6px;font-size:12px;font-weight:800}
.manual-contact input,.manual-contact select{padding:11px;border:1px solid #eadfd9;border-radius:6px}:where([data-theme=dark]) .manual-contact input,:where([data-theme=dark]) .manual-contact select{border:1px solid rgba(233,70,105,.18)}
.consent-check{grid-template-columns:auto 1fr!important;align-items:start}
.consent-check input{margin-top:3px}
.lists-card>header .search-field{padding:0}
.list-table>div{display:grid;grid-template-columns:1.5fr .7fr .8fr .6fr;gap:14px;align-items:center;padding:14px 0;border-top:1px solid #eee7e3}:where([data-theme=dark]) .list-table>div{border-top:1px solid #3a3234}
.list-table .list-head{color:#918689;font-size:11px;font-weight:800;text-transform:uppercase}:where([data-theme=dark]) .list-table .list-head{color:#8b7f82}
.list-table button{border:0;background:transparent;color:#00a7ab;font-weight:800;cursor:pointer;text-align:left}
@media(max-width:1180px){.inbox-layout{grid-template-columns:280px 1fr}
.contact-panel{display:none}}
@media(max-width:980px){.contact-stats{grid-template-columns:1fr 1fr}
.dashboard-main,.contacts-layout{grid-template-columns:1fr}
.inbox-layout{grid-template-columns:240px 1fr}
.chart-summary{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.broadcast-sidebar{padding-inline:6px;overflow-x:auto}
.broadcast-sidebar nav{grid-template-columns:repeat(6,minmax(52px,1fr));min-width:340px}
.contact-stats{grid-template-columns:1fr 1fr;gap:10px}
.line-chart{min-height:170px}
.inbox-filters{overflow-x:auto}
.inbox-layout{display:block}
.inbox-list{margin-bottom:16px}
.chat-panel{min-height:520px}
.chat-panel>header .broadcast-secondary{display:none}
.list-table{overflow-x:auto}
.list-table>div{min-width:650px}}
.conversation-title{margin-bottom:18px}
.conversation-title-actions{display:flex;align-items:center;gap:8px}
.connection-badge{padding:8px 12px;border-radius:999px;background:#fff0d9;color:#a96007;font-size:11px;font-weight:800}:where([data-theme=dark]) .connection-badge{background:rgba(233,70,105,.18);color:#f3b25c}
.campaign-chat-shell{display:grid;grid-template-columns:300px minmax(0,1fr) 270px;height:calc(100vh - 185px);min-height:610px;overflow:hidden;border:1px solid #eadfd9;border-radius:20px;background:#fff;box-shadow:0 12px 36px rgba(68,42,48,.06)}:where([data-theme=dark]) .campaign-chat-shell{border:1px solid rgba(233,70,105,.18);background:#262123}
.campaign-chat-list{overflow:auto;border-right:1px solid #eee7e3}:where([data-theme=dark]) .campaign-chat-list{border-right:1px solid #3a3234}
.campaign-chat-list>header{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:16px 18px;border-bottom:1px solid #eee7e3}:where([data-theme=dark]) .campaign-chat-list>header{border-bottom:1px solid #3a3234}
.campaign-chat-list h2{margin:0;font:500 20px Mitr}
.campaign-chat-list header span{color:#918689;font-size:11px}:where([data-theme=dark]) .campaign-chat-list header span{color:#8b7f82}
.campaign-chat-list header button{border:0;background:transparent;font-size:22px;cursor:pointer}
.campaign-chat-search{display:grid;gap:5px;padding:14px 16px 8px;color:#6f6567;font-size:11px;font-weight:800}:where([data-theme=dark]) .campaign-chat-search{color:#b9adaf}
.campaign-chat-search input{padding:10px 12px;border:1px solid #eadfd9;border-radius:9px}:where([data-theme=dark]) .campaign-chat-search input{border:1px solid rgba(233,70,105,.18)}
.campaign-chat-filters{display:flex;gap:5px;padding:6px 14px 12px;overflow:auto}
.campaign-chat-filters button{border:1px solid #eadfd9;border-radius:999px;padding:6px 9px;background:#fff;color:#6f6567;font-size:10px;font-weight:800;white-space:nowrap}:where([data-theme=dark]) .campaign-chat-filters button{border:1px solid rgba(233,70,105,.18);background:#262123;color:#b9adaf}
.campaign-chat-filters button.active{border-color:#00a7ab;background:#d9f1f0;color:#007d81}:where([data-theme=dark]) .campaign-chat-filters button.active{background:rgba(0,167,171,.18);color:#5cd6d9}
.campaign-chat-list .conversation-item.active{box-shadow:inset 3px 0 #00a7ab}
.campaign-chat-stage{min-width:0;display:flex;flex-direction:column;background:#fbf8f6}:where([data-theme=dark]) .campaign-chat-stage{background:#2b2527}
.campaign-chat-head{display:flex;align-items:center;gap:10px;min-height:72px;padding:14px 18px;border-bottom:1px solid #eee7e3;background:#fff}:where([data-theme=dark]) .campaign-chat-head{border-bottom:1px solid #3a3234;background:#262123}
.campaign-chat-back{display:none;border:0;background:transparent;font-size:28px}
.campaign-chat-contact{min-width:0;display:grid;flex:1}
.campaign-chat-contact small{overflow:hidden;color:#6f6567;font-size:11px;text-overflow:ellipsis;white-space:nowrap}:where([data-theme=dark]) .campaign-chat-contact small{color:#b9adaf}
.chat-finish,.chat-profile-toggle{border:1px solid #eadfd9;border-radius:9px;padding:9px 11px;background:#fff;color:#302d2e;font-size:11px;font-weight:800}:where([data-theme=dark]) .chat-finish,:where([data-theme=dark]) .chat-profile-toggle{border:1px solid rgba(233,70,105,.18);background:#262123;color:#f6efec}
.chat-profile-toggle{font-size:17px}
.campaign-chat-messages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:22px;background:#f7f4f2}:where([data-theme=dark]) .campaign-chat-messages{background:#2e282a}
.campaign-day{align-self:center;padding:5px 9px;border-radius:999px;background:#fff;color:#918689;font-size:10px}:where([data-theme=dark]) .campaign-day{background:#262123;color:#8b7f82}
.campaign-window-bar{padding:8px 14px;background:#dff2e7;color:#177153;text-align:center;font-size:11px;font-weight:700}:where([data-theme=dark]) .campaign-window-bar{background:rgba(0,167,171,.18);color:#5fd3a6}
.campaign-window-bar span{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#177153}
.campaign-chat-compose{display:grid;grid-template-columns:38px 38px minmax(0,1fr) 44px;gap:8px;padding:12px 14px;border-top:1px solid #eee7e3;background:#fff}:where([data-theme=dark]) .campaign-chat-compose{border-top:1px solid #3a3234;background:#262123}
.campaign-chat-compose button{border:1px solid #eadfd9;border-radius:10px;background:#fff}:where([data-theme=dark]) .campaign-chat-compose button{border:1px solid rgba(233,70,105,.18);background:#262123}
.campaign-chat-compose textarea{resize:none;border:1px solid #ddd2cd;border-radius:12px;padding:11px 12px;font:500 13px Montserrat}:where([data-theme=dark]) .campaign-chat-compose textarea{border:1px solid rgba(233,70,105,.18)}
.campaign-chat-compose .campaign-chat-send{border:0;background:#00a7ab;color:#fff;font-size:18px}
.campaign-chat-compose small{grid-column:1/-1;color:#918689;font-size:10px}:where([data-theme=dark]) .campaign-chat-compose small{color:#8b7f82}
.campaign-chat-profile{position:relative;overflow:auto;padding:26px 22px;border-left:1px solid #eee7e3;background:#fff}:where([data-theme=dark]) .campaign-chat-profile{border-left:1px solid #3a3234;background:#262123}
.profile-close{display:none;position:absolute;right:12px;top:12px;border:0;background:transparent;font-size:24px}
.profile-avatar{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:#f8dce3;color:#b72d4c;font-weight:800}:where([data-theme=dark]) .profile-avatar{background:rgba(233,70,105,.18);color:#ff8ba3}
.campaign-chat-profile h2{text-align:center;font:500 21px Mitr}
.campaign-chat-profile label{display:grid;gap:5px;margin:12px 0;font-size:11px;font-weight:800}
.campaign-chat-profile input{padding:10px;border:1px solid #eadfd9;border-radius:8px;background:#f7f4f2}:where([data-theme=dark]) .campaign-chat-profile input{border:1px solid rgba(233,70,105,.18);background:#2e282a}
.campaign-chat-profile dl{display:grid;grid-template-columns:auto 1fr;gap:10px;margin:22px 0}
.campaign-chat-profile dt{color:#918689;font-size:10px}:where([data-theme=dark]) .campaign-chat-profile dt{color:#8b7f82}
.campaign-chat-profile dd{margin:0;font-size:11px;font-weight:700}
.campaign-chat-profile>button{width:100%}
.campaign-chat-profile>small{display:block;margin-top:10px;color:#918689;font-size:10px;line-height:1.5}:where([data-theme=dark]) .campaign-chat-profile>small{color:#8b7f82}
@media(max-width:1200px){.campaign-chat-shell{grid-template-columns:280px minmax(0,1fr)}
.campaign-chat-profile{display:none}
.chat-profile-toggle{display:block}}
@media(max-width:760px){.conversation-title-actions .connection-badge{display:none}
.campaign-chat-shell{display:block;height:auto;min-height:0}
.campaign-chat-list{max-height:310px;border-right:0;border-bottom:1px solid #eee7e3}:where([data-theme=dark]) .campaign-chat-list{border-bottom:1px solid #3a3234}
.campaign-chat-stage{min-height:540px}
.campaign-chat-back{display:block}
.chat-finish span{display:none}
.campaign-chat-compose{grid-template-columns:36px minmax(0,1fr) 42px}
.campaign-chat-compose button:nth-child(2){display:none}}
body.broadcast-conversations{height:100vh;overflow:hidden}
.broadcast-conversations .broadcast-shell{height:100vh;min-height:0}
.broadcast-conversations .broadcast-content{height:100vh;overflow:hidden;padding-bottom:24px}
.broadcast-conversations .campaign-chat-shell{height:calc(100vh - 166px);min-height:0}
.broadcast-conversations .campaign-chat-list,.broadcast-conversations .campaign-chat-messages,.broadcast-conversations .campaign-chat-profile{overscroll-behavior:contain;scrollbar-width:none}
.broadcast-conversations .campaign-chat-list::-webkit-scrollbar,.broadcast-conversations .campaign-chat-messages::-webkit-scrollbar,.broadcast-conversations .campaign-chat-profile::-webkit-scrollbar{display:none}
.broadcast-auth-loading,.broadcast-auth-error{min-height:100vh;display:grid;place-items:center;padding:24px;color:#6f6567;font-weight:700}:where([data-theme=dark]) .broadcast-auth-loading,:where([data-theme=dark]) .broadcast-auth-error{color:#b9adaf}
.broadcast-auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#fff9f5,#f7ece8)}:where([data-theme=dark]) .broadcast-auth-shell{background:linear-gradient(145deg,#2b2527,rgba(233,70,105,.18))}
.broadcast-auth-card{width:min(100%,430px);padding:36px;border:1px solid #eadfd9;border-radius:20px;background:#fff;box-shadow:0 22px 60px rgba(93,45,51,.14)}:where([data-theme=dark]) .broadcast-auth-card{border:1px solid rgba(233,70,105,.18);background:#262123}
.broadcast-auth-card>img{display:block;width:170px;margin:0 auto 28px}
.broadcast-auth-card>span{display:block;color:#00a7ab;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}
.broadcast-auth-card h1{margin:5px 0 6px;font:500 28px Mitr}
.broadcast-auth-card>p{margin:0 0 24px;color:#6f6567}:where([data-theme=dark]) .broadcast-auth-card>p{color:#b9adaf}
.broadcast-auth-card form{display:grid;gap:15px}
.broadcast-auth-card form>label{display:grid;gap:7px;font-size:12px;font-weight:800}
.broadcast-auth-card input[type=text],.broadcast-auth-card input[type=password],.broadcast-auth-card input:not([type]){width:100%;padding:13px 14px;border:1px solid #ddd2cd;border-radius:9px;font:500 16px Montserrat}:where([data-theme=dark]) .broadcast-auth-card input[type=text],:where([data-theme=dark]) .broadcast-auth-card input[type=password],:where([data-theme=dark]) .broadcast-auth-card input:not([type]){border:1px solid rgba(233,70,105,.18)}
.broadcast-auth-card input:focus{outline:3px solid rgba(0,167,171,.16);border-color:#00a7ab}
.broadcast-auth-card .broadcast-remember{display:flex;grid-template-columns:none;align-items:center;gap:9px;color:#6f6567;font-weight:600}:where([data-theme=dark]) .broadcast-auth-card .broadcast-remember{color:#b9adaf}
.broadcast-auth-card .broadcast-remember input{width:auto}
.broadcast-auth-card button{width:100%}
.broadcast-auth-card>a{display:block;margin-top:18px;color:#00a7ab;text-align:center;font-size:12px;font-weight:800}
.broadcast-auth-card #broadcast-auth-error{min-height:18px;margin:0;color:#b72d4c;font-size:12px}:where([data-theme=dark]) .broadcast-auth-card #broadcast-auth-error{color:#ff8ba3}
.broadcast-logout{margin-left:auto;border:0;background:transparent;color:#fff;font-size:11px;font-weight:800;cursor:pointer;opacity:.75}
.broadcast-logout:hover{opacity:1}
.broadcast-empty{display:grid;place-items:center;gap:6px;min-height:150px;padding:24px;border:1px dashed #d9cec8;border-radius:12px;background:#fbf8f6;color:#6f6567;text-align:center}:where([data-theme=dark]) .broadcast-empty{border:1px dashed rgba(233,70,105,.18);background:#2b2527;color:#b9adaf}
.broadcast-empty strong{color:#302d2e}:where([data-theme=dark]) .broadcast-empty strong{color:#f6efec}
.broadcast-empty span{max-width:560px;font-size:13px;line-height:1.55}
.broadcast-chat-empty{display:grid;grid-template-columns:1fr;place-items:center}
.broadcast-chat-empty>div{width:min(620px,90%)}
.broadcast-conversation-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);height:100%;min-height:0;overflow:hidden;border:1px solid #e6dcda;border-radius:18px;background:#fff;box-shadow:0 12px 38px rgba(62,43,47,.07)}:where([data-theme=dark]) .broadcast-conversation-workspace{border:1px solid #3a3234;background:#262123}
.bc-chat-list{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;border-right:1px solid #e9e0dd;background:#fff}:where([data-theme=dark]) .bc-chat-list{border-right:1px solid #3a3234;background:#262123}
.bc-chat-list>header{display:flex;align-items:center;justify-content:space-between;min-height:88px;padding:20px 22px;border-bottom:1px solid #e9e0dd}:where([data-theme=dark]) .bc-chat-list>header{border-bottom:1px solid #3a3234}
.bc-chat-list>header div{display:grid;gap:3px}
.bc-chat-list>header span{color:#008d91;font-size:9px;font-weight:800;letter-spacing:.15em}:where([data-theme=dark]) .bc-chat-list>header span{color:#5cd6d9}
.bc-chat-list h1{margin:0;font:500 25px/1.05 Mitr}
.bc-chat-list>header b{display:inline-flex;align-items:center;gap:6px;color:#748082;font-size:9px}:where([data-theme=dark]) .bc-chat-list>header b{color:#8b7f82}
.bc-chat-list>header i{width:8px;height:8px;border-radius:50%;background:#19b975;box-shadow:0 0 0 4px #def5ea}
.bc-chat-tools{display:grid;gap:11px;padding:12px 14px;border-bottom:1px solid #eee6e3}:where([data-theme=dark]) .bc-chat-tools{border-bottom:1px solid #3a3234}
.bc-chat-tools label{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border:1px solid #ded4d0;border-radius:12px;background:#fff}:where([data-theme=dark]) .bc-chat-tools label{border:1px solid rgba(233,70,105,.18);background:#262123}
.bc-chat-tools label svg{width:17px;height:17px;fill:none;stroke:#008d91;stroke-width:1.8}:where([data-theme=dark]) .bc-chat-tools label svg{stroke:#5cd6d9}
.bc-chat-tools input{min-width:0;width:100%;border:0;outline:0;background:transparent;font:600 12px Montserrat;color:#302d2e}:where([data-theme=dark]) .bc-chat-tools input{color:#f6efec}
.bc-chat-tools>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.bc-chat-tools button{height:33px;overflow:hidden;border:1px solid #e3d9d5;border-radius:999px;background:#fff;color:#756c6e;font:800 9px Montserrat;text-overflow:ellipsis;white-space:nowrap}:where([data-theme=dark]) .bc-chat-tools button{border:1px solid rgba(233,70,105,.18);background:#262123;color:#b9adaf}
.bc-chat-tools button.active{border-color:#00a7ab;background:#e6f7f7;color:#007c80}:where([data-theme=dark]) .bc-chat-tools button.active{background:rgba(0,167,171,.18);color:#5cd6d9}
.bc-chat-list-empty{display:grid;place-items:center;align-content:center;gap:6px;min-height:0;padding:24px;color:#8c8183;text-align:center}:where([data-theme=dark]) .bc-chat-list-empty{color:#8b7f82}
.bc-chat-list-empty strong{color:#51494a;font-size:12px}:where([data-theme=dark]) .bc-chat-list-empty strong{color:#f6efec}
.bc-chat-list-empty span{max-width:220px;font-size:10px;line-height:1.5}
.bc-chat-panel{display:grid;min-width:0;min-height:0;background:#faf7f5;background-image:radial-gradient(rgba(0,139,143,.07) .7px,transparent .7px);background-size:18px 18px}:where([data-theme=dark]) .bc-chat-panel{background:#2b2527}
.bc-chat-placeholder{display:grid;place-items:center;align-content:center;padding:30px;color:#8c8183;text-align:center}:where([data-theme=dark]) .bc-chat-placeholder{color:#8b7f82}
.bc-chat-placeholder svg{width:38px;height:38px;margin-bottom:10px;fill:none;stroke:#008d91;stroke-width:1.5}:where([data-theme=dark]) .bc-chat-placeholder svg{stroke:#5cd6d9}
.bc-chat-placeholder h2{margin:0 0 6px;font:500 20px Mitr;color:#302d2e}:where([data-theme=dark]) .bc-chat-placeholder h2{color:#f6efec}
.bc-chat-placeholder p{max-width:460px;margin:0;font-size:11px}
.bc-chat-placeholder small{max-width:440px;margin-top:12px;color:#9a8f91;font-size:9px}:where([data-theme=dark]) .bc-chat-placeholder small{color:#8b7f82}
.bc-chat-profile{display:none}
.bc-chat-panel.profile-open{grid-template-columns:minmax(0,1fr) 290px}
.bc-chat-panel.profile-open .bc-chat-profile{display:block}
@media(max-width:900px){.broadcast-conversation-workspace{grid-template-columns:300px minmax(0,1fr)}
.bc-chat-list>header{padding:16px}
.bc-chat-list h1{font-size:22px}}
@media(max-width:700px){.broadcast-conversation-workspace{display:block}
.bc-chat-list{height:100%;border-right:0}
.bc-chat-panel{display:none}}
.bc-chat-rows{min-height:0;overflow:auto}
.bc-chat-row{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;width:100%;padding:13px 14px;border:0;border-bottom:1px solid #f0e9e6;background:#fff;color:#302d2e;text-align:left}:where([data-theme=dark]) .bc-chat-row{border-bottom:1px solid #3a3234;background:#262123;color:#f6efec}
.bc-chat-row:hover,.bc-chat-row.active{background:#eefafa}:where([data-theme=dark]) .bc-chat-row:hover,:where([data-theme=dark]) .bc-chat-row.active{background:#2b2527}
.bc-chat-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dff3f2;color:#008d91;font:800 14px Montserrat}:where([data-theme=dark]) .bc-chat-avatar{background:rgba(0,167,171,.18);color:#5cd6d9}
.bc-chat-row>span:nth-child(2){display:grid;align-content:center;min-width:0;gap:4px}
.bc-chat-row strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.bc-chat-row small{overflow:hidden;color:#857b7d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}:where([data-theme=dark]) .bc-chat-row small{color:#8b7f82}
.bc-chat-row time{color:#9a8f91;font-size:8px}:where([data-theme=dark]) .bc-chat-row time{color:#8b7f82}
.bc-chat-row>b{position:absolute;right:14px;bottom:10px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#00a7ab;color:#fff;font-size:8px}
.bc-thread{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;min-height:0}
.bc-thread>header{display:flex;align-items:center;gap:11px;min-height:64px;padding:10px 18px;border-bottom:1px solid #e9e0dd;background:#fff}:where([data-theme=dark]) .bc-thread>header{border-bottom:1px solid #3a3234;background:#262123}
.bc-thread>header>div{display:grid;gap:2px}
.bc-thread>header strong{font-size:12px}
.bc-thread>header small{color:#847a7c;font-size:9px}:where([data-theme=dark]) .bc-thread>header small{color:#8b7f82}
.bc-thread-actions{display:flex!important;grid-auto-flow:column;gap:7px;margin-left:auto}
.bc-thread>header button{border:1px solid #ded4d0;border-radius:9px;background:#fff;padding:8px 10px;color:#655d5f;font:700 9px Montserrat}:where([data-theme=dark]) .bc-thread>header button{border:1px solid rgba(233,70,105,.18);background:#262123;color:#b9adaf}
.bc-thread-messages{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding:18px}
.bc-message{align-self:flex-start;max-width:min(72%,560px);padding:10px 12px;border-radius:5px 14px 14px 14px;background:#fff;box-shadow:0 2px 8px rgba(62,43,47,.08)}:where([data-theme=dark]) .bc-message{background:#262123}
.bc-message.outbound{align-self:flex-end;border-radius:14px 5px 14px 14px;background:#dcf8f3}:where([data-theme=dark]) .bc-message.outbound{background:rgba(0,167,171,.18)}
.bc-message p{margin:7px 0 0;color:#302d2e;font-size:11px;line-height:1.5;white-space:pre-wrap}:where([data-theme=dark]) .bc-message p{color:#f6efec}
.bc-message small{display:block;margin-top:5px;color:#8c8183;font-size:8px;text-align:right}:where([data-theme=dark]) .bc-message small{color:#8b7f82}
.bc-message em{display:block;margin-top:4px;color:#a32939;font-size:8px}:where([data-theme=dark]) .bc-message em{color:#ff8ba3}
.bc-media-image,.bc-media-video{display:block;max-width:320px;max-height:260px;border-radius:10px;object-fit:contain}
.bc-media-sticker{display:block;width:150px;height:150px;object-fit:contain}
.bc-media-audio{display:block;width:280px;max-width:100%}
.bc-media-document{display:block;padding:10px 12px;border-radius:9px;background:#f3efed;color:#007f83;font-size:10px;font-weight:700;text-decoration:none}:where([data-theme=dark]) .bc-media-document{background:#2e282a;color:#5cd6d9}
.bc-window{padding:6px 18px;border-top:1px solid #e9e0dd;background:#fff7df;color:#7f650e;font-size:8px;text-align:center}:where([data-theme=dark]) .bc-window{border-top:1px solid #3a3234;background:rgba(233,70,105,.18);color:#f3b25c}
.bc-window.open{background:#e6f7ef;color:#167350}:where([data-theme=dark]) .bc-window.open{background:rgba(0,167,171,.18);color:#5fd3a6}
.bc-compose{position:relative;display:grid;grid-template-columns:38px 38px minmax(0,1fr) auto;gap:7px;padding:9px 12px;border-top:1px solid #e9e0dd;background:#fff}:where([data-theme=dark]) .bc-compose{border-top:1px solid #3a3234;background:#262123}
.bc-compose>button{border:0;border-radius:10px;background:#e7f5f4;color:#007f83;font:800 11px Montserrat}:where([data-theme=dark]) .bc-compose>button{background:rgba(0,167,171,.18);color:#5cd6d9}
.bc-compose>button[type=submit]{padding:0 16px;background:#008f93;color:#fff}
.bc-compose>button.recording{background:#ffe0e4;color:#b0273c;animation:pulse-record 1s infinite}:where([data-theme=dark]) .bc-compose>button.recording{background:rgba(233,70,105,.18);color:#ff8ba3}
.bc-compose textarea{min-height:40px;max-height:96px;resize:none;border:1px solid #ddd3cf;border-radius:10px;padding:10px 12px;font:500 11px Montserrat}:where([data-theme=dark]) .bc-compose textarea{border:1px solid rgba(233,70,105,.18)}
.bc-compose small{position:absolute;right:12px;bottom:54px;max-width:70%;padding:4px 7px;border-radius:6px;background:#fff;color:#8c6167;font-size:8px}:where([data-theme=dark]) .bc-compose small{background:#262123;color:#b9adaf}
.bc-compose small:empty{display:none}
@keyframes pulse-record{50%{opacity:.55}}
.bc-chat-profile{min-width:0;border-left:1px solid #e9e0dd;background:#fff;padding:16px;overflow:auto}:where([data-theme=dark]) .bc-chat-profile{border-left:1px solid #3a3234;background:#262123}
.bc-chat-profile>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.bc-chat-profile>header strong{font-size:12px}
.bc-chat-profile>header button{border:0;background:none;font-size:20px}
.bc-chat-profile>div{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid #f0e9e6}:where([data-theme=dark]) .bc-chat-profile>div{border-bottom:1px solid #3a3234}
.bc-chat-profile>div span{color:#8c8183;font-size:8px;text-transform:capitalize}:where([data-theme=dark]) .bc-chat-profile>div span{color:#8b7f82}
.bc-chat-profile>div strong{font-size:10px;word-break:break-word}
.bc-profile-empty{color:#8c8183;font-size:9px;line-height:1.5}:where([data-theme=dark]) .bc-profile-empty{color:#8b7f82}
.broadcast-templates-view{display:grid;gap:18px;padding-bottom:28px}
.broadcast-new-template{display:grid;gap:13px}
.broadcast-new-template h2,.broadcast-template-card h2{margin:0;font:500 18px Mitr}
.broadcast-new-template>label,.broadcast-template-card>label,.template-grid-fields label,.template-examples label{display:grid;gap:6px;color:#655d5f;font-size:10px;font-weight:700}:where([data-theme=dark]) .broadcast-new-template>label,:where([data-theme=dark]) .broadcast-template-card>label,:where([data-theme=dark]) .template-grid-fields label,:where([data-theme=dark]) .template-examples label{color:#b9adaf}
.broadcast-new-template input,.broadcast-new-template select,.broadcast-new-template textarea,.broadcast-template-card input,.broadcast-template-card select,.broadcast-template-card textarea{width:100%;box-sizing:border-box;border:1px solid #ded4d0;border-radius:10px;background:#fff;padding:10px 12px;color:#302d2e;font:500 11px Montserrat}:where([data-theme=dark]) .broadcast-new-template input,:where([data-theme=dark]) .broadcast-new-template select,:where([data-theme=dark]) .broadcast-new-template textarea,:where([data-theme=dark]) .broadcast-template-card input,:where([data-theme=dark]) .broadcast-template-card select,:where([data-theme=dark]) .broadcast-template-card textarea{border:1px solid rgba(233,70,105,.18);background:#262123;color:#f6efec}
.broadcast-new-template textarea,.broadcast-template-card textarea{resize:vertical;line-height:1.55}
.broadcast-new-template>small{color:#817779;font-size:9px}:where([data-theme=dark]) .broadcast-new-template>small{color:#b9adaf}
.broadcast-new-template>button{justify-self:start}
.template-grid-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.broadcast-template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.broadcast-template-card{display:grid;gap:13px;padding:20px;border:1px solid #e6dcda;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(62,43,47,.05)}:where([data-theme=dark]) .broadcast-template-card{border:1px solid #3a3234;background:#262123}
.broadcast-template-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.broadcast-template-card>header div{display:grid;gap:4px}
.broadcast-template-card>header small{color:#8c8183;font-size:8px}:where([data-theme=dark]) .broadcast-template-card>header small{color:#8b7f82}
.template-pill{border-radius:999px;padding:6px 9px;background:#eee9e7;color:#756c6e;font-size:8px;font-weight:800}:where([data-theme=dark]) .template-pill{background:#2e282a;color:#b9adaf}
.template-pill.approved{background:#dff5e9;color:#087c4b}:where([data-theme=dark]) .template-pill.approved{background:rgba(0,167,171,.18);color:#5fd3a6}
.template-pill.pending{background:#fff0ce;color:#8a6200}:where([data-theme=dark]) .template-pill.pending{background:rgba(233,70,105,.18);color:#f3b25c}
.template-pill.rejected{background:#ffe3e6;color:#a32939}:where([data-theme=dark]) .template-pill.rejected{background:rgba(233,70,105,.18);color:#ff8ba3}
.template-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;border-radius:12px;background:#f8f5f3}:where([data-theme=dark]) .template-examples{background:#2e282a}
.template-examples>strong{grid-column:1/-1;font-size:9px}
.broadcast-template-card>footer{display:flex;justify-content:flex-end;gap:9px}
.template-feedback{min-height:14px;margin:0;color:#657173;font-size:9px}:where([data-theme=dark]) .template-feedback{color:#b9adaf}
.template-error{margin:0;padding:12px 14px;border:1px solid #f2c8cd;border-radius:10px;background:#fff3f4;color:#9c2f3c;font-size:10px;line-height:1.5}:where([data-theme=dark]) .template-error{border:1px solid rgba(233,70,105,.18);background:#2e282a;color:#ff8ba3}
@media(max-width:1050px){.broadcast-template-list{grid-template-columns:1fr}}
@media(max-width:700px){.template-grid-fields,.template-examples{grid-template-columns:1fr}
.broadcast-template-card>footer{flex-direction:column}}
.quick-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end}
.quick-list label,.import-card>label,.manual-contact>label,.field-row label{display:grid;gap:6px;color:#655d5f;font-size:10px;font-weight:700}:where([data-theme=dark]) .quick-list label,:where([data-theme=dark]) .import-card>label,:where([data-theme=dark]) .manual-contact>label,:where([data-theme=dark]) .field-row label{color:#b9adaf}
.quick-list input,.import-card input,.manual-contact input,.manual-contact select{width:100%;box-sizing:border-box;border:1px solid #ded4d0;border-radius:10px;background:#fff;padding:10px 12px;color:#302d2e;font:500 11px Montserrat}:where([data-theme=dark]) .quick-list input,:where([data-theme=dark]) .import-card input,:where([data-theme=dark]) .manual-contact input,:where([data-theme=dark]) .manual-contact select{border:1px solid rgba(233,70,105,.18);background:#262123;color:#f6efec}
.import-actions{display:flex;gap:9px;flex-wrap:wrap}
.consent-check{display:flex!important;grid-column:1/-1;align-items:center;gap:9px}
.consent-check input{width:16px;height:16px}
.consent-check span{font-size:9px;line-height:1.4}
@media(max-width:800px){.quick-list{grid-template-columns:1fr}}
@media(max-width:760px){body.broadcast-conversations .broadcast-content{padding-top:14px;padding-bottom:82px}
.broadcast-conversations .conversation-title{display:none}
.broadcast-conversations .campaign-chat-shell{height:calc(100vh - 96px)}
.broadcast-conversations .campaign-chat-list{height:35%;max-height:none;overflow:auto}
.broadcast-conversations .campaign-chat-stage{height:65%;min-height:0}
.broadcast-conversations .campaign-chat-head{min-height:58px;padding-block:8px}
.broadcast-conversations .campaign-chat-messages{min-height:0}
.broadcast-conversations .campaign-chat-compose{padding:8px}
.broadcast-conversations .campaign-window-bar{padding:6px}}
.broadcast-lock.enabled{border-color:#2c9b70;background:#e1f4eb;color:#176044}:where([data-theme=dark]) .broadcast-lock.enabled{background:rgba(0,167,171,.18);color:#5fd3a6}
.campaign-row{grid-template-columns:minmax(190px,1fr) auto 120px 38px auto}
.campaign-controls{display:flex;gap:6px}
.campaign-controls button{border:1px solid #eadfd9;border-radius:7px;padding:6px 9px;background:#fff;color:#6f2637;font-size:10px;font-weight:800;cursor:pointer}:where([data-theme=dark]) .campaign-controls button{border:1px solid rgba(233,70,105,.18);background:#262123;color:#ff8ba3}
.bc-chat-row[hidden]{display:none!important}
.broadcast-content>.broadcast-top,.broadcast-templates-view>.broadcast-top{margin-bottom:20px}
.broadcast-top h1,.contacts-head h1{font-size:32px;line-height:1.15}
.broadcast-top>div>span,.contacts-head>div>span{display:block;margin-top:5px;font-size:11px}
.broadcast-card,.broadcast-metrics article{border-color:#e7ddda;border-radius:16px;box-shadow:0 10px 30px rgba(68,42,48,.05)}:where([data-theme=dark]) .broadcast-card,:where([data-theme=dark]) .broadcast-metrics article{border-color:#3a3234}
.broadcast-metrics{gap:14px;margin-bottom:18px}
.broadcast-metrics article{min-height:94px;box-sizing:border-box;padding:18px 20px}
.broadcast-metrics strong{font-size:27px}
.broadcast-metrics small{font-size:10px}
.button-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.button-with-icon svg,.compact-empty svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.broadcast-lock{margin-bottom:18px}
.analytics-card{padding-bottom:18px}
.analytics-card .line-chart{max-height:210px}
.chart-summary{padding-top:12px}
.composer-grid{gap:18px}
.composer,.phone-preview{padding:22px}
.phone-preview{display:flex;min-height:330px;flex-direction:column}
.phone-preview>[data-campaign-preview]{display:grid;flex:1;place-items:center}
.phone-preview .broadcast-empty{width:100%;box-sizing:border-box}
.preview-message{width:100%;box-sizing:border-box;padding:18px;border-radius:12px;background:#dcf8f3;box-shadow:0 5px 16px rgba(48,45,46,.08)}:where([data-theme=dark]) .preview-message{background:rgba(0,167,171,.18)}
.preview-message small{color:#177153;font-size:9px;font-weight:800;text-transform:uppercase}:where([data-theme=dark]) .preview-message small{color:#5fd3a6}
.preview-message p{margin:9px 0 0;font-size:12px;line-height:1.6;white-space:pre-wrap}
.preview-message mark{border-radius:4px;background:#fff0c9;padding:2px 4px;color:#725400}:where([data-theme=dark]) .preview-message mark{background:rgba(233,70,105,.18);color:#ff8ba3}
.report-card{padding:20px}
.compact-empty{display:grid;justify-items:center;gap:7px;padding:42px 20px;border:1px dashed #ded4d0;border-radius:12px;color:#817779;text-align:center}:where([data-theme=dark]) .compact-empty{border:1px dashed rgba(233,70,105,.18);color:#b9adaf}
.compact-empty svg{width:23px;height:23px;color:#00a7ab}
.compact-empty strong{color:#302d2e;font-size:12px}:where([data-theme=dark]) .compact-empty strong{color:#f6efec}
.compact-empty span{font-size:9px}
.broadcast-templates-view{gap:16px}
.broadcast-new-template{padding:22px}
.broadcast-new-template textarea{min-height:92px}
.broadcast-new-template>button{min-width:150px}
.broadcast-template-card{box-shadow:0 10px 30px rgba(68,42,48,.05)}
@media(max-width:640px){.broadcast-top h1,.contacts-head h1{font-size:27px}
.broadcast-metrics article{min-height:82px;padding:15px}
.button-with-icon span{display:inline}
.phone-preview{min-height:240px}}
.broadcast-top,.contacts-head{box-sizing:border-box;height:92px;min-height:92px}
.contacts-page,.broadcast-templates-view{gap:20px}
.contacts-page>.contacts-head,.broadcast-templates-view>.broadcast-top{margin-bottom:0}
@media(max-width:640px){.broadcast-top,.contacts-head{height:auto;min-height:0}}
.broadcast-top .broadcast-primary,.broadcast-top .broadcast-primary span,.broadcast-primary.button-with-icon,.broadcast-primary.button-with-icon span{color:#fff}
.broadcast-primary.button-with-icon svg{stroke:#fff}:where([data-theme=dark]) .broadcast-primary.button-with-icon svg{stroke:#262123}
.contacts-page{display:grid;gap:18px}
.contacts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.contacts-head p{margin:0 0 4px;color:#00a7ab;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}
.contacts-head h1{margin:0;font:500 34px Mitr}
.contacts-head>div>span{color:#817779;font-size:12px}:where([data-theme=dark]) .contacts-head>div>span{color:#b9adaf}
.contact-actions{display:flex;gap:7px;padding:5px;border:1px solid #e7ddda;border-radius:12px;background:#fff}:where([data-theme=dark]) .contact-actions{border:1px solid #3a3234;background:#262123}
.contact-actions button{display:flex;align-items:center;gap:7px;border:0;border-radius:8px;padding:10px 12px;background:transparent;color:#716769;font:700 10px Montserrat;cursor:pointer;transition:.16s ease}:where([data-theme=dark]) .contact-actions button{color:#b9adaf}
.contact-actions button:hover{background:#f7f3f1;color:#302d2e}:where([data-theme=dark]) .contact-actions button:hover{background:#2e282a;color:#f6efec}
.contact-actions button.active{background:#dff3f2;color:#007f83}:where([data-theme=dark]) .contact-actions button.active{background:rgba(0,167,171,.18);color:#5cd6d9}
.contact-actions svg,.contact-action-panel header svg,.contact-empty svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-summary{display:flex;gap:0;border:1px solid #e7ddda;border-radius:12px;background:#fff;overflow:hidden}:where([data-theme=dark]) .contact-summary{border:1px solid #3a3234;background:#262123}
.contact-summary div{display:flex;align-items:baseline;gap:7px;flex:1;padding:13px 18px;border-right:1px solid #eee7e3}:where([data-theme=dark]) .contact-summary div{border-right:1px solid #3a3234}
.contact-summary div:last-child{border:0}
.contact-summary strong{font-size:20px}
.contact-summary span{color:#817779;font-size:10px}:where([data-theme=dark]) .contact-summary span{color:#b9adaf}
.contact-workspace{display:grid;grid-template-columns:minmax(380px,.8fr) minmax(480px,1.2fr);gap:18px;align-items:start}
.contact-action-panel,.contact-lists{border:1px solid #e7ddda;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(68,42,48,.05)}:where([data-theme=dark]) .contact-action-panel,:where([data-theme=dark]) .contact-lists{border:1px solid #3a3234;background:#262123}
.contact-action-panel>form{display:grid;gap:13px;padding:22px}
.contact-action-panel>form[hidden]{display:none}
.contact-action-panel form>header{display:flex;align-items:center;gap:11px}
.contact-action-panel form>header>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#dff3f2;color:#008d91}:where([data-theme=dark]) .contact-action-panel form>header>span{background:rgba(0,167,171,.18);color:#5cd6d9}
.contact-action-panel h2,.contact-lists h2{margin:0;font:500 19px Mitr}
.contact-action-panel header p{margin:2px 0 0;color:#817779;font-size:9px}:where([data-theme=dark]) .contact-action-panel header p{color:#b9adaf}
.contact-action-panel label{display:grid;gap:5px;color:#5f5658;font-size:9px;font-weight:800}:where([data-theme=dark]) .contact-action-panel label{color:#b9adaf}
.contact-action-panel input,.contact-action-panel select{box-sizing:border-box;width:100%;border:1px solid #ded4d0;border-radius:9px;padding:10px 11px;background:#fff;color:#302d2e;font:500 10px Montserrat}:where([data-theme=dark]) .contact-action-panel input,:where([data-theme=dark]) .contact-action-panel select{border:1px solid rgba(233,70,105,.18);background:#262123;color:#f6efec}
.contact-action-panel .upload-zone{min-height:92px;margin:0;border-width:1px;border-color:#67c5c7;background:#f0fafa}:where([data-theme=dark]) .contact-action-panel .upload-zone{background:#2b2527}
.contact-action-panel form>footer{display:flex;justify-content:flex-end;gap:8px;padding-top:3px}
.contact-lists{overflow:hidden}
.contact-lists>header{padding:18px 20px;border-bottom:1px solid #eee7e3}:where([data-theme=dark]) .contact-lists>header{border-bottom:1px solid #3a3234}
.contact-lists>header div{display:flex;align-items:baseline;justify-content:space-between}
.contact-lists>header small{color:#918689;font-size:9px}:where([data-theme=dark]) .contact-lists>header small{color:#8b7f82}
.contact-list-table>div{display:grid;grid-template-columns:minmax(160px,1fr) 64px 54px 96px;gap:12px;align-items:center;padding:13px 20px;border-bottom:1px solid #f1ebe8;font-size:10px}:where([data-theme=dark]) .contact-list-table>div{border-bottom:1px solid #3a3234}
.contact-list-table>div:last-child{border:0}
.contact-list-table .contact-list-head{color:#918689;font-size:8px;font-weight:800;text-transform:uppercase}:where([data-theme=dark]) .contact-list-table .contact-list-head{color:#8b7f82}
.contact-list-table time{color:#817779;font-size:9px}:where([data-theme=dark]) .contact-list-table time{color:#b9adaf}
.contact-empty{display:grid;justify-items:center;gap:7px;padding:54px 20px;color:#817779;text-align:center}:where([data-theme=dark]) .contact-empty{color:#b9adaf}
.contact-empty>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f2eeee;color:#918689}:where([data-theme=dark]) .contact-empty>span{background:#2e282a;color:#8b7f82}
.contact-empty small{font-size:9px}
@media(max-width:980px){.contacts-head{align-items:stretch;flex-direction:column}
.contact-actions{align-self:flex-start}
.contact-workspace{grid-template-columns:1fr}}
@media(max-width:640px){.contact-actions{width:100%;overflow:auto}
.contact-actions button{flex:1;justify-content:center;white-space:nowrap}
.contact-actions button span{display:none}
.contact-summary{display:grid;grid-template-columns:1fr 1fr}
.contact-summary div:nth-child(2){border-right:0}
.contact-summary div:nth-child(-n+2){border-bottom:1px solid #eee7e3}:where([data-theme=dark]) .contact-summary div:nth-child(-n+2){border-bottom:1px solid #3a3234}
.contact-workspace{display:block}
.contact-lists{margin-top:14px}
.contact-list-table{overflow:auto}
.contact-list-table>div{min-width:500px}
.contacts-head h1{font-size:28px}}
.broadcast-nav-item,.broadcast-primary,.broadcast-secondary,.bc-chat-row,.bc-thread button,.bc-compose button{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease}
.broadcast-nav-item:hover,.broadcast-primary:hover,.broadcast-secondary:hover,.bc-thread button:hover,.bc-compose button:hover:not(:disabled){transform:translateY(-1px)}
.broadcast-primary:active,.broadcast-secondary:active,.bc-thread button:active,.bc-compose button:active:not(:disabled){transform:translateY(1px) scale(.98)}
.bc-chat-row:hover{transform:translateX(2px)}
.bc-thread-actions button{display:inline-flex!important;align-items:center;gap:6px}
.bc-thread-actions svg,.bc-compose svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bc-compose>button{display:flex;align-items:center;justify-content:center}
.bc-compose>button[type=submit]{gap:7px;min-width:94px}
.bc-media-frame{display:block;width:min(320px,100%);min-height:180px;border-radius:10px;background:linear-gradient(110deg,#eee8e5 8%,#faf7f5 18%,#eee8e5 33%);background-size:200% 100%;animation:bc-shimmer 1.2s linear infinite;overflow:hidden}:where([data-theme=dark]) .bc-media-frame{background:linear-gradient(110deg,#2e282a 8%,#2b2527 18%,#2e282a 33%)}
.bc-media-frame.sticker{width:150px;min-height:150px;background:transparent;animation:none}
.bc-media-frame img{width:100%;height:auto;vertical-align:middle}
.bc-chat-end{height:1px;flex:0 0 1px}
@keyframes bc-shimmer{to{background-position-x:-200%}}
@media(prefers-reduced-motion:reduce){.broadcast-nav-item,.broadcast-primary,.broadcast-secondary,.bc-chat-row,.bc-thread button,.bc-compose button{transition:none}
.bc-media-frame{animation:none}}
/* Contrato vertical único das páginas (Conversas mantém o layout próprio). */
@media(min-width:641px){.broadcast-content>.broadcast-top,
  .contacts-page>.contacts-head,
  .broadcast-templates-view>.broadcast-top{
    box-sizing:border-box;
    height:92px;
    min-height:92px;
    margin:0 0 20px!important;
    align-items:flex-start;
  }
.broadcast-top h1,.contacts-head h1{font-size:32px;line-height:1.15}
.broadcast-top>button,.contacts-head>.contact-actions{margin-top:24px}
.contacts-page,.broadcast-templates-view{display:block}
.contact-summary{margin-bottom:18px}
.broadcast-new-template{margin-bottom:16px}}
@media(min-width:641px) and (max-width:980px){.broadcast-content>.broadcast-top,
  .contacts-page>.contacts-head,
  .broadcast-templates-view>.broadcast-top{height:156px;min-height:156px}
.contacts-head>.contact-actions{margin-top:14px}}
.broadcast-content{margin:0 auto}
#broadcast-import-form .upload-zone:after{content:'Consentimento confirmado e origem Loja serão aplicados automaticamente.';display:block;margin-top:5px;color:#817779;font-size:8px}:where([data-theme=dark]) #broadcast-import-form .upload-zone:after{color:#b9adaf}
#broadcast-import-form .template-feedback{min-height:18px;padding:8px 10px;border-radius:8px;font-size:9px;line-height:1.45}
#broadcast-import-form .template-feedback:empty{padding:0}
#broadcast-import-form .template-feedback.success{background:#e1f4eb;color:#176044}:where([data-theme=dark]) #broadcast-import-form .template-feedback.success{background:rgba(0,167,171,.18);color:#5fd3a6}
#broadcast-import-form .template-feedback.error{background:#fff0f2;color:#a32939}:where([data-theme=dark]) #broadcast-import-form .template-feedback.error{background:rgba(233,70,105,.18);color:#ff8ba3}
#broadcast-import-form button.is-loading{display:inline-flex;align-items:center;gap:8px;opacity:1;background:#d43d5e}
#broadcast-import-form button.is-loading i{width:13px;height:13px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:import-spin .7s linear infinite}:where([data-theme=dark]) #broadcast-import-form button.is-loading i{border-top-color:#3a3234}
@keyframes import-spin{to{transform:rotate(360deg)}}
#broadcast-import-form.is-loading .upload-zone,#broadcast-import-form.is-loading input{opacity:.65;pointer-events:none}
#broadcast-import-form .upload-zone{transition:border-color .16s ease,background-color .16s ease,transform .16s ease}
#broadcast-import-form .upload-zone.dragging{border-color:#008f93;background:#dff5f4;transform:scale(1.01)}:where([data-theme=dark]) #broadcast-import-form .upload-zone.dragging{background:rgba(0,167,171,.18)}
#broadcast-import-form .upload-zone.has-file{border-style:solid;border-color:#28a274;background:#eaf8f1}:where([data-theme=dark]) #broadcast-import-form .upload-zone.has-file{background:rgba(0,167,171,.18)}
#broadcast-import-form .upload-zone.has-file b{color:#176044}:where([data-theme=dark]) #broadcast-import-form .upload-zone.has-file b{color:#5fd3a6}
#broadcast-import-form .upload-zone span.file-selected{color:#176044;font-weight:800}:where([data-theme=dark]) #broadcast-import-form .upload-zone span.file-selected{color:#5fd3a6}
#broadcast-import-form .template-feedback.waiting{background:#f3efed;color:#756c6e}:where([data-theme=dark]) #broadcast-import-form .template-feedback.waiting{background:#2e282a;color:#b9adaf}
#broadcast-import-form .upload-zone b{font-size:10px;color:#007f83}:where([data-theme=dark]) #broadcast-import-form .upload-zone b{color:#5cd6d9}
.campaign-schedule-toggle{align-items:center!important;grid-template-columns:auto 1fr!important;align-self:end;min-height:45px;padding:8px 12px;border:1px solid #eadfd9;border-radius:8px;background:#fff;cursor:pointer}:where([data-theme=dark]) .campaign-schedule-toggle{border:1px solid rgba(233,70,105,.18);background:#262123}
.campaign-schedule-toggle input{width:19px!important;height:19px;margin:0;accent-color:#00a7ab}
.campaign-schedule-toggle span{display:grid;gap:1px}
.campaign-schedule-toggle b{font-size:13px}
.campaign-schedule-toggle small{font-size:10px;font-weight:500;color:var(--broadcast-muted)}
.campaign-schedule-toggle:has(input:checked){border-color:#00a7ab;background:var(--broadcast-teal-soft);box-shadow:0 0 0 3px rgba(0,167,171,.1)}
.campaign-schedule-field[hidden]{display:none!important}
.broadcast-template-card>footer{flex-wrap:wrap}
.broadcast-template-card.is-archived{background:#f8f5f3;box-shadow:none}:where([data-theme=dark]) .broadcast-template-card.is-archived{background:#2e282a}
.broadcast-template-card.is-archived textarea,.broadcast-template-card.is-archived input{background:#f1ece9}:where([data-theme=dark]) .broadcast-template-card.is-archived textarea,:where([data-theme=dark]) .broadcast-template-card.is-archived input{background:#2e282a}
.template-delete{border:1px solid #efb9c3;border-radius:8px;background:#fff4f6;color:#ae2943;padding:12px 18px;font-weight:800;cursor:pointer}:where([data-theme=dark]) .template-delete{border:1px solid rgba(233,70,105,.35);background:#2e282a;color:#ff8ba3}
.template-delete:hover{background:#ffe7ec}:where([data-theme=dark]) .template-delete:hover{background:rgba(233,70,105,.18)}
.template-delete:disabled{opacity:.45;cursor:not-allowed}
.contact-list-item{border-bottom:1px solid #eee7e3}:where([data-theme=dark]) .contact-list-item{border-bottom:1px solid #3a3234}
.contact-list-item:last-child{border-bottom:0}
.contact-list-item>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;cursor:pointer;list-style:none}
.contact-list-item>summary::-webkit-details-marker{display:none}
.contact-list-item>summary>span:first-child{display:grid;gap:3px}
.contact-list-item>summary small{color:#817779;font-size:9px}:where([data-theme=dark]) .contact-list-item>summary small{color:#b9adaf}
.contact-list-buttons{display:flex;gap:6px}
.contact-list-buttons button{border:1px solid #ddd2ce;border-radius:8px;padding:7px 9px;background:#fff;color:#61585a;font:700 8px Montserrat;cursor:pointer}:where([data-theme=dark]) .contact-list-buttons button{border:1px solid rgba(233,70,105,.18);background:#262123;color:#b9adaf}
.contact-list-buttons .danger{color:#c62e50}:where([data-theme=dark]) .contact-list-buttons .danger{color:#ff8ba3}
.contact-list-edit{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px;align-items:end;padding:12px 20px;background:#fbf8f7;border-top:1px solid #eee7e3}:where([data-theme=dark]) .contact-list-edit{background:#2b2527;border-top:1px solid #3a3234}
.contact-list-edit[hidden]{display:none}
.contact-list-edit label{display:grid;gap:4px;color:#6c6264;font-size:8px;font-weight:800}:where([data-theme=dark]) .contact-list-edit label{color:#b9adaf}
.contact-list-edit input,.contact-client-table input{box-sizing:border-box;width:100%;border:1px solid #ded4d0;border-radius:8px;padding:8px;background:#fff;color:#302d2e;font:500 9px Montserrat}:where([data-theme=dark]) .contact-list-edit input,:where([data-theme=dark]) .contact-client-table input{border:1px solid rgba(233,70,105,.18);background:#262123;color:#f6efec}
.contact-list-edit small{grid-column:1/-1;color:#007f83}:where([data-theme=dark]) .contact-list-edit small{color:#5cd6d9}
.contact-client-table{padding:0 20px 14px}
.contact-client-head,.contact-client-table>form{display:grid;grid-template-columns:90px minmax(130px,1.5fr) 150px 140px 70px;gap:7px;align-items:center;padding:8px 0;border-top:1px solid #f1ebe8}:where([data-theme=dark]) .contact-client-head,:where([data-theme=dark]) .contact-client-table>form{border-top:1px solid #3a3234}
.contact-client-head{color:#918689;font-size:7px;font-weight:800;text-transform:uppercase}:where([data-theme=dark]) .contact-client-head{color:#8b7f82}
.contact-client-table>form small{grid-column:1/-1;color:#007f83;font-size:8px}:where([data-theme=dark]) .contact-client-table>form small{color:#5cd6d9}
.contact-client-table .broadcast-secondary{padding:8px;font-size:8px}
.contact-no-clients{margin:0;padding:14px 0;color:#817779;font-size:9px}:where([data-theme=dark]) .contact-no-clients{color:#b9adaf}
@media(max-width:1100px){.contact-client-table{overflow:auto}
.contact-client-head,.contact-client-table>form{min-width:650px}}
@media(max-width:640px){.contact-list-item>summary{align-items:flex-start;flex-direction:column}
.contact-list-edit{grid-template-columns:1fr}
.contact-list-edit small{grid-column:auto}}
.contact-client-head,.contact-client-table>form{grid-template-columns:90px minmax(150px,1.5fr) 170px 70px}
.bc-profile-name-form{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px 0;border-bottom:1px solid #f0e9e6}:where([data-theme=dark]) .bc-profile-name-form{border-bottom:1px solid #3a3234}
.bc-profile-name-form label{grid-column:1/-1;display:grid;gap:5px;color:#8c8183;font-size:8px}:where([data-theme=dark]) .bc-profile-name-form label{color:#8b7f82}
.bc-profile-name-form input{box-sizing:border-box;width:100%;border:1px solid #ded4d0;border-radius:8px;padding:9px;background:#fff;color:#302d2e;font:600 10px Montserrat}:where([data-theme=dark]) .bc-profile-name-form input{border:1px solid rgba(233,70,105,.18);background:#262123;color:#f6efec}
.bc-profile-name-form button{border:0;border-radius:8px;padding:8px 10px;background:#00a0a4;color:#fff;font:800 8px Montserrat;cursor:pointer}
.bc-profile-name-form button:disabled{opacity:.55}
.bc-profile-name-form small{align-self:center;color:#087c68;font-size:8px;line-height:1.35}:where([data-theme=dark]) .bc-profile-name-form small{color:#5fd3a6}
.chart-legend button{border:0;border-radius:999px;padding:7px 10px;background:transparent;color:#918689;font:700 12px Montserrat,sans-serif;cursor:pointer;transition:.18s ease}:where([data-theme=dark]) .chart-legend button{color:#8b7f82}
.chart-legend button:hover,.chart-legend button:focus-visible{background:#f7f4f2;outline:none;box-shadow:0 0 0 2px rgba(0,167,171,.14)}:where([data-theme=dark]) .chart-legend button:hover,:where([data-theme=dark]) .chart-legend button:focus-visible{background:#2e282a}
.chart-legend button:not(.active){opacity:.45;text-decoration:line-through}
.chart-legend button:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}
.interactive-chart{position:relative}
.chart-day-hit rect{fill:transparent;pointer-events:all;cursor:crosshair}
.chart-guide{opacity:0;stroke:#777;stroke-width:1;stroke-dasharray:4 4;pointer-events:none}:where([data-theme=dark]) .chart-guide{stroke:#b9adaf}
.chart-day-hit:hover .chart-guide,.chart-day-hit:focus .chart-guide,.chart-day-hit.selected .chart-guide{opacity:.55}
.chart-day-hit:focus{outline:none}
.chart-tooltip{position:absolute;z-index:2;top:10px;display:grid;gap:5px;min-width:145px;padding:11px 13px;border:1px solid #e7ddda;border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 10px 28px rgba(48,45,46,.14);transform:translateX(-50%);pointer-events:none}:where([data-theme=dark]) .chart-tooltip{border:1px solid #3a3234;background:rgba(38,33,35,.97)}
.chart-tooltip strong{margin-bottom:2px;font-size:12px}
.chart-tooltip span{display:flex;align-items:center;gap:6px;color:#6f6567;font-size:10px}:where([data-theme=dark]) .chart-tooltip span{color:#b9adaf}
.chart-tooltip i{width:7px;height:7px;border-radius:50%}
.chart-tooltip .sent i{background:#e94669}
.chart-tooltip .delivered i{background:#00a7ab}
.chart-tooltip .read i{background:#177153}
.chart-help{display:block;margin:-4px 0 8px;color:#918689;text-align:center}:where([data-theme=dark]) .chart-help{color:#8b7f82}
.interactive-chart.hide-sent .chart-line.sent,.interactive-chart.hide-sent .chart-point.sent,.interactive-chart.hide-delivered .chart-line.delivered,.interactive-chart.hide-delivered .chart-point.delivered,.interactive-chart.hide-read .chart-line.read,.interactive-chart.hide-read .chart-point.read{opacity:.08}
.chart-line,.chart-point{transition:opacity .2s ease}

/* =========================================================
   Repaginação · padrão Hub (04/11/2026): menu claro/escuro, efeitos e botão de tema.
   As regras ":where([data-theme=dark])" acima são o equivalente escuro das originais.
   ========================================================= */
:root{--bc-side-me:#f7f4f2;--bc-side-bg:rgba(255,255,255,.72);--bc-side-ink:#302d2e;--bc-side-ink-2:#6f6567;--bc-side-hover:#f7f4f2;--bc-side-active:rgba(233,70,105,.1);--bc-side-line:#eadfd9}
[data-theme=dark]{color-scheme:dark;--bc-side-me:#2e282a;--bc-side-bg:rgba(30,26,27,.78);--bc-side-ink:#f6efec;--bc-side-ink-2:#b9adaf;--bc-side-hover:#2e282a;--bc-side-active:rgba(233,70,105,.2);--bc-side-line:#352e30;--broadcast-sidebar:#1e1a1b;--broadcast-muted:#b9adaf;--broadcast-subtle:#2e282a;--broadcast-teal-soft:rgba(0,167,171,.2);--broadcast-success-soft:rgba(95,211,166,.16);--broadcast-warning:#f3b25c;--broadcast-error:#ff7b93}
[data-theme=dark] body.broadcast-mode{background:#171415}
html[data-theme=dark].is-loading body{background:#171415}
body.broadcast-mode{transition:background .35s,color .35s}
body.broadcast-mode::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(520px circle at 8% -6%,rgba(233,70,105,.12),transparent 62%),radial-gradient(480px circle at 100% 6%,rgba(0,167,171,.11),transparent 62%),radial-gradient(440px circle at 48% 108%,rgba(243,153,46,.09),transparent 62%)}
body.broadcast-mode::after{content:"";position:fixed;z-index:-1;pointer-events:none;width:420px;height:420px;right:-120px;top:-100px;opacity:.07;background:url(/assets/omara-simbolo.png) center/contain no-repeat;animation:bcsunspin 120s linear infinite}
@keyframes bcsunspin{to{transform:rotate(360deg)}}
[data-theme=dark] body.broadcast-mode::before{background:radial-gradient(520px circle at 8% -6%,rgba(233,70,105,.2),transparent 62%),radial-gradient(480px circle at 100% 6%,rgba(0,167,171,.16),transparent 62%),radial-gradient(440px circle at 48% 108%,rgba(243,153,46,.1),transparent 62%)}
[data-theme=dark] body.broadcast-mode::after{opacity:.06}
.broadcast-shell{position:relative}
/* menu lateral por variáveis */
.broadcast-sidebar{background:var(--bc-side-bg);color:var(--bc-side-ink);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-right:1px solid var(--bc-side-line)}
html:not([data-theme=dark]) .broadcast-sidebar>img{content:url(/assets/logo-horizontal.png)}
.broadcast-nav-item{color:var(--bc-side-ink)}
.broadcast-nav-item.active,.broadcast-nav-item:hover{background:var(--bc-side-active)}
.broadcast-nav-item.active svg{color:#e94669}
.broadcast-sidebar footer{border-top-color:var(--bc-side-line)}
.broadcast-sidebar footer small{color:var(--bc-side-ink-2);opacity:1}
.broadcast-logout{color:var(--bc-side-ink-2);opacity:1;border:1px solid var(--bc-side-line);border-radius:10px;padding:8px 14px;font-size:12px;transition:.2s}
.broadcast-logout:hover{border-color:#e94669}
.broadcast-logout:hover{color:#e94669}
.broadcast-sidebar footer>span{background:linear-gradient(145deg,#f5738f,#e94669);color:#fff;box-shadow:0 8px 16px -8px #e94669;flex-shrink:0;min-width:38px}
.broadcast-sidebar footer div{min-width:0}.broadcast-sidebar footer div strong,.broadcast-sidebar footer div small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* botão de tema */
.themebtn{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--bc-side-line);border-radius:11px;background:transparent;color:var(--bc-side-ink-2);cursor:pointer;transition:.2s;flex-shrink:0}
.themebtn:hover{color:#e94669;border-color:#e94669;transform:rotate(14deg)}
.themebtn svg{width:19px;height:19px}
.broadcast-sidebar footer{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px 12px;align-items:center}
.broadcast-sidebar footer>.themebtn{grid-column:1;grid-row:2;margin:0}
.broadcast-sidebar footer>.broadcast-logout{grid-column:2;grid-row:2;justify-self:start;margin:0}
.broadcast-sidebar footer div strong{font-size:14px}
@media(max-width:980px){.broadcast-sidebar footer{display:flex;flex-direction:column;align-items:center;gap:8px}.broadcast-sidebar footer>.themebtn,.broadcast-sidebar footer>.broadcast-logout{margin:0}.broadcast-sidebar footer>.broadcast-logout{padding:7px 6px;font-size:11px;white-space:nowrap;min-width:0;width:auto}}
.broadcast-sidebar nav .themebtn{display:none}
.themebtn.corner{display:none}
body.broadcast-login-mode .themebtn.corner{display:inline-grid;position:fixed;top:16px;right:16px;z-index:30;background:var(--bc-side-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
@media(max-width:640px){
  .broadcast-sidebar{border-right:0;border-top:1px solid var(--bc-side-line)}
  .broadcast-sidebar nav{grid-template-columns:repeat(6,minmax(44px,1fr)) 44px;gap:2px;min-width:0;align-items:center}
  .broadcast-sidebar nav .themebtn{display:inline-grid;width:38px;height:38px;margin:0 auto}
}
/* degradês e efeitos */
.broadcast-primary{background:linear-gradient(135deg,#f0587a,#e94669 55%,#d93a5e);box-shadow:0 10px 22px -12px rgba(233,70,105,.8)}
.broadcast-primary:hover{background:linear-gradient(135deg,#e94669,#c92c51)}
.broadcast-metrics article{--mx:50%;--my:50%;position:relative;isolation:isolate;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .2s}
.broadcast-metrics article::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(340px circle at var(--mx) var(--my),rgba(233,70,105,.13),transparent 62%);opacity:0;transition:opacity .3s}
.broadcast-metrics article:hover::before{opacity:1}
.broadcast-metrics article::after{content:"";position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(#e94669,#00a7ab);pointer-events:none}
.broadcast-metrics article:hover{transform:translateY(-3px);border-color:#e94669;box-shadow:0 22px 44px -22px rgba(233,70,105,.4)}
@media(prefers-reduced-motion:reduce){body.broadcast-mode::after{animation:none!important}.broadcast-metrics article{transition:none!important}}
/* balão do gráfico: o atributo hidden era anulado por display:grid */
.chart-tooltip[hidden]{display:none}
/* faixa de contatos em blocos, como os cartões do Relatório */
.contact-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border:0;border-radius:0;background:transparent;overflow:visible}
.contact-summary>div:nth-child(n){--mx:50%;--my:50%;position:relative;isolation:isolate;overflow:hidden;display:grid;gap:2px;align-content:center;align-items:start;flex:none;min-height:94px;padding:18px 20px 18px 22px;background:#fff;border:1px solid #e7ddda;border-radius:16px;box-shadow:0 10px 30px rgba(68,42,48,.05);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .2s}
.contact-summary>div::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(340px circle at var(--mx) var(--my),rgba(233,70,105,.13),transparent 62%);opacity:0;transition:opacity .3s}
.contact-summary>div::after{content:"";position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(#e94669,#00a7ab);pointer-events:none}
.contact-summary>div:hover{transform:translateY(-3px);border-color:#e94669;box-shadow:0 22px 44px -22px rgba(233,70,105,.4)}
.contact-summary>div:hover::before{opacity:1}
.contact-summary strong{font-size:27px;line-height:1.2}
.contact-summary span{order:-1;font-size:13px;color:var(--broadcast-muted)}
[data-theme=dark] .contact-summary>div:nth-child(n){background:#262123;border-color:#3a3234}
[data-theme=dark] .contact-summary>div:hover{border-color:#e94669}
@media(max-width:640px){.contact-summary{grid-template-columns:1fr 1fr;gap:10px}.contact-summary>div:nth-child(n){min-height:82px;padding:15px 16px 15px 18px}.contact-summary strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.contact-summary>div{transition:none!important}}

/* =========================================================
   Menu lateral no padrão do Planejamento (04/11/2026) — só layout
   ========================================================= */
@media(min-width:641px){
  .broadcast-sidebar nav{display:flex;flex-direction:column;gap:2px}
  .broadcast-nav-item{position:relative;gap:12px;padding:10px 12px;border-radius:14px;font-size:14.5px;font-weight:600;opacity:1;color:var(--bc-side-ink-2)}
  .broadcast-nav-item svg{width:20px;height:20px;opacity:.85}
  .broadcast-nav-item:hover{background:var(--bc-side-hover);color:var(--bc-side-ink);transform:none}
  .broadcast-nav-item.active{background:var(--bc-side-active);color:var(--bc-side-ink)}
  .broadcast-nav-item.active::before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:#e94669}
  .broadcast-nav-item.active svg{color:#e94669;opacity:1}
  .broadcast-sidebar footer{display:flex;align-items:center;gap:4px;padding:10px;border:0;border-radius:14px;background:var(--bc-side-me)}
  .broadcast-sidebar footer>span{width:36px;height:36px;min-width:36px;font-size:14px;margin-right:2px}
  .broadcast-sidebar footer div{flex:1;min-width:0}
  .broadcast-sidebar footer div strong{font-size:14px;line-height:1.2}
  .broadcast-sidebar footer div small{font-size:11.5px;color:var(--bc-side-ink-2);opacity:1;margin-top:2px;white-space:nowrap}
  .broadcast-sidebar footer>.themebtn,.broadcast-sidebar footer>.broadcast-logout{display:inline-grid;place-items:center;flex-shrink:0;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:8px;background:none;color:var(--bc-side-ink-2);transform:none;transition:.2s}
  .broadcast-sidebar footer>.broadcast-logout{font-size:0;line-height:0}
  .broadcast-sidebar footer>.broadcast-logout::before{content:"";display:block;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E") center/contain no-repeat}
  .broadcast-sidebar footer>.themebtn svg{width:18px;height:18px}
  .broadcast-sidebar footer>.themebtn:hover,.broadcast-sidebar footer>.broadcast-logout:hover{background:var(--bc-side-hover);color:#e94669;border:0}
}
@media(min-width:981px){
  .broadcast-shell{grid-template-columns:248px 1fr}
  .broadcast-sidebar{padding:22px 14px 16px}
  .broadcast-sidebar>img{width:150px;margin:2px 10px 22px}
}
@media(min-width:641px) and (max-width:980px){
  .broadcast-sidebar{padding:22px 12px 16px}
  .broadcast-sidebar>img{width:48px;height:42px;object-fit:cover;object-position:left;margin:2px 4px 22px}
  .broadcast-nav-item{justify-content:center;padding:12px 14px}
  .broadcast-nav-item.active::before{left:-12px}
  .broadcast-sidebar footer{flex-direction:column;gap:6px;padding:10px 6px}
  .broadcast-sidebar footer>span{margin:0}
}

/* celular: nada pode alargar a página (colunas com minmax(0), gráfico contido, marca d'água dentro da tela) */
@media(max-width:980px){
  .broadcast-grid,.composer-grid{grid-template-columns:minmax(0,1fr)}
  .broadcast-grid>*,.composer-grid>*,.broadcast-content>*{min-width:0;max-width:100%}
  .analytics-card,.interactive-chart,.chart-legend{max-width:100%;min-width:0}
  .interactive-chart{overflow:hidden}
  .interactive-chart svg{max-width:100%;height:auto}
  .campaign-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px}
  .campaign-controls{grid-column:1/-1;flex-wrap:wrap}
  html,body{max-width:100%;overflow-x:clip}
  body.broadcast-mode::after{inset:0;width:auto;height:auto;animation:none;background:url(/assets/omara-simbolo.png) right -110px top -80px/340px 340px no-repeat}
}
@media(max-width:640px){.broadcast-sidebar footer{margin-top:24px}}