/* Single panel stylesheet. Feature styles followed by the shared layout. */
@layer components, layout;
@layer components {
#subscriptions .subscription-purchase-row{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(220px,1.2fr) minmax(150px,.65fr) auto;gap:14px;align-items:end}
#subscriptions label{margin:0}#subscriptions .subscription-price-preview{min-height:48px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);display:flex;flex-direction:column;justify-content:center}#subscriptions .subscription-price-preview small,#subscriptions .subscription-price-preview span{font-size:11px;color:var(--muted)}#subscriptions .subscription-price-preview strong{font-size:20px;color:var(--accent)}
#subscriptions .subscription-plan-list{display:grid;gap:10px;margin-top:16px}.subscription-plan-row{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.subscription-plan-row>div{display:flex;flex-direction:column;gap:4px}.subscription-plan-row small{color:var(--muted)}.reseller-rate-row{grid-template-columns:minmax(220px,1fr) minmax(240px,.8fr) auto}.subscription-actions{display:flex;gap:10px;margin-top:14px}.subscription-active{color:#08765d}.subscription-expired{color:#b42318}.subscription-description{grid-column:span 1}
@media(max-width:1100px){#subscriptions .subscription-purchase-row{grid-template-columns:1fr 1fr}.reseller-rate-row{grid-template-columns:1fr 1fr}.reseller-rate-row button{grid-column:2}}
@media(max-width:760px){#subscriptions .subscription-purchase-row,#subscriptions .subscription-admin-grid,.reseller-rate-row{grid-template-columns:1fr}.reseller-rate-row button{grid-column:auto}.subscription-plan-row{grid-template-columns:1fr}.subscription-actions{flex-direction:column}#subscriptions button{width:100%}}
.subscription-message-pricing{grid-column:1/-1;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.subscription-message-pricing h3{margin:0 0 10px}.subscription-message-pricing h3:not(:first-child){margin-top:16px}.subscription-effective-rates{display:block;margin-top:4px}.reseller-plan-pricing{grid-template-columns:minmax(220px,.8fr) minmax(520px,1.7fr) auto}.reseller-plan-rate-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}.reseller-plan-rate-grid label{font-size:11px}.reseller-plan-rate-grid input{min-height:42px}
@media(max-width:1200px){.reseller-plan-pricing{grid-template-columns:1fr}.reseller-plan-rate-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.reseller-plan-rate-grid{grid-template-columns:1fr 1fr}.subscription-message-pricing{padding:10px}}@media(max-width:480px){.reseller-plan-rate-grid{grid-template-columns:1fr}}

.dashboard-wallet-action .dashboard-plan-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;text-align:left}.dashboard-plan-card>span{display:grid;gap:2px;min-width:0}.dashboard-plan-card small{font-size:8px;letter-spacing:.12em;color:#bde9dc}.dashboard-plan-card b,.dashboard-plan-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.dashboard-plan-card b{font-size:13px}.dashboard-plan-card strong{font-size:12px}.dashboard-plan-card .dashboard-plan-expiry{text-align:right}.dashboard-plan-card.plan-required{border-color:rgba(255,190,92,.55);background:rgba(140,78,0,.24)}.dashboard-plan-card.plan-required small{color:#ffe1ad}@media(max-width:760px){.dashboard-wallet-action .dashboard-plan-card{grid-template-columns:1fr;gap:7px}.dashboard-plan-card .dashboard-plan-expiry{text-align:left}.dashboard-plan-card b,.dashboard-plan-card strong{white-space:normal}}
@media(min-width:1101px){
  body:not(.auth-body) #overview .dashboard-wallet-action{display:grid;width:min(100%,520px);height:40px;grid-template-columns:minmax(118px,.72fr) minmax(250px,1.28fr);gap:8px;align-items:stretch}
  body:not(.auth-body) #overview .dashboard-wallet-action>button{width:100%;height:40px;min-height:40px;max-height:40px;margin:0;padding:5px 10px;box-sizing:border-box}
  body:not(.auth-body) #overview .dashboard-wallet-action>.dashboard-plan-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  body:not(.auth-body) #overview #headerWalletBalance{min-width:58px;min-height:26px;padding:4px 8px}
}
@media(min-width:761px) and (max-width:1100px){
  body:not(.auth-body) #overview .dashboard-wallet-action{grid-template-columns:minmax(120px,.72fr) minmax(250px,1.28fr);gap:8px}
}
@media(max-width:760px){
  body:not(.auth-body) #overview .dashboard-wallet-action{grid-template-columns:1fr;height:auto}
}
body:not(.auth-body) #overview .dashboard-wallet-action > .dashboard-plan-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(88px, auto);
    align-items: center;
    column-gap: 10px;
    overflow: hidden;
}
body:not(.auth-body) #overview .dashboard-wallet-action > .dashboard-plan-card::before {
    content: none;
    display: none;
}
body:not(.auth-body) #overview .dashboard-wallet-action > .dashboard-plan-card > span {
    display: grid;
    align-content: center;
    gap: 0;
    width: auto;
    min-width: 0;
    margin: 0;
    overflow: hidden;
}
body:not(.auth-body) #overview .dashboard-plan-card .dashboard-plan-expiry {
    justify-self: end;
    text-align: right;
}
body:not(.auth-body) #overview .dashboard-plan-card small {
    font-size: 7px;
    line-height: 1.1;
    white-space: nowrap;
}
body:not(.auth-body) #overview .dashboard-plan-card b,
body:not(.auth-body) #overview .dashboard-plan-card strong {
    display: block;
    max-width: 100%;
    font-size: 11px;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 761px) {
    body:not(.auth-body) #overview .dashboard-wallet-action > .dashboard-plan-card {
        height: 40px;
        min-height: 40px;
        max-height: 40px;
        padding: 4px 10px;
    }
}
@media (max-width: 760px) {
    body:not(.auth-body) #overview .dashboard-wallet-action > .dashboard-plan-card {
        height: auto;
        min-height: 48px;
        max-height: none;
        padding: 7px 10px;
    }
}
.account-plan-selectors{grid-template-columns:repeat(2,minmax(0,1fr))}
.account-plan-rate-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:14px}
.account-plan-pricing-card .subscription-actions{margin-top:14px}
@media(max-width:900px){.account-plan-rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.account-plan-selectors,.account-plan-rate-grid{grid-template-columns:1fr}}
.reseller-plan-assignment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.reseller-plan-assignment-card #assignmentRows{margin-top:16px}
.reseller-plan-assignment-card .subscription-plan-row small{display:block;margin-top:4px}
@media(max-width:1000px){.reseller-plan-assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.reseller-plan-assignment-grid{grid-template-columns:1fr}.reseller-plan-assignment-card .subscription-actions button{width:100%}}
#subscriptions.page:not(.active){display:none}
#subscriptions.page.active{display:block;min-width:0}
#subscriptions.page.active>article.card{display:flow-root;position:relative;width:100%;max-width:none;height:auto;min-width:0;min-height:auto;max-height:none;margin:0 0 14px;overflow:visible;visibility:visible;opacity:1;contain:none;flex:none}
#subscriptions.page.active>article.card:last-child{margin-bottom:0}
#subscriptions>article>[hidden]{display:none}
#subscriptions>article>.cardhead~*:not([hidden]){visibility:visible;opacity:1;max-height:none}
#subscriptions .subscription-current,
#subscriptions #subscriptionCurrent{display:flex}
#subscriptions .subscription-purchase-row{display:grid}
#subscriptions .account-plan-selectors,
#subscriptions .account-plan-rate-grid,
#subscriptions .subscription-admin-grid,
#subscriptions .reseller-plan-assignment-grid{display:grid}
#subscriptions .subscription-actions{display:flex}
#subscriptions .subscription-plan-list{display:grid}
#subscriptions .table{display:block}
#subscriptions .cardhead{align-items:flex-start}
#subscriptions .subscription-purchase-row,
#subscriptions .account-plan-selectors,
#subscriptions .account-plan-rate-grid,
#subscriptions .subscription-admin-grid,
#subscriptions .reseller-plan-assignment-grid{min-width:0}
#subscriptions label,#subscriptions input,#subscriptions select{min-width:0;max-width:100%;box-sizing:border-box}
#subscriptions .subscription-actions{align-items:center;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line)}

#subscriptions .reseller-plan-pricing{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:stretch;padding:16px;background:var(--card,#fff);overflow:hidden}
#subscriptions .reseller-plan-summary{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,.45fr) minmax(260px,1.2fr);gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
#subscriptions .reseller-plan-summary>span{display:grid;gap:3px;min-width:0}
#subscriptions .reseller-plan-summary strong{font-size:16px}
#subscriptions .reseller-plan-summary b{font-size:12px;line-height:1.45;overflow-wrap:anywhere}
#subscriptions .reseller-plan-summary small{color:var(--muted)}
#subscriptions .reseller-rate-group{display:grid;gap:8px;min-width:0;margin:0;padding:12px 14px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
#subscriptions .reseller-rate-group legend{padding:0 7px;font-size:13px;font-weight:800;color:var(--ink)}
#subscriptions .reseller-rate-group p{margin:0 0 2px;color:var(--muted);font-size:10px}
#subscriptions .reseller-plan-rate-grid{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px;min-width:0}
#subscriptions .reseller-plan-rate-grid label{min-width:0;font-size:10px}
#subscriptions .reseller-plan-rate-grid input{width:100%;min-width:0;min-height:42px}
#subscriptions .reseller-plan-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}
#subscriptions .reseller-plan-actions button{width:auto;min-width:210px}
#subscriptions .reseller-plan-actions small{color:var(--muted);text-align:right}
#subscriptions .subscription-purchase-row,
#subscriptions .account-plan-selectors,
#subscriptions .account-plan-rate-grid,
#subscriptions .subscription-message-pricing,
#subscriptions .reseller-plan-assignment-grid{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
#subscriptions .account-plan-rate-grid{margin-top:10px}
#subscriptions .subscription-admin-grid>.subscription-message-pricing{margin-top:2px}

@media(max-width:1200px){
  #subscriptions .reseller-plan-rate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  #subscriptions .reseller-plan-summary{grid-template-columns:1fr 1fr}
  #subscriptions .reseller-plan-summary>span:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  #subscriptions{gap:10px}
  #subscriptions .reseller-plan-summary{grid-template-columns:1fr}
  #subscriptions .reseller-plan-summary>span:last-child{grid-column:auto}
  #subscriptions .reseller-plan-rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #subscriptions .reseller-plan-actions{align-items:stretch;flex-direction:column}
  #subscriptions .reseller-plan-actions button{width:100%;min-width:0}
  #subscriptions .reseller-plan-actions small{text-align:left}
}
@media(max-width:480px){
  #subscriptions .reseller-plan-rate-grid{grid-template-columns:1fr}
  #subscriptions .reseller-plan-pricing{padding:11px}
  #subscriptions .reseller-rate-group{padding:10px}
}
.reseller-plan-filter{display:grid;grid-template-columns:minmax(130px,220px) minmax(260px,520px);align-items:center;gap:14px;margin:0 0 18px;font-weight:800}.reseller-plan-filter select{width:100%;min-width:0}@media(max-width:720px){.reseller-plan-filter{grid-template-columns:1fr;gap:7px}}
body:not(.auth-body) #overview .dashboard-plan-card b,body:not(.auth-body) #overview .dashboard-plan-card strong{color:var(--text,#17313b);text-shadow:0 1px 1px rgba(255,255,255,.45)}
body:not(.auth-body) #overview .dashboard-plan-card small{color:var(--muted,#526b75)}
body.professional-panel :is(.card,.banner,.date-range-bar,.security-note,.postman-download){min-width:0}
body.professional-panel .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
body.professional-panel .form{max-width:none}
body.professional-panel .form label{min-width:0;margin:6px 0;gap:6px}
body.professional-panel :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,button,.button-link){min-height:var(--ui-control-h);box-sizing:border-box}
body.professional-panel .button-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;line-height:1.15}
body.professional-panel .settings-actions,body.professional-panel .cleanup-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
body.professional-panel .settings-actions>*{width:auto;min-width:130px}
body.professional-panel .security-note{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px 12px;padding:14px 16px;border-radius:12px}
body.professional-panel .security-note span{min-width:0;overflow-wrap:anywhere;line-height:1.5}
body.professional-panel .table{border:1px solid var(--line);border-radius:12px;overflow:auto;background:#fff}
body.professional-panel details.card{overflow:hidden}
body.professional-panel details.card>summary{margin:calc(var(--ui-card-pad) * -1);padding:17px var(--ui-card-pad);cursor:pointer;list-style:none}
body.professional-panel details.card>summary::-webkit-details-marker{display:none}
body.professional-panel details.card>summary::after{content:'+';float:right;font-size:22px;font-weight:700;color:var(--g)}
body.professional-panel details.card[open]>summary{margin-bottom:18px;border-bottom:1px solid var(--line)}
body.professional-panel details.card[open]>summary::after{content:'−'}
body.professional-panel .banner{padding:14px 17px;border-radius:12px}
body.professional-panel .date-range-bar{padding:14px 17px;border-radius:13px}
body.professional-panel .date-range-buttons{display:flex;gap:8px;flex-wrap:wrap}
body.professional-panel :is(#inbox,#chatbot_flows,#bulk) .card{box-shadow:none}
body.professional-panel #subscriptions .subscription-plan-row,body.professional-panel #subscriptions .subscription-purchase-row,body.professional-panel #subscriptions .subscription-admin-grid{gap:12px}
body.professional-panel #subscriptions :is(.subscription-plan-row,.reseller-rate-row,.reseller-plan-assignment-card){border-radius:12px}
@media(max-width:900px){body.professional-panel .grid{grid-template-columns:1fr}body.professional-panel .settings-actions>*{flex:1 1 150px}}
@media(max-width:600px){body.professional-panel .security-note{grid-template-columns:1fr}body.professional-panel .settings-actions{display:grid;grid-template-columns:1fr}body.professional-panel .settings-actions>*{width:100%;min-width:0}body.professional-panel .date-range-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}
body.professional-panel .form label{margin:3px 0;font-size:10px}
body.professional-panel :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,button,.button-link){height:38px;min-height:38px;max-height:38px;padding-top:7px;padding-bottom:7px}
body.professional-panel .button-link{padding-left:12px;padding-right:12px;font-size:9px;white-space:nowrap}
body.professional-panel .grid{gap:8px 12px}
body.professional-panel .banner{min-height:0;margin-bottom:9px;padding:10px 13px;font-size:10px}
body.professional-panel .security-note{min-height:0;padding:10px 13px;font-size:10px}
body.professional-panel .table{margin-top:9px}
body.professional-panel details.card>summary{min-height:52px;margin:-14px -16px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
body.professional-panel details.card>summary::after{float:none;font-size:18px}
body.professional-panel details.card[open]>summary{margin-bottom:12px}
body.professional-panel :is(.settings-actions,.cleanup-actions,.wallet-ledger-actions,.wallet-own-actions){gap:6px}
body.professional-panel :is(.wallet-ledger-filters,.report-filters,.provider-connection-filters,.template-filters,.phonebook-toolbar){display:flex;align-items:flex-end;gap:8px;flex-wrap:nowrap;margin:10px 0;padding:10px;min-height:0}
body.professional-panel :is(.wallet-ledger-filters,.report-filters,.provider-connection-filters)>label{flex:1 1 150px;min-width:120px;margin:0}
body.professional-panel .provider-connection-filters .provider-search-filter{flex:2 1 260px}
body.professional-panel :is(.wallet-ledger-filters,.report-filters,.provider-connection-filters)>button{flex:0 0 auto}
body.professional-panel :is(.wallet-ledger-filters,.report-filters,.provider-connection-filters)>span{align-self:center;white-space:nowrap}
body.professional-panel :is(.subscription-admin-grid,.subscription-purchase-row,.subscription-plan-row,.reseller-rate-row,.reseller-plan-assignment-card,.wallet-adjustment-grid,.billing-price-grid){gap:9px 12px}
body.professional-panel #subscriptions :is(.subscription-plan-row,.reseller-rate-row,.reseller-plan-assignment-card){padding:12px;margin:8px 0;min-height:0;background:#fbfdfc;border:1px solid #dce8e3;box-shadow:none}
body.professional-panel #subscriptions :is(.subscription-section,.subscription-summary,.subscription-history){margin-bottom:9px}
body.professional-panel :is(.report-analytics-panel,.template-performance-section,.failure-insights-section,.campaign-setup,.blue-tick-card){padding:12px;margin:10px 0;border-radius:11px;box-shadow:none}
body.professional-panel :is(.operation-list>div,.template-detail-grid>div){padding:9px 11px}
body.professional-panel .queue-worker-meta{margin:9px 0;gap:6px}
body.professional-panel .queue-worker-meta span{padding:6px 8px}
body.professional-panel .date-range-bar{padding:10px 12px}
body.professional-panel .banner:empty{display:none}
body.professional-panel .cardhead+p:empty,body.professional-panel .cardhead+small:empty{display:none}
@media(max-width:1100px){body.professional-panel :is(.wallet-ledger-filters,.report-filters,.provider-connection-filters,.template-filters,.phonebook-toolbar){flex-wrap:wrap}body.professional-panel :is(.wallet-ledger-filters,.report-filters,.provider-connection-filters)>label{flex:1 1 calc(33.333% - 8px)}}
@media(max-width:760px){body.professional-panel :is(.wallet-ledger-filters,.report-filters,.provider-connection-filters,.template-filters,.phonebook-toolbar){display:grid;grid-template-columns:1fr;padding:9px}body.professional-panel :is(.wallet-ledger-filters,.report-filters,.provider-connection-filters)>label{min-width:0}body.professional-panel :is(.wallet-ledger-filters,.report-filters,.provider-connection-filters)>button{width:100%}body.professional-panel details.card>summary{margin:-12px;padding:12px}body.professional-panel .button-link{white-space:normal}}
body.professional-panel .campaign-wizard-progress{margin:0 0 18px;padding:10px;min-height:76px}
body.professional-panel .campaign-wizard-step{
  height:auto;min-height:56px;max-height:none;
  padding:8px 10px;white-space:normal;
}
@media(max-width:850px){
 body.professional-panel #bulk.page.active{padding-bottom:0}
}
body.professional-panel .campaign-wizard-step>small{display:block;margin-top:2px;line-height:1.3}
body.professional-panel #inbox .chat-contact{
  display:grid;height:auto;min-height:78px;max-height:none;
  padding:11px 12px;white-space:normal;
}
body.professional-panel #inbox .chat-contact-copy{min-width:0;overflow:hidden}
body.professional-panel #inbox .chat-contact-copy :is(strong,small,em){position:static;max-width:100%}
body.professional-panel #inbox .chat-list{min-height:0;overflow-y:auto}
body.professional-panel #chatbot_flows .flow-palette-item{
  display:grid;height:auto;min-height:64px;max-height:none;
  padding:9px;white-space:normal;text-align:left;
}
body.professional-panel #chatbot_flows :is(.flow-target-port,.flow-source-port){
  display:inline-block;width:16px;min-width:16px;max-width:16px;
  height:16px;min-height:16px;max-height:16px;padding:0;
  border-radius:50%;
}
body.professional-panel #chatbot_flows .flow-target-port{position:absolute;left:-9px;top:18px}
body.professional-panel #chatbot_flows .flow-node :is(.flow-node-up,.flow-node-down,.flow-node-toggle,.remove-flow-node){
  height:36px;min-height:36px;max-height:36px;
}
body.professional-panel #chatbot_flows .flow-link-row,
body.professional-panel #chatbot_flows .flow-route-row{min-height:34px}
body.professional-panel .billing-price-grid>label{min-width:0}
@media(max-width:760px){
  body.professional-panel .campaign-wizard-progress{min-height:0}
  body.professional-panel .campaign-wizard-step{min-height:58px}
  body.professional-panel #inbox .chat-contact{min-height:76px}
}
body.professional-panel .banner,body.professional-panel .security-note{font-size:11px;line-height:1.5}
body.professional-panel .form label{font-size:11px;line-height:1.4}
body.professional-panel .form small{font-size:10px;line-height:1.45}
body.professional-panel .button-link{font-size:11px;font-weight:750}
body.professional-panel .billing-price-grid>label>input[type=file]+small{display:block;margin-top:6px;line-height:1.45}
body.professional-panel .billing-price-grid>label:has(input[type=file]){display:flex;flex-direction:column;gap:5px}
body.professional-panel .campaign-wizard-step>strong{font-size:12px}
body.professional-panel .campaign-wizard-step>small{font-size:10px}
body.professional-panel #inbox .chat-contact-copy strong{font-size:13px}
body.professional-panel #inbox .chat-contact-copy small{font-size:11px}
body.professional-panel #inbox .chat-contact-copy em{font-size:9.5px}
body.professional-panel #chatbot_flows .flow-palette-item strong{font-size:11px}
body.professional-panel #chatbot_flows .flow-palette-item small{font-size:9.5px;line-height:1.4}
body.professional-panel .form-grid>*,body.professional-panel .billing-price-grid>*{min-width:0;max-width:100%}
body.professional-panel :is(.cardhead,.toolbar,.toolbar-group,.filter-toolbar,.template-toolbar,.report-filter-grid,.wallet-ledger-filters,.inbox-toolbar){height:auto;max-height:none;flex-wrap:wrap;align-items:flex-end;row-gap:10px}
body.professional-panel #send .campaign-wizard-progress{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);width:100%;height:auto;min-height:0;max-height:none;align-items:center;overflow:visible}
body.professional-panel #send .campaign-wizard-step{min-width:0;width:auto;height:auto;min-height:58px;max-height:none;padding:10px 12px;white-space:normal}
body.professional-panel #inbox .chat-list{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-height:0}
body.professional-panel #inbox .chat-contact{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 62px;grid-template-rows:minmax(62px,auto);flex:0 0 auto;width:100%;height:auto;min-height:82px;max-height:none;margin:0;padding:10px 12px;overflow:hidden;contain:layout paint}
body.professional-panel #inbox .chat-contact>*{min-width:0;max-width:100%}
body.professional-panel #inbox .chat-contact-copy{display:flex;flex-direction:column;justify-content:center;gap:3px;overflow:hidden}
body.professional-panel #inbox .chat-contact-copy :is(strong,small,em){display:block;width:100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.professional-panel #inbox .chat-contact-meta{align-self:start;justify-self:end;white-space:nowrap}
body.professional-panel #chatbot_flows :is(.flow-input-port,.flow-source-port){appearance:none;display:block;flex:0 0 16px;width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;max-height:16px;aspect-ratio:1;padding:0;margin-top:0;border-radius:50%;line-height:0;font-size:0;box-shadow:0 0 0 3px #fff,0 0 0 5px currentColor;overflow:visible}
body.professional-panel #chatbot_flows .flow-node{height:auto;max-height:none;overflow:visible}
body.professional-panel #chatbot_flows .flow-node>header{height:auto;min-height:62px;max-height:none;align-items:center;gap:8px;overflow:visible}
body.professional-panel #chatbot_flows .flow-node>header>div{min-width:0;overflow:hidden}
body.professional-panel #chatbot_flows .flow-node>header>div :is(strong,small){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.professional-panel #chatbot_flows .flow-node-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:6px}
body.professional-panel #branding .billing-price-grid label:has(input[type=file]){display:flex;flex-direction:column;align-items:stretch;align-content:start;gap:7px;height:auto;min-height:0;overflow:visible}
body.professional-panel #branding input[type=file]{display:block;width:100%;height:44px;min-height:44px;max-height:44px;padding:4px 8px;line-height:32px;overflow:hidden}
body.professional-panel #branding input[type=file]::file-selector-button{height:34px;min-height:34px;margin:-1px 10px -1px -3px;padding:0 14px;line-height:32px}
body.professional-panel #branding label:has(input[type=file]) small{position:static;display:block;margin:0;line-height:1.4}
body.professional-panel #branding input[type=color]{height:44px;min-height:44px;max-height:44px;padding:5px}
body.professional-panel .table-wrap{max-width:100%;overflow:auto}
body.professional-panel .table-wrap table{min-width:max-content}
body.professional-panel .identity-stack{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.3}
@media(max-width:850px){
 body.professional-panel #send .campaign-wizard-progress{grid-template-columns:1fr;gap:8px}
 body.professional-panel #send .campaign-wizard-connector{display:none}
 body.professional-panel #inbox .chat-contact{grid-template-columns:42px minmax(0,1fr) 54px;padding:9px}
 body.professional-panel :is(.toolbar,.filter-toolbar,.template-toolbar,.report-filter-grid,.wallet-ledger-filters)>*{flex:1 1 100%;width:100%}
}
body.professional-panel .form label{font-size:13px;line-height:1.35;letter-spacing:0}
body.professional-panel :is(button,.button-link,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--brand,#147d69) 34%,transparent);outline-offset:2px;box-shadow:0 0 0 1px var(--brand,#147d69)}
body.professional-panel :is(.card,.workspace-card,.data-card){border-radius:16px;box-shadow:0 12px 30px rgba(18,50,55,.07)}
body.professional-panel :is(.card,.workspace-card,.data-card):hover{box-shadow:0 16px 38px rgba(18,50,55,.1)}
body.professional-panel :is(.card small,.muted,.hint,.helper-text){font-size:11px;line-height:1.45}
body.professional-panel :is(.badge,.status-badge,.pill){font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.025em}
body.professional-panel #send .campaign-wizard-step{font-size:12px;line-height:1.35}
body.professional-panel #send .campaign-wizard-step small{font-size:10px;line-height:1.35}
body.professional-panel .wallet-transfer-state{display:none;grid-column:1/-1;margin:2px 0 0;padding:11px 13px;border:1px solid transparent;border-radius:11px;font-size:12px;font-weight:750;line-height:1.45}
body.professional-panel .wallet-transfer-state:not(:empty){display:block}
body.professional-panel .wallet-transfer-state.error{color:#8f1d1d;background:#fff1f1;border-color:#efb3b3}
body.professional-panel .wallet-transfer-state.success{color:#075f49;background:#ebfaf4;border-color:#9edbc9}
body.professional-panel #consent .consent-data-tools{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:16px 0;padding:14px;border:1px solid #d9e8e5;border-radius:13px;background:#f7fbfa}
body.professional-panel #consent .consent-file-picker{display:grid;gap:6px;min-width:min(100%,280px);font-size:12px;font-weight:750}
body.professional-panel #consent .consent-file-picker input{max-width:360px;padding:8px;background:#fff}
body.professional-panel #consent .consent-import-state{flex:1 1 100%;color:#526e73;font-size:12px;line-height:1.45}
body.professional-panel #consent .consent-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
body.professional-panel #consent .consent-row-actions button{white-space:nowrap}
@media(max-width:700px){body.professional-panel #consent .consent-data-tools>*{width:100%}body.professional-panel #consent .consent-data-tools button{width:100%}}
#templateEmojiDialog{width:min(660px,calc(100vw - 24px));max-height:85vh;border:1px solid #cbded5;border-radius:16px;padding:20px;color:#18392d;box-shadow:0 20px 80px #0004}
#templateEmojiDialog::backdrop{background:#102a2566}
#templateEmojiDialog .emoji-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#templateEmojiDialog h2{margin:0;font-size:20px}
#templateEmojiDialog .emoji-search-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:10px;margin:16px 0}
#templateEmojiDialog input,#templateEmojiDialog select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:44px;padding:10px;font-size:14px;line-height:22px;border:1px solid #cfddd6;border-radius:8px}
#templateEmojiDialog .emoji-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:7px;max-height:48vh;overflow:auto;padding:4px}
#templateEmojiDialog .emoji-results button{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:27px;line-height:1.25;min-height:46px;padding:5px;display:grid;place-items:center;background:#f6faf8;box-shadow:none;border:1px solid #e1ebe6}
#templateEmojiDialog .emoji-status{font-size:12px;color:#587264}
#templateEmojiDialog .emoji-more{margin-top:12px}
#templateEmojiDialog [hidden]{display:none}
@media(max-width:520px){#templateEmojiDialog .emoji-search-row{grid-template-columns:minmax(0,1fr)}}
#templates #approvalPreviewMedia img,#templates #approvalPreviewMedia video{display:block;width:100%;max-height:240px;object-fit:contain;border-radius:8px;margin-bottom:10px}
#templates .template-document-preview{padding:14px;background:#eef3f2;border:1px solid #dce6e3;border-radius:8px;font-size:12px;overflow-wrap:anywhere;margin-bottom:10px}
#templates #templateVariableSamples{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px}
#templates #templateVariableSamples label{margin:0}
#templates #templateVariableSamples[hidden]{display:none}
#templates .template-step-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}
#templates .template-step-nav button{white-space:normal;min-width:0;padding:12px;line-height:1.4;box-shadow:none}
#templates .template-step-nav button.active{border-color:var(--g);background:#e7f6ef;color:#07583d;font-weight:700}
#templates .template-wizard-step{min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}
#templates .template-wizard-step[hidden],#templates #templateStepNext[hidden],#templates .template-wizard-step [hidden]{display:none}
#templates .template-wizard-step h3{margin:0 0 14px;font-size:17px}
#templates .template-step-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
#templates #templateStepStatus{font-size:12px;color:var(--muted);text-align:center}
#templates .template-request textarea{display:block;resize:vertical;height:160px;min-height:120px;max-height:none;overflow:auto;flex:none;touch-action:auto}
#templates .template-request label{min-width:0}
#templates #sampleMediaRow{padding:16px;border:1px dashed var(--line);border-radius:10px;background:#f7fbfa}
#templates #templateSubmitResult:empty{display:none}
@media(max-width:640px){#templates .template-step-nav{grid-template-columns:repeat(2,minmax(0,1fr))}#templates .template-wizard-step{padding:12px}#templates .template-step-controls{flex-wrap:wrap}#templates #templateStepStatus{order:3;width:100%}#templates .template-wizard-step .grid{grid-template-columns:1fr}}
#templates .template-creator-layout{display:grid;grid-template-columns:180px minmax(0,1fr) 260px;gap:20px;align-items:start;margin-top:20px}
#templates .template-creator-editor{min-width:0}
#templates .template-step-nav{display:flex;flex-direction:column;margin:0;gap:12px;background:#f5f8f8;padding:12px;border-radius:12px}
#templates .template-step-nav button{text-align:left;min-height:56px;border:1px solid transparent;background:transparent}
#templates .template-step-nav button.active{background:#e5f1ed;border-color:#afd2c3}
#templates .template-wizard-step{min-height:410px;padding:22px}
#templates .template-wizard-step h3{font-size:22px;margin-bottom:22px}
#templates .template-request textarea{height:200px;position:relative;pointer-events:auto;resize:vertical;transition:none}
#templates .template-request label:has(>textarea){display:block;height:auto;max-height:none}
#templates .template-request label>textarea{margin-top:10px}
#templates .template-header-native{display:none}
#templates .template-header-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
#templates .template-header-choices button{min-height:78px;white-space:normal;background:#fff;box-shadow:none;border:1px solid #d9e3e1}
#templates .template-header-choices button[aria-pressed="true"]{background:#edf7f3;border:2px solid #14735d;color:#095a46}
#templates .template-live-preview{padding:16px;border-left:1px solid #e0e8e5;min-width:0}
#templates .template-live-preview h3{margin:0;font-size:17px}
#templates .template-live-preview>p{font-size:12px;line-height:1.5}
#templates .template-preview-phone{border:7px solid #15372f;border-radius:28px;overflow:hidden;margin-top:20px;background:#efeae2;min-height:340px}
#templates .template-preview-top{background:#075e54;color:white;padding:18px 12px;font-weight:bold;font-size:13px}
#templates .template-preview-chat{padding:14px 10px}
#templates .template-preview-message{background:white;padding:12px;border-radius:0 10px 10px;box-shadow:0 2px 5px #0001;overflow-wrap:anywhere}
#templates #approvalPreviewBody{white-space:pre-wrap;color:#233b35;font-size:13px;line-height:1.6}
#templates #approvalPreviewFooter{display:block;color:#77857e;white-space:pre-wrap}
#templates #approvalPreviewButtons>div{border-top:1px solid #e4eae7;padding:10px 0 0;margin-top:10px;text-align:center;color:#087e70;font-size:12px}
@media(max-width:1200px){#templates .template-creator-layout{grid-template-columns:minmax(0,1fr) 240px}#templates .template-step-nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){#templates .template-creator-layout{grid-template-columns:minmax(0,1fr)}#templates .template-step-nav{grid-template-columns:repeat(2,minmax(0,1fr))}#templates .template-live-preview{border-left:0;border-top:1px solid #e0e8e5}#templates .template-preview-phone{max-width:280px;margin:16px auto}#templates .template-header-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
body:not(.auth-body) #overview .dashboard-wallet-action{
  display:flex;flex-wrap:wrap;justify-content:flex-end;
  align-items:center;width:fit-content;max-width:100%;
  height:auto;gap:8px;min-width:0;
}
body:not(.auth-body) #overview .dashboard-wallet-action>button[data-open-page="wallet"]{
  display:inline-flex;flex:0 0 auto;width:max-content;
  min-width:max-content;max-width:none;gap:10px;
  white-space:nowrap;word-break:normal;overflow-wrap:normal;
}
body:not(.auth-body) #overview .dashboard-wallet-action>button[data-open-page="wallet"]>span,
body:not(.auth-body) #overview #headerWalletBalance{
  flex:0 0 auto;width:auto;max-width:none;
  white-space:nowrap;word-break:normal;overflow-wrap:normal;
}
body:not(.auth-body) #overview .dashboard-wallet-action>button[data-open-page="wallet"]::before{flex:0 0 26px}
body:not(.auth-body) #overview .dashboard-wallet-action>.dashboard-plan-card{flex:0 1 auto;width:auto;max-width:100%}
@media(max-width:1100px){body:not(.auth-body) #overview .dashboard-wallet-action{justify-content:flex-start}}
body:not(.auth-body) #bulk .campaign-preview-panel{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}
body:not(.auth-body) #bulk .campaign-preview-sticky{position:relative;top:auto;height:auto;min-height:0;overflow:visible;display:flex;flex-direction:column}
body:not(.auth-body) #bulk .campaign-phone{height:auto;min-height:0;max-height:none;flex:0 0 auto}
body:not(.auth-body) #bulk .campaign-phone-screen{height:auto;min-height:0;max-height:none;overflow:visible;flex:0 0 auto}
body:not(.auth-body) #bulk #bulkMessagePreview{height:auto;min-height:0;max-height:none;flex:0 0 auto;overflow:visible;overflow-wrap:anywhere;word-break:normal}
body:not(.auth-body) #bulk .campaign-phone-time{flex:0 0 auto}
@media(max-width:1050px){body:not(.auth-body) #bulk .campaign-preview-panel{height:auto;overflow:visible}}
body.professional-panel #consent .consent-data-tools{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:16px 0;padding:14px;border:1px solid #d9e8e5;border-radius:13px;background:#f7fbfa}
body.professional-panel #consent .consent-file-picker{display:grid;gap:6px;min-width:min(100%,280px);font-size:12px;font-weight:750}
body.professional-panel #consent .consent-file-picker input{max-width:360px;padding:8px;background:#fff}
body.professional-panel #consent .consent-import-state{flex:1 1 100%;color:#526e73;font-size:12px;line-height:1.45}
body.professional-panel #consent .consent-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
body.professional-panel #consent .consent-row-actions button{white-space:nowrap}
@media(max-width:700px){body.professional-panel #consent .consent-data-tools>*{width:100%}body.professional-panel #consent .consent-data-tools button{width:100%}}
#mobileNavBackdrop[hidden] {
  display: none;
  pointer-events: none;
}
@media (min-width: 761px) {
  #mobileNavBackdrop { display: none; pointer-events: none; }
}
.customer-webhook-card{margin-top:0}
.customer-webhook-fields{align-items:end;gap:12px}
.customer-webhook-events{border:1px solid var(--line,#d8e5e1);border-radius:14px;margin:14px 0;padding:12px 14px}
.customer-webhook-events legend{font-weight:800;padding:0 6px}
.webhook-event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}
.webhook-event-grid label{align-items:center;background:var(--soft,#f6faf8);border:1px solid var(--line,#d8e5e1);border-radius:10px;display:flex;gap:10px;line-height:1.35;margin:0;min-height:44px;padding:8px 10px}
.webhook-event-grid input[type="checkbox"]{appearance:auto;flex:0 0 18px;height:18px;margin:0;min-height:0;padding:0;width:18px}
.customer-webhook-actions{display:flex;flex-wrap:wrap;gap:8px}
.customer-webhook-card .security-note code{overflow-wrap:anywhere;user-select:all}
.customer-webhook-deliveries{margin-top:14px}
.customer-webhook-deliveries td{vertical-align:top}
.webhook-error-cell{max-width:320px;overflow-wrap:anywhere}
.webhook-integration-help{margin-top:12px}
.webhook-integration-help summary{cursor:pointer;font-weight:800}
@media(max-width:700px){.webhook-event-grid{grid-template-columns:1fr}.customer-webhook-actions button{flex:1 1 140px}}
@media(max-width:850px){
 body.professional-panel #bulk.page.active{display:block;height:auto;min-height:0;overflow:visible}
 body.professional-panel #bulk :is(.campaign-workspace,.campaign-main-grid,.campaign-editor,.campaign-wizard,.campaign-preview-panel){width:100%;min-width:0;max-width:100%;height:auto;max-height:none;overflow:visible;box-sizing:border-box}
 body.professional-panel #bulk .campaign-main-grid{display:block}
 body.professional-panel #bulk .campaign-wizard-progress{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
 body.professional-panel #bulk .campaign-wizard-connector{display:none}
 body.professional-panel #bulk :is(.campaign-setup,.campaign-test-box,.campaign-source-tabs,.campaign-wizard-nav,.campaign-launch,.variable-fields){display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 body.professional-panel #bulk :is(input,select,textarea){max-width:100%;min-width:0;font-size:16px;box-sizing:border-box}
 body.professional-panel #bulk :is(.campaign-wizard-nav,.campaign-source-tabs,.campaign-launch) button{width:100%;height:auto;min-height:44px;max-height:none;white-space:normal}
 body.professional-panel #bulk .campaign-preview-sticky{position:static;max-width:100%}
 body.professional-panel #bulk .campaign-phone{width:100%;max-width:285px;margin-inline:auto}
 body.professional-panel #bulk .table{max-width:100%;overflow-x:auto}
}
@media(max-width:850px){
 body.professional-panel :is(#bulk,#subscriptions,#settings).page.active>*{
  min-width:0;max-width:100%;
 }
 body.professional-panel #bulk :is(.campaign-workspace,.campaign-main-grid,.campaign-editor,.campaign-wizard,.campaign-preview-panel),body.professional-panel #subscriptions :is(.card,.form,.subscription-plan-list,.subscription-purchase-row),body.professional-panel #settings :is(.card,.form,.customer-webhook-card,.customer-webhook-events,.webhook-integration-help){
  height:auto;min-height:0;max-height:none;
 }
 body.professional-panel :is(#bulk,#subscriptions,#settings) .table{
  width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;
  -webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;
 }
 body.professional-panel #subscriptions :is(.subscription-purchase-row,.subscription-admin-grid,.account-plan-selectors,.account-plan-rate-grid,.reseller-plan-assignment-grid){
  display:grid;grid-template-columns:minmax(0,1fr);gap:10px;
 }
 body.professional-panel #settings :is(.customer-webhook-fields,.webhook-event-grid){
  display:grid;grid-template-columns:minmax(0,1fr);gap:10px;
 }
 body.professional-panel :is(#bulk,#subscriptions,#settings) :is(input,select,textarea,button){max-width:100%}
}
:root{
  --ui-canvas:#f4f7f8;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f8fafb;
  --ui-text:#17333a;
  --ui-muted:#60747b;
  --ui-border:#dce6e9;
  --ui-border-strong:#cbd9dd;
  --ui-radius:14px;
  --ui-shadow:0 8px 24px rgba(23,51,58,.07);
  --ui-shadow-raised:0 14px 36px rgba(23,51,58,.11);
}
body.professional-panel :is(.page>.card,.page>.banner,.workspace-card,.data-card){
  border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);
  box-shadow:var(--ui-shadow);
}
body.professional-panel :is(.card,.banner){transition:border-color .16s ease,box-shadow .16s ease}
body.professional-panel :is(.cardhead h2,.card>h2){margin:0 0 5px;font-size:20px;line-height:1.25;letter-spacing:-.02em}
body.professional-panel :is(.cardhead p,.card>p,.helper-text,.muted){color:var(--ui-muted);font-size:12px;line-height:1.55}
body.professional-panel .button-link{min-height:40px;height:auto;padding:9px 13px;border:1px solid var(--ui-border-strong);border-radius:10px;background:linear-gradient(180deg,#fff,#f5f8f8);color:var(--ui-text);font-size:11px;font-weight:760;line-height:1.2;box-shadow:0 3px 8px rgba(17,50,58,.06)}
body.professional-panel .button-link:hover{border-color:color-mix(in srgb,var(--theme-primary) 38%,var(--ui-border));background:#fff;transform:translateY(-1px)}
body.professional-panel :is(button.primary,.primary){border-color:transparent;background:linear-gradient(120deg,var(--theme-primary),color-mix(in srgb,var(--theme-accent) 70%,var(--theme-primary)));color:#fff;box-shadow:0 7px 16px color-mix(in srgb,var(--theme-primary) 22%,transparent)}
body.professional-panel .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
body.professional-panel .form{max-width:none}
body.professional-panel .form label{min-width:0;margin:7px 0;color:#2d4950;font-size:12px;font-weight:720;line-height:1.35}
body.professional-panel .table,body.professional-panel .table-wrap{position:relative;width:100%;max-width:100%;margin-top:11px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;border:1px solid var(--ui-border);border-radius:12px;background:#fff;box-shadow:none}
body.professional-panel .table.docked-horizontal{overflow-x:hidden}
@media(max-width:850px){
  body.professional-panel .grid{grid-template-columns:minmax(0,1fr)}
  body.professional-panel :is(.cardhead,.template-toolbar,.filter-toolbar,.toolbar,.settings-actions,.cleanup-actions){align-items:stretch;flex-wrap:wrap}
  body.professional-panel :is(.cardhead,.template-toolbar,.filter-toolbar,.toolbar,.settings-actions,.cleanup-actions)>button{flex:1 1 140px}
  body.professional-panel :is(.table,.table-wrap){touch-action:pan-x pan-y}
  body.professional-panel .table.docked-horizontal{overflow-x:auto}
  body.professional-panel :is(#bulk,#subscriptions,#settings,#chatbot_flows).page.active,body.professional-panel :is(#bulk,#subscriptions,#settings,#chatbot_flows).page.active>*{height:auto;max-height:none}
}
@media(max-width:520px){
  body.professional-panel :is(button,.button-link){white-space:normal}
  body.professional-panel .date-range-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  body.professional-panel .date-range-buttons button{width:100%}
}
body.professional-panel :is(.cardhead,.toolbar,.filter-toolbar,.template-toolbar,.settings-actions,.cleanup-actions){gap:10px;margin-bottom:12px}
body.professional-panel :is(label,.form-label){gap:6px;color:#294a55;font-size:14px;font-weight:700;line-height:1.35}
body.professional-panel .helper-text{font-size:12px;line-height:1.4;color:var(--ui-muted);font-weight:500}
body.professional-panel :is(button,.button-link,.btn){min-height:40px;padding:8px 13px;border-radius:9px;font-size:14px;font-weight:750;line-height:1.25;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background-color .14s ease}
body.professional-panel :is(button,.button-link,.btn):not(:disabled):hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(17,47,58,.1)}
body.professional-panel :is(button,.button-link,.btn):disabled{opacity:.52;cursor:not-allowed;box-shadow:none;transform:none}
body.professional-panel :is(button.primary,.button-link.primary,.btn.primary){color:var(--theme-on-primary,#fff);background:var(--theme-primary);border-color:var(--theme-primary)}
body.professional-panel :is(button.danger,.danger button,[data-danger]){color:#a52121;background:#fff5f5;border-color:#f0b9b9}
body.professional-panel :is(.table,.table-wrap){margin-top:10px;border-radius:10px;border-color:var(--ui-border);scrollbar-width:thin;scrollbar-color:#93b3bc #edf3f5}
body.professional-panel :is(.status-badge,.badge){min-height:25px;padding:4px 8px;border-radius:999px;font-size:12px;line-height:1.25;font-weight:750}
body.professional-panel :is(.banner,.security-note,.inbox-state,.campaign-preflight-result){padding:11px 13px;border-radius:10px;font-size:13px;line-height:1.5}
body.professional-panel #inbox .inbox-layout,body.professional-panel #inbox .inbox-workspace{width:100%;max-width:none;min-height:0}
body.professional-panel #inbox .chat-contact{min-height:72px;padding:9px 10px;border-radius:10px}
body.professional-panel #inbox .chat-contact-copy strong{font-size:14px}
body.professional-panel #inbox .chat-contact-copy small{font-size:12px}
body.professional-panel #inbox .chat-contact-copy em{font-size:12px}
@media(max-width:850px){
  body.professional-panel :is(button,.button-link,.btn){min-height:42px}
  body.professional-panel :is(#bulk,#subscriptions,#settings,#chatbot_flows).page.active{overflow-y:auto;touch-action:pan-y}
}
@media(max-width:520px){
  body.professional-panel :is(.cardhead,.toolbar,.filter-toolbar,.template-toolbar,.settings-actions,.cleanup-actions)>button{width:100%;flex:1 1 100%}
}
body.professional-panel #subscriptions .account-plan-selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.professional-panel #subscriptions .account-plan-rate-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
body.professional-panel #subscriptions .reseller-plan-assignment-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.professional-panel #subscriptions :is(.account-plan-selectors,.account-plan-rate-grid,.reseller-plan-assignment-grid){padding:16px;margin:12px 0;background:var(--ui-surface-soft);border:1px solid var(--ui-border);border-radius:12px;align-items:start}
body.professional-panel #subscriptions :is(.account-plan-selectors,.account-plan-rate-grid,.reseller-plan-assignment-grid)>label{margin:0;min-width:0;gap:7px}
body.professional-panel #subscriptions :is(.account-plan-selectors,.account-plan-rate-grid,.reseller-plan-assignment-grid) :is(input,select){width:100%;min-width:0;box-sizing:border-box}
body.professional-panel #subscriptions .reseller-plan-assignment-card .subscription-plan-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
@media(max-width:1100px){body.professional-panel #subscriptions .account-plan-rate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){
  body.professional-panel #subscriptions .account-plan-rate-grid,body.professional-panel #subscriptions .reseller-plan-assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.professional-panel #subscriptions .reseller-plan-assignment-card .subscription-plan-list{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:480px){body.professional-panel #subscriptions :is(.account-plan-selectors,.account-plan-rate-grid,.reseller-plan-assignment-grid){grid-template-columns:minmax(0,1fr)}}
body.professional-panel #sidebarModeToggle{width:36px;height:36px;min-height:36px;padding:7px;align-self:flex-end;display:grid;place-items:center;margin:0 4px 10px;border-radius:9px}
body.professional-panel #sidebarModeToggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media(max-width:850px){body.professional-panel #sidebarModeToggle{display:none}}
body.professional-panel #templates .template-unified-toolbar{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:10px;align-items:center;background:var(--ui-surface-soft);border:1px solid var(--ui-border);border-radius:10px}
body.professional-panel #templates .template-unified-toolbar .template-transfer-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0;margin:0;border:0;box-shadow:none;background:transparent}
body.professional-panel #templates .template-unified-toolbar button{white-space:nowrap;width:auto;margin:0;min-height:40px;padding:9px 10px;font-size:13px}
body.professional-panel #templates .template-unified-toolbar .template-filters{display:grid;grid-template-columns:minmax(170px,1.6fr) repeat(3,minmax(130px,1fr));gap:8px;min-width:0}
body.professional-panel #templates .template-unified-toolbar [hidden]{display:none}
body.professional-panel #templates .template-unified-toolbar #templateTransferState:empty{display:none}
body.professional-panel #templates .template-unified-toolbar #templateTransferState:not(:empty){flex-basis:100%;overflow-wrap:anywhere}
@media(max-width:1500px){
  body.professional-panel #templates .template-unified-toolbar{grid-template-columns:minmax(0,1fr) auto}
  body.professional-panel #templates .template-unified-toolbar .template-filters{grid-column:1/-1;grid-template-columns:minmax(200px,2fr) repeat(3,minmax(140px,1fr))}
}
@media(max-width:850px){
  body.professional-panel #templates .template-unified-toolbar{grid-template-columns:minmax(0,1fr)}
  body.professional-panel #templates .template-unified-toolbar .template-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){body.professional-panel #templates .template-unified-toolbar .template-filters{grid-template-columns:minmax(0,1fr)}}
body.professional-panel #sidebarModeToggle{flex:0 0 auto;margin:0 2px 10px;min-height:38px;background:rgba(255,255,255,.12);color:white;border:1px solid rgba(255,255,255,.25)}
@media(max-width:850px){body.professional-panel #sidebarModeToggle{display:none}}
body.professional-panel #inbox .chat-body{position:relative;display:flex;min-width:0;min-height:0}
body.professional-panel #inbox aside.chat-details{position:static;inset:auto;transform:none;float:none;z-index:auto;height:auto;min-height:0;width:290px;max-width:42%;flex:0 0 290px;padding:0;margin:0;background:#fff;color:var(--ui-text);box-shadow:none;border:0;border-left:1px solid var(--ui-border);overflow:auto;display:none}
body.professional-panel #inbox aside.chat-details.open{display:block}
body.professional-panel #inbox .chat-details>header{position:sticky;inset:0 0 auto;display:flex;flex-wrap:wrap;gap:8px;height:auto;min-height:50px;background:#fff;color:var(--ui-text);padding:10px;margin:0;z-index:2}
body.professional-panel #inbox .chat-details>section{padding:12px}
body.professional-panel #inbox .chat-thread{min-width:0;flex:1 1 0}
@media(max-width:1100px){
  body.professional-panel #inbox aside.chat-details{position:absolute;inset:0 0 0 auto;width:min(340px,100%);max-width:100%;height:100%;z-index:30;box-shadow:-8px 0 24px #102b3a26}
}
body.professional-panel #templates .template-page-head{display:block}
body.professional-panel #templates .template-toolbar{display:flex;flex-wrap:wrap;align-items:center;width:100%;gap:12px;margin:14px 0 0;padding:12px;box-sizing:border-box}
body.professional-panel #templates .template-toolbar>#openNewTemplate{flex:0 0 auto;width:auto;margin:0}
body.professional-panel #templates .template-filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(140px,1fr));flex:1 1 640px;gap:8px;min-width:0}
body.professional-panel #templates .template-filters>*{width:100%;min-width:0;box-sizing:border-box}
body.professional-panel #subscriptions .subscription-admin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
body.professional-panel #subscriptions .subscription-admin-grid>label{margin:0}
body.professional-panel #subscriptions .subscription-message-pricing{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 20px;padding:16px;background:var(--ui-surface-soft);border:1px solid var(--ui-border);border-radius:12px}
body.professional-panel #subscriptions .subscription-message-pricing>h3{margin:0;font-size:16px;line-height:1.4}
body.professional-panel #subscriptions .subscription-message-pricing>h3:nth-of-type(1){grid-column:1;grid-row:1}
body.professional-panel #subscriptions .subscription-message-pricing>h3:nth-of-type(2){grid-column:2;grid-row:1}
body.professional-panel #subscriptions .subscription-message-pricing>.grid:nth-of-type(1){grid-column:1;grid-row:2}
body.professional-panel #subscriptions .subscription-message-pricing>.grid:nth-of-type(2){grid-column:2;grid-row:2}
body.professional-panel #subscriptions .subscription-message-pricing>.grid{gap:12px}
body.professional-panel #subscriptions .subscription-admin-grid>.subscription-description{grid-column:span 3}
body.professional-panel #subscriptions .subscription-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:12px;margin-top:12px;border-top:1px solid var(--ui-border)}
@media(max-width:850px){
  body.professional-panel #templates .template-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.professional-panel #subscriptions .subscription-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.professional-panel #subscriptions .subscription-admin-grid>.subscription-description{grid-column:1/-1}
  body.professional-panel #subscriptions .subscription-message-pricing{display:block}
  body.professional-panel #subscriptions .subscription-message-pricing>h3{margin:0 0 12px}
  body.professional-panel #subscriptions .subscription-message-pricing>.grid{margin-bottom:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  body.professional-panel #templates .template-filters,body.professional-panel #subscriptions .subscription-admin-grid,body.professional-panel #subscriptions .subscription-message-pricing>.grid{grid-template-columns:minmax(0,1fr)}
}
body.professional-panel :is(.chat-sidebar,.chat-body,.chat-thread,.chat-details){min-width:0;min-height:0}
body.professional-panel .chat-details{overflow-y:auto;overscroll-behavior:contain}
body.professional-panel .chat-thread{overflow-wrap:anywhere}
body.professional-panel .chat-compose #replyText{min-height:44px;max-height:140px}
body.professional-panel :is(.table,.table-wrap){max-width:100%;min-width:0}
@media(max-width:850px){
  body.professional-panel :is(.chat-template-tools,.chat-reply-tools,.chat-detail-add){flex-wrap:wrap;min-width:0}
  body.professional-panel :is(.chat-template-tools,.chat-reply-tools)>:is(input,select){min-width:0;max-width:100%;flex:1 1 150px}
  body.professional-panel :is(.table,.table-wrap){overflow-x:auto;touch-action:pan-x pan-y}
}
body.professional-panel #inbox .chat-search-shell{display:grid;gap:5px;margin:12px 16px 8px}
body.professional-panel #inbox .chat-search-shell>label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ui-muted)}
body.professional-panel #inbox .chat-search-shell .chat-search{width:100%;margin:0;box-sizing:border-box}
body.professional-panel #inbox .chat-search-state{display:block;min-height:16px;color:var(--ui-muted);font-size:11px;line-height:1.35;overflow-wrap:anywhere}
body.professional-panel #inbox .chat-search-state[data-state=busy]{color:var(--theme-primary);font-weight:700}
body.professional-panel #inbox .chat-search-state[data-state=ready]{color:#087443;font-weight:700}
body.professional-panel #inbox .chat-search-state[data-state=error]{color:#b42318;font-weight:700}
body.professional-panel #inbox .chat-profile-summary{display:grid;gap:6px;background:linear-gradient(135deg,var(--ui-surface-soft),#fff);border:1px solid var(--ui-border);border-radius:12px;margin:10px 12px 4px;padding:12px}
body.professional-panel #inbox .chat-profile-kicker{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--theme-primary)}
body.professional-panel #inbox .chat-profile-summary>strong{font-size:16px;overflow-wrap:anywhere}
body.professional-panel #inbox .chat-profile-summary>small{color:var(--ui-muted);font-size:12px}
body.professional-panel #inbox .chat-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:5px}
body.professional-panel #inbox .chat-profile-grid span{display:grid;gap:2px;min-width:0;padding:7px 8px;background:#fff;border:1px solid var(--ui-border);border-radius:8px}
body.professional-panel #inbox .chat-profile-grid b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.professional-panel #inbox .chat-profile-grid small{font-size:10px;color:var(--ui-muted);line-height:1.25}
body.professional-panel #inbox .chat-contact-copy .chat-contact-phone{margin-top:3px;color:var(--theme-primary);font-size:10px;font-weight:700;letter-spacing:.01em}
body.professional-panel #inbox .chat-contact-copy small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media(max-width:850px){
  body.professional-panel #inbox .chat-search-shell{margin-inline:10px}
  body.professional-panel #inbox .chat-profile-summary{margin-inline:8px}
}
body.professional-panel #inbox .chat-compose{padding:8px 10px;gap:6px 7px}
body.professional-panel #inbox :is(.chat-reply-tools,.chat-template-tools){gap:6px}
body.professional-panel #inbox :is(.chat-reply-tools select,.chat-template-tools select,.chat-template-tools input){height:34px;min-height:34px;padding:7px 9px;font-size:11px;border-radius:8px}
body.professional-panel #inbox :is(.chat-reply-tools button,.chat-template-tools button){height:34px;min-height:34px;padding:7px 10px;font-size:10px;border-radius:8px;white-space:nowrap}
body.professional-panel #inbox .chat-library-picker select{height:32px;min-height:32px;padding:6px 9px;font-size:11px;border-radius:8px}
body.professional-panel #inbox .chat-attach{width:38px;height:40px;min-height:40px;padding:0 8px;border-radius:9px;font-size:10px}
body.professional-panel #inbox .chat-compose #replyText{height:40px;min-height:40px;padding:10px 13px;border-radius:11px;font-size:12px}
body.professional-panel #inbox .chat-compose .primary{height:40px;min-height:40px;min-width:66px;padding:9px 12px;border-radius:10px}
body.professional-panel #inbox .chat-compose>small{font-size:10px;margin:0 2px}
@media(max-width:620px){
  body.professional-panel #inbox :is(.chat-reply-tools,.chat-template-tools){grid-template-columns:1fr 1fr}
  body.professional-panel #inbox :is(.chat-reply-tools select,.chat-template-tools select,.chat-template-tools input){grid-column:1/-1}
}
body.professional-panel:not(.auth-body) *{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
body.professional-panel:not(.auth-body) :is(.stats>article,.table,.table-wrap){
  background:#fff;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
body.professional-panel:not(.auth-body) :is(input,select,textarea){
  background:#fff;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
body.professional-panel:not(.auth-body) :is(th,.chat-header,.chat-details>header,.chat-compose,.report-bulk-toolbar){
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
body.professional-panel:not(.auth-body) .toast{
  background:#0a343d;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
:root{--g:#0b8558;--dark:#16352a;--muted:#718078;--line:#dfe7e2;--bg:#f5f8f6}
*{box-sizing:border-box}
h1{margin:6px 0}
.primary{background:var(--g);color:#fff;border:0;font-weight:bold}
.banner{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}
.banner{margin-bottom:15px}
.banner.ok{background:#e7f6ef;color:#076b47}
.banner.bad{background:#fff2ed;color:#a24b31}
.form{max-width:820px}
.form label{display:flex;flex-direction:column;gap:7px;margin:15px 0;font-size:12px;font-weight:bold}
.form input,.form select,.form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff}
.form textarea{min-height:90px;resize:vertical}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.table{overflow:auto}
code,pre{display:block;padding:13px;background:#eef5f1;border-radius:7px;overflow:auto}
#notice{position:fixed;right:25px;bottom:25px;z-index:5}
.toast{padding:13px 17px;border-radius:8px;background:#163d2e;color:#fff}
.media-only,.location-only{display:none}
@media(max-width:760px){.grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.grid{grid-template-columns:1fr}}
.template-media{display:none}
.template-media.visible{display:flex}
.template-preview{padding:14px;margin:10px 0;border:1px solid #cfe4d8;border-radius:8px;background:#f0f8f4;white-space:pre-wrap;font-size:12px;line-height:1.6}
.template-preview:empty{display:none}
.live-dot{padding:6px 9px;border-radius:14px;background:#e4f7ed;color:#08724b;font-size:10px;font-weight:bold}
.inbox-state{padding:12px 0;color:var(--muted);font-size:11px}
.inbox-list{display:grid}
.inbox-message{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:start;padding:15px 5px;border-top:1px solid var(--line)}
.inbox-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e4f6ed;color:var(--g);font-size:11px;font-weight:bold}
.inbox-copy{min-width:0}
.inbox-copy strong{font-size:12px}
.inbox-copy small{display:block;margin:3px 0 7px;color:var(--muted);font-size:9px}
.inbox-copy p{margin:0;color:var(--dark);white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.5}
.inbox-message time{color:var(--muted);font-size:9px;white-space:nowrap}
#inboxBadge:not(:empty){display:inline-block;margin-left:5px;padding:2px 6px;border-radius:9px;background:var(--g);color:#fff;font-size:9px}
.template-request{margin-top:16px}
.template-request #textHeaderFields,.template-request #sampleMediaRow,.template-request #quickReplyFields,.template-request #ctaFields{display:none}
.templates-table{min-width:1050px}
.template-content{min-width:320px;max-width:520px;white-space:pre-wrap;line-height:1.55;color:#405048}
.template-filters{display:flex;gap:8px;flex-wrap:wrap}
.template-filters select,.template-filters input{min-height:38px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff}
.template-filters input{min-width:210px}
#settingsState,#sampleMediaState,#templateSubmitResult{margin-top:12px;color:var(--muted);font-size:11px;white-space:pre-wrap}
.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;background:#edf2ef;font-size:9px;font-weight:bold}
.template-filters+.table{margin-top:12px}
.inbox-reply{display:none;margin:8px 0 18px;padding:15px;border:1px solid #b9ddca;border-radius:10px;background:#f0f8f4}
.inbox-reply.open{display:grid;gap:10px}
.inbox-reply>div:first-child{display:flex;justify-content:space-between;align-items:center}
.inbox-reply textarea{width:100%;min-height:78px;padding:11px;border:1px solid var(--line);border-radius:8px;resize:vertical}
.inbox-reply small{color:var(--muted);font-size:9px}
.inbox-reply .primary{justify-self:start}
.reply-button{margin-top:9px;padding:6px 10px;color:var(--g);border-color:#b9ddca;background:#f5fbf8;font-size:9px}
.inbox-message-actions{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
#replyState{font-size:10px;color:var(--muted)}
.chat-app{height:calc(100vh - 150px);min-height:560px;padding:0;display:grid;grid-template-columns:340px 1fr;overflow:hidden}
.chat-app .chat-sidebar{position:static;inset:auto;width:auto;padding:0;background:#fff;border:0;border-right:1px solid var(--line);display:flex;flex-direction:column}
.chat-list-head{height:72px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.chat-list-head h2{margin:0 0 4px}
.chat-list-head small{color:var(--muted);font-size:9px}
.chat-search{margin:12px;padding:10px 12px;border:1px solid var(--line);border-radius:20px;background:#f5f8f6}
.chat-list{overflow:auto;flex:1}
.chat-contact{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 14px;border:0;border-bottom:1px solid #edf1ef;border-radius:0;text-align:left}
.chat-contact:hover,.chat-contact.selected{background:#e9f7f0}
.chat-contact-copy{min-width:0}
.chat-contact-copy strong,.chat-contact-copy small{display:block}
.chat-contact-copy strong{font-size:12px}
.chat-contact-copy small{margin-top:5px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-contact-meta{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}
.chat-contact-meta time{font-size:8px;color:var(--muted)}
.chat-contact-meta b{min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:9px;background:var(--g);color:#fff;font-size:8px}
.chat-contact-meta b:empty{display:none}
.chat-panel{min-width:0;background:#efeae2;position:relative}
.chat-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted)}
.chat-empty strong{color:var(--dark);font-size:18px}
.chat-active{height:100%;display:none;flex-direction:column}
.chat-header{height:66px;flex:none;padding:10px 16px;display:flex;align-items:center;gap:10px;background:#f7faf8;border-bottom:1px solid var(--line);margin:0}
.chat-header>div:nth-of-type(2){display:flex;flex-direction:column;gap:3px;flex:1}
.chat-header small{color:var(--muted);font-size:9px}
.chat-header #chatBack{display:none}
.chat-thread{flex:1;overflow:auto;padding:22px;background-color:#efeae2;background-image:radial-gradient(#d9d4cc 0.65px,transparent .65px);background-size:12px 12px}
.chat-bubble-row{display:flex;margin:5px 0}
.chat-bubble-row.outgoing{justify-content:flex-end}
.chat-bubble{max-width:min(72%,560px);padding:9px 11px 6px;border-radius:8px;background:#fff;box-shadow:0 1px 1px #00000014}
.outgoing .chat-bubble{background:#d9fdd3}
.chat-bubble p{margin:0 0 5px;color:#1f2c27;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-bubble span{display:block;text-align:right;color:#738079;font-size:8px}
.chat-compose{flex:none;padding:10px 12px;display:grid;grid-template-columns:1fr auto;gap:8px;background:#f2f5f3;border-top:1px solid var(--line)}
.chat-compose textarea{min-height:43px;max-height:120px;padding:12px 14px;border:1px solid var(--line);border-radius:22px;resize:none}
.chat-compose .primary{border-radius:22px}
.chat-compose small{grid-column:1/-1;color:var(--muted);font-size:8px}
.chat-no-results{padding:30px 15px;text-align:center;color:var(--muted);font-size:11px}
@media(max-width:900px){.chat-app{grid-template-columns:1fr;height:calc(100vh - 130px)}.chat-panel{position:absolute;inset:0;z-index:3;transform:translateX(100%);transition:transform .2s}.chat-panel.mobile-open{transform:translateX(0)}.chat-header #chatBack{display:block;padding:7px}.chat-bubble{max-width:84%}}
.danger{border-color:#e8b8b4;background:#fff2f1;color:#b43f37}
.small{padding:6px 9px;font-size:9px}
.cleanup-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.cleanup-actions button{font-size:9px}
.templates-table{min-width:1150px}
@media(max-width:760px){.cleanup-actions{justify-content:flex-start}}
.library-upload{display:inline-flex;flex-direction:row;align-items:center;margin:0;padding:10px 14px;border-radius:8px;background:var(--g);color:#fff;cursor:pointer}
.library-upload input{display:none}
.media-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px}
.media-card{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;grid-template-columns:52px 1fr;gap:12px}
.media-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:9px;background:#e8f6ef;color:var(--g);font-size:10px;font-weight:bold}
.media-video{background:#edf0fb;color:#5065a8}
.media-document{background:#fff1e5;color:#ad6226}
.media-info{min-width:0;display:flex;flex-direction:column;gap:5px}
.media-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.media-info small{color:var(--muted);font-size:8px}
.media-actions{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}
.media-actions button{padding:7px 9px;font-size:8px}
.profile-editor-head{display:flex;align-items:center;gap:15px;margin-bottom:18px}
.profile-editor-head h2{margin:0 0 5px}
.profile-editor-head p{margin:0}
.profile-editor-head>div:nth-child(2){flex:1}
.profile-editor-head small{display:block;margin-top:5px;color:var(--muted);font-size:9px}
.profile-picture{width:74px;height:74px;flex:none;display:grid;place-items:center;border-radius:50%;background:#e6f6ee center/cover no-repeat;color:var(--g);font-size:18px;font-weight:bold;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}
#profilePictureState,#profileState{margin:10px 0;color:var(--muted);font-size:10px}
.synced-identity{padding:14px;margin-bottom:18px;border:1px solid #cfe4d8;border-radius:9px;background:#f2f9f5}
.synced-identity label{margin:0}
.synced-identity input[readonly]{background:#e9f2ed;color:#29483b;font-weight:bold}
.variable-section{display:flex;flex-direction:column;gap:10px;margin:15px 0;padding:14px;border:1px solid var(--line);border-radius:9px;background:#f8faf9}
.variable-section>strong{font-size:11px}
.variable-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.variable-fields label{margin:0;padding:10px;border-radius:8px;background:#fff}
.variable-fields input{margin-top:2px}
.no-variables{grid-column:1/-1;color:var(--muted);font-size:10px}
@media(max-width:620px){.variable-fields{grid-template-columns:1fr}}
.chat-compose{grid-template-columns:auto minmax(0,1fr) auto}
.chat-attachment{display:none;grid-column:1/-1;align-items:center;gap:12px;padding:9px 12px;border:1px solid #cce8dc;border-radius:12px;background:#effaf5;color:#145c45;font-size:13px}
.chat-attachment.visible{display:flex}
.chat-attachment-preview{width:88px;height:68px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#dcece4}
.chat-attachment-preview img,.chat-attachment-preview video{width:100%;height:100%;display:block;object-fit:cover}
.chat-document-preview{display:grid;place-items:center;width:44px;height:50px;border-radius:5px;background:#fff;color:#ad6226;font-size:10px;font-weight:800;box-shadow:0 1px 4px #0002}
.chat-attachment-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
.chat-attachment-copy strong,.chat-attachment-copy small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-attachment-copy small{grid-column:auto;color:var(--muted);font-size:9px}
.chat-attachment button{flex:0 0 auto;border:0;background:transparent;color:#c23838;font-weight:800;cursor:pointer}
.chat-attach{width:43px;height:43px;display:grid;place-items:center;align-self:end;border:1px solid #cbd8d2;border-radius:50%;background:#fff;color:#087a55;font-size:10px;font-weight:800;cursor:pointer}
.chat-attach:hover{background:#effaf5;border-color:#88cbb2}
.chat-attach input{display:none}
.template-buttons-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}
.template-buttons-head>div{display:flex;flex-direction:column;gap:4px}
.template-buttons-head small{color:var(--muted);font-size:9px}
.template-button-rows{display:grid;gap:9px;margin-bottom:15px}
.template-button-row{display:grid;grid-template-columns:150px minmax(130px,1fr) minmax(170px,1.4fr) minmax(170px,1.4fr) auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:9px;background:#f8faf9}
.template-button-row select,.template-button-row input{width:100%;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff}
.template-button-row button{padding:9px}
.template-button-rows:empty:after{content:"No buttons added. Templates can be submitted without buttons.";padding:12px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:10px}
@media(max-width:900px){.template-button-row{grid-template-columns:1fr 1fr}.template-button-row .remove-template-button{grid-column:1/-1;justify-self:start}}
.bulk-file-box{display:flex;align-items:center;gap:12px;margin:14px 0}
.bulk-file-box label{margin:0}
.bulk-file-box small{color:var(--muted);font-size:10px}
.bulk-column-mapping{display:none;margin:12px 0;padding:14px;border:1px solid #cfe4d8;border-radius:10px;background:#f3faf6}
.bulk-column-mapping.visible{display:block}
.bulk-column-mapping>label,.bulk-variable-mapping label{display:flex;flex-direction:column;gap:6px;margin:8px 0;font-size:10px;font-weight:bold}
.bulk-column-mapping select{padding:9px;border:1px solid var(--line);border-radius:7px;background:#fff}
.bulk-variable-mapping{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bulk-file-box+.bulk-column-mapping table{min-width:600px}
.bulk-column-mapping .table{margin-top:12px;max-height:260px}
@media(max-width:620px){.bulk-variable-mapping{grid-template-columns:1fr}.bulk-file-box{align-items:flex-start;flex-direction:column}}
.country-code-tool{display:grid;grid-template-columns:160px auto minmax(180px,1fr);gap:10px;align-items:end;margin:14px 0;padding:12px;border:1px solid #cfe4d8;border-radius:9px;background:#f3faf6}
.country-code-tool label{margin:0}
.country-code-tool input{width:100%;padding:10px;border:1px solid var(--line);border-radius:7px}
.country-code-tool button{height:39px;color:var(--g);border-color:#9bcdb7;font-weight:bold}
.country-code-tool small{align-self:center;color:var(--muted);font-size:9px}
@media(max-width:620px){.country-code-tool{grid-template-columns:1fr}.country-code-tool button{justify-self:start}}
.chatbot-rules-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}
.chatbot-rules-head>div{display:flex;flex-direction:column;gap:4px}
.chatbot-rules-head small{color:var(--muted);font-size:9px}
.chatbot-rules{display:grid;gap:10px;margin-bottom:16px}
.chatbot-rule{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.4fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:9px;background:#f8faf9}
.chatbot-rule label{margin:0}
.chatbot-rule textarea{min-height:64px}
.chatbot-rule button{margin-bottom:1px}
.chatbot-rules:empty:after{content:"No reply rules added. The fallback reply will be used.";padding:12px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:10px}
.status-badge.bot-on{background:#dff6e9;color:#08724b}
#chatbotState{margin-top:12px;color:var(--muted);font-size:10px}
@media(max-width:760px){.chatbot-rule{grid-template-columns:1fr}.chatbot-rule button{justify-self:start}}
.auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#e6f7ef,transparent 45%),var(--bg)}
.auth-main{margin:0;padding:20px;width:100%;max-width:520px}
.auth-card{padding:38px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px #183f2d18}
.auth-card>.brand{margin-bottom:28px;justify-content:flex-start}
.auth-card>small{color:var(--g);font-weight:bold;letter-spacing:1px}
.auth-card h1{margin-top:10px}
.auth-card form{display:grid;gap:15px}
.auth-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:bold}
.auth-card input{padding:12px;border:1px solid var(--line);border-radius:8px}
.button-link{display:inline-block;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--dark);text-decoration:none;font-size:13px}
.user-editor{display:none;margin:15px 0;padding:16px;border:1px solid #b9ddca;border-radius:10px;background:#f4faf7}
.user-editor.visible{display:block}
.user-editor>strong{display:block;margin:14px 0 8px;font-size:11px}
.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.permission-grid label{display:flex;flex-direction:row;align-items:center;gap:7px;margin:0;padding:9px;border:1px solid var(--line);border-radius:7px;background:#fff}
.permission-grid input{width:auto}
.permission-grid.disabled{opacity:.45;pointer-events:none}
.user-editor-actions{display:flex;gap:8px;margin-top:15px}
#userState{margin-top:10px;color:var(--muted);font-size:10px}
@media(max-width:700px){.permission-grid{grid-template-columns:1fr 1fr}}
:root{--g:#07875f;--brand:#b6050b;--brand-dark:#850207;--dark:#17211d;--muted:#66736d;--line:#e2e8e5;--bg:#f3f6f5}
h1{font-size:28px;letter-spacing:-.035em}
h2{letter-spacing:-.025em}
.button-link,#refresh{border-color:#d7dfdb;box-shadow:0 1px 2px #15291f0a}
.button-link:hover,#refresh:hover{border-color:#b8c7c0;background:#fafcfb}
.banner{border-color:#e1e7e4;border-radius:14px;box-shadow:0 7px 24px #163a2710}
.button-link{transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}
.button-link:active{transform:translateY(1px)}
.primary{background:linear-gradient(135deg,#07875f,#056d4c);box-shadow:0 6px 15px #07745125}
.primary:hover{box-shadow:0 8px 20px #07745138}
.danger{border-color:#edc7c8;background:#fff7f7;color:#a60309}
.form input,.form select,.form textarea,.chat-search,.auth-card input{border-color:#d8e0dc;outline:0;transition:border-color .15s,box-shadow .15s}
.form input:focus,.form select:focus,.form textarea:focus,.chat-search:focus,.auth-card input:focus{border-color:#0b9369;box-shadow:0 0 0 3px #07946918}
.table{border:1px solid var(--line);border-radius:10px}
.auth-body{background:radial-gradient(circle at 15% 10%,#dcebe5 0,transparent 35%),radial-gradient(circle at 90% 90%,#f4dddd 0,transparent 32%),#eef3f1}
.auth-main{max-width:500px}
.auth-card{padding:36px 42px;border-radius:20px;box-shadow:0 28px 80px #14241c20}
.auth-card>.brand{margin:0 auto 25px}
.auth-card .brand-logo{height:140px;border:1px solid var(--line)}
.auth-card>small{display:block;color:var(--brand);text-align:center}
.auth-card h1{text-align:center;font-size:30px}
.auth-card>p{text-align:center;margin-bottom:24px;color:var(--muted)}
.auth-card .primary{min-height:46px}
.chat-app{border-radius:14px}
.chat-list-head h2{font-size:18px}
.chat-contact.selected{border-left:3px solid var(--brand)}
.live-dot{background:#e5f6ee;color:#08724b}
.status-badge.bot-on{background:#e2f5ec;color:#06724d}
@media(max-width:760px){.auth-main{margin:0 auto}.auth-card{padding:28px 22px}.auth-card .brand-logo{height:92px}}
.flow-builder{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;margin:18px 0}
.flow-palette{position:static;inset:auto;width:auto;padding:14px;border:1px solid #263a31;border-radius:12px;background:#17221d;box-shadow:none;display:flex;flex-direction:column;gap:7px;align-self:start}
.flow-palette strong{color:#fff;font-size:12px}
.flow-palette small{margin-bottom:7px;color:#9caea5;font-size:8px;line-height:1.5}
.flow-palette button{width:100%;padding:10px;border:1px solid #ffffff17;background:#ffffff0b;color:#dce7e1;text-align:left;font-size:10px}
.flow-palette button:hover{border-color:#ffffff38;background:#ffffff12}
.flow-workspace{min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f6f8f7}
.flow-workspace-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.flow-workspace-head>div{display:flex;flex-direction:column;gap:4px}
.flow-workspace-head small{color:var(--muted);font-size:8px}
.flow-canvas{min-height:240px;display:grid;gap:11px}
.flow-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed #cdd8d2;border-radius:10px;color:var(--muted)}
.flow-empty strong{color:#405148}
.flow-empty span{font-size:9px}
.flow-node{border:1px solid #d7e0dc;border-radius:11px;background:#fff;box-shadow:0 4px 14px #183b2810;overflow:hidden;cursor:grab}
.flow-node>header{margin:0;padding:10px 12px;border-bottom:1px solid var(--line);background:#f8faf9;display:flex;align-items:center;gap:9px}
.flow-node>header>div{display:flex;flex:1;flex-direction:column;gap:2px}
.flow-node>header small{color:var(--muted);font-size:7px}
.flow-number{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-size:9px;font-weight:bold}
.flow-node-fields{padding:10px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.flow-node-fields label,.flow-connections label{margin:0}
.flow-node-fields label:has(textarea){grid-column:1/-1}
.flow-node-fields textarea{min-height:65px}
.flow-connections{padding:10px 12px;border-top:1px dashed var(--line);display:grid;grid-template-columns:1fr 1fr;gap:9px;background:#fbfcfb}
.flow-connections label:only-child{grid-column:1/-1}
.flow-node input,.flow-node select,.flow-node textarea{width:100%;padding:9px;border:1px solid var(--line);border-radius:7px;background:#fff}
.flow-node label{display:flex;flex-direction:column;gap:5px;font-size:9px;font-weight:bold}
@media(max-width:780px){.flow-builder{grid-template-columns:1fr}.flow-palette{display:grid;grid-template-columns:1fr 1fr}.flow-palette strong,.flow-palette small{grid-column:1/-1}.flow-node-fields{grid-template-columns:1fr}.flow-node-fields label:has(textarea){grid-column:auto}}
.flow-toolbar,.flow-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:14px 0}
.flow-toolbar label{flex:1;min-width:240px;margin:0}
.flow-toolbar button,.flow-actions button{margin:0}
.flow-actions{align-items:center}
.flow-actions button:disabled{opacity:.55;cursor:not-allowed}
.chatbot-start-settings{margin:15px 0;padding:15px;border:1px solid #d7e1dc;border-radius:11px;background:linear-gradient(135deg,#f7faf8,#f2f7f5)}
.chatbot-start-settings>strong{display:block;margin-bottom:4px;font-size:11px}
.chatbot-start-settings>.grid label{margin:9px 0}
.chatbot-start-settings>small{display:block;margin-top:7px;color:var(--muted);font-size:8px}
.flow-generator-panel{padding:22px;border-bottom:1px solid #dfe9e5;background:linear-gradient(135deg,#f1fbf7,#f4f7ff)}
.flow-generator-copy span{color:#087753;font-size:9px;font-weight:900;letter-spacing:.9px}
.flow-generator-copy h3{margin:5px 0 4px;color:#173f32;font-size:18px}
.flow-generator-copy p{max-width:760px;margin:0;color:#61716a;font-size:10px;line-height:1.6}
.flow-generator-url{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:16px}
.flow-generator-url label,.flow-generator-grid label{margin:0;font-size:10px}
.flow-generator-url input{height:44px;font-size:13px}
.flow-generator-url button{height:44px;white-space:nowrap}
.flow-generator-options{margin-top:10px}
.flow-generator-options summary{color:#486258;font-size:9px;font-weight:800;cursor:pointer}
.flow-generator-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:10px}
.flow-generator-result{display:flex;gap:8px;align-items:center;margin-top:12px;padding:10px 12px;border:1px solid #d9e5e0;border-radius:8px;background:rgba(255,255,255,.75);color:#61716a;font-size:9px}
.flow-generator-result strong{color:#20493a}
.flow-generator-result span{overflow-wrap:anywhere}
@media(max-width:650px){.flow-generator-url,.flow-generator-grid{grid-template-columns:1fr}.flow-generator-url button{width:100%}.flow-generator-result{align-items:flex-start;flex-direction:column}}
.knowledge-chatbot-panel{padding:22px;border-bottom:1px solid #dce6e2;background:#fff}
.knowledge-chatbot-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.knowledge-chatbot-head span{color:#6555bd;font-size:9px;font-weight:900;letter-spacing:.8px}
.knowledge-chatbot-head h3{margin:5px 0 4px;font-size:17px;color:#2c2850}
.knowledge-chatbot-head p{margin:0;color:var(--muted);font-size:10px}
.knowledge-toggle{display:flex;align-items:center;gap:8px;white-space:nowrap}
.knowledge-toggle input{width:18px;height:18px}
.knowledge-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end;margin-top:16px}
.knowledge-url-row label,.knowledge-message-grid label{margin:0;font-size:10px}
.knowledge-message-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.knowledge-message-grid textarea{min-height:70px}
.knowledge-status{margin-top:12px;padding:10px 12px;border:1px solid #e0e5ef;border-radius:8px;background:#f8f8fd;color:#5f6472;font-size:9px}
.flow-route-row{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(180px,1.3fr);gap:10px;align-items:center}
.flow-route-select{width:100%;min-height:36px}
.flow-node-up,.flow-node-down{min-width:32px;padding:5px}
@media(max-width:700px){.knowledge-chatbot-head{flex-direction:column}.knowledge-url-row,.knowledge-message-grid{grid-template-columns:1fr}.flow-route-row{grid-template-columns:1fr}}
.flow-lines-svg{position:absolute;z-index:0;inset:0;overflow:visible;pointer-events:none}
.flow-line{fill:none;stroke:#2f9a70;stroke-width:2.5;filter:drop-shadow(0 1px 1px rgba(20,85,60,.2))}
.flow-line.preview{stroke:#7865da;stroke-dasharray:6 5}
.flow-node{z-index:1;cursor:default}
.flow-target-port,.flow-source-port{display:inline-block;width:16px;min-width:16px;height:16px;min-height:16px;padding:0;border:3px solid #fff;border-radius:50%;background:#9aa9a3;box-shadow:0 0 0 2px #75867f;cursor:crosshair}
.flow-target-port{position:absolute;left:-9px;top:18px;background:#fff;box-shadow:0 0 0 2px #6756c7}
.flow-source-port{margin-left:auto}
.flow-source-port.connected{background:#16a06d;box-shadow:0 0 0 2px #087753}
.flow-link-row,.flow-route-row{display:flex;align-items:center;gap:10px;min-height:34px}
.flow-link-row span,.flow-route-row span{flex:1}
.flow-route-select{display:none}
.flow-connections{position:relative;z-index:2}
.flow-node-up,.flow-node-down{min-width:32px;padding:5px}
@media(max-width:700px){.knowledge-chatbot-head{flex-direction:column}.knowledge-url-row,.knowledge-message-grid{grid-template-columns:1fr}}
.settings-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.user-meta-details{display:none;margin:15px 0;padding:16px;border:1px solid #d8e1dd;border-radius:11px;background:#f7faf8}
.user-meta-details.visible{display:block}
.user-meta-details .cardhead{margin-bottom:12px}
.user-meta-details h3{margin:0 0 4px}
.user-meta-details small{color:var(--muted);font-size:8px}
.meta-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:13px}
.meta-detail-grid>div{min-width:0;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;flex-direction:column;gap:5px}
.meta-detail-grid strong{overflow-wrap:anywhere;font-size:10px}
.meta-detail-grid small{font-size:8px;text-transform:uppercase;letter-spacing:.4px}
#userMetaState{margin-top:9px;color:var(--muted);font-size:9px}
@media(max-width:700px){.meta-detail-grid{grid-template-columns:1fr 1fr}}
.consent-entry{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:9px;align-items:end;margin:15px 0}
.consent-entry label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:10px;font-weight:bold}
.consent-entry input{padding:10px;border:1px solid var(--line);border-radius:8px}
.consent-entry button{height:39px}
.status-badge.consent-out{background:#fde7e7;color:#a5050b}
#consentState{margin:9px 0;color:var(--muted);font-size:9px}
.chat-header #chatConsentBadge{margin-left:auto}
.chat-header #toggleChatConsent{white-space:nowrap}
@media(max-width:650px){.consent-entry{grid-template-columns:1fr 1fr}.consent-entry label{grid-column:1/-1}.chat-header #chatConsentBadge{display:none}.chat-header #toggleChatConsent{padding:7px;font-size:8px}}
.media-library-picker{padding:11px;border:1px solid #d6e2dc;border-radius:9px;background:#f5faf7}
.media-library-picker select{margin-top:2px}
.chat-library-picker{grid-column:1/-1;display:flex;justify-content:flex-end}
.chat-library-picker select{width:min(100%,340px);padding:8px 11px;border:1px solid #cbd8d2;border-radius:18px;background:#fff;color:#435149;font-size:9px}
.document-filename-row{display:none;padding:11px;border:1px solid #ead8bc;border-radius:9px;background:#fffaf2}
.document-filename-row.visible{display:flex}
.document-filename-row small{color:var(--muted);font-size:8px}
.chat-document-filename{display:none;width:100%;margin-top:3px;padding:6px 8px;border:1px solid #cbd8d2;border-radius:6px;background:#fff;font-size:9px}
.interactive-fields{display:none;margin:12px 0;padding:13px;border:1px solid #d8e2dd;border-radius:10px;background:#f6faf8}
.interactive-fields.visible{display:block}
.interactive-fields.grid.visible{display:grid}
.interactive-fields label{margin:8px 0}
.interactive-fields small{color:var(--muted);font-size:8px}
.template-row-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:245px}
.template-row-actions .small{padding:7px 10px;font-size:12px}
.template-details{display:none;margin:0 0 18px;padding:16px;border:1px solid #d7e4df;border-radius:14px;background:#f7fbf9}
.template-details.open,.template-details.visible{display:block}
.template-details pre{max-height:360px;overflow:auto;margin:10px 0 0;padding:14px;border-radius:10px;background:#10231d;color:#d9f7eb;white-space:pre-wrap;word-break:break-word}
.templates-table{min-width:1260px}
.profile-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.profile-summary>div{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid #dbe8e3;border-radius:12px;background:#f8fbfa}
.profile-summary small{color:#63736d}
.profile-summary strong{overflow-wrap:anywhere;color:#173a2e}
.api-endpoint{display:flex;flex-direction:column;gap:7px;margin:12px 0 18px;padding:15px;border-radius:12px;background:#eef8f4}
.api-code{overflow:auto;padding:16px;border-radius:12px;background:#10231d;color:#d9f7eb;white-space:pre-wrap;word-break:break-word}
#newApiKey:empty{display:none}
#newApiKey code{display:block;margin-top:10px;padding:10px;background:#fff;overflow-wrap:anywhere;user-select:all}
.media-url-box{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px dashed #9fc4b6;border-radius:12px;background:#f5fbf8}
.setup-guide ol{display:grid;gap:12px;padding-left:24px}
.setup-guide li{padding:12px 14px;border:1px solid #dbe8e3;border-radius:12px;background:#f8fbfa}
.setup-guide li strong,.setup-guide li span{display:block}
.setup-guide li span{margin-top:5px;color:#60716b;line-height:1.5}
.api-type-grid{display:flex;flex-wrap:wrap;gap:8px}
.api-type-grid code{padding:8px 11px;border-radius:999px;background:#eaf6f1;color:#126746}
.api-tester .code-input{min-height:220px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.api-tester pre{min-height:90px}
.failure-reason{min-width:260px;max-width:420px;white-space:normal;color:#a52a22}
.postman-download{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 20px;padding:16px;border:1px solid #d7e7e1;border-radius:14px;background:#f7fbf9}
.postman-download>div:first-child{display:flex;flex-direction:column;gap:5px}
.postman-download span{color:#61716b}
@media(max-width:760px){.postman-download{align-items:stretch;flex-direction:column}}
:root{--g:#07875f;--g-soft:#e8f7f1;--brand:#c30d16;--dark:#13251e;--muted:#66766f;--line:#dfe8e4;--bg:#f4f7f6;--surface:#fff;--shadow:0 12px 34px rgba(13,45,33,.075)}
.sync-state{position:relative;padding-left:26px;background:var(--g-soft);border-color:#cde9dd;color:#087250}
.sync-state:before{content:"";position:absolute;left:11px;top:50%;width:7px;height:7px;border-radius:50%;background:#0aa06d;box-shadow:0 0 0 4px #0aa06d18;transform:translateY(-50%)}
.panel-loading .sync-state:before{animation:syncPulse 1s infinite}
.panel-loading #refresh{opacity:.65;cursor:wait}
@keyframes syncPulse{50%{box-shadow:0 0 0 8px transparent}}
@keyframes pageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.banner{background:rgba(255,255,255,.96);box-shadow:var(--shadow)}
.banner{display:flex;align-items:center;min-height:62px;padding:17px 20px;font-weight:650}
.banner:before{content:"";width:9px;height:9px;margin-right:12px;border-radius:50%;background:#a7b3ae}
.banner.ok:before{background:#0da46f;box-shadow:0 0 0 5px #0da46f17}
.banner.bad:before{background:#dc493f;box-shadow:0 0 0 5px #dc493f15}
.button-link{min-height:39px;font-weight:650}
.primary{border:1px solid transparent}
.primary:hover{filter:saturate(1.08);transform:translateY(-1px)}
.table{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
tbody tr{transition:background .12s}
tbody tr:hover{background:#f7fbf9}
.form input,.form select,.form textarea{min-height:42px}
#notice{z-index:30}
.toast{border:1px solid #ffffff18;border-radius:11px;box-shadow:0 14px 36px #061b1450}
@media(max-width:760px){.sync-state{display:inline-block}.banner{padding:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;animation-duration:.01ms;transition-duration:.01ms}}
.user-id{display:block;margin-top:4px;color:var(--muted);font-size:8px}
.password-card{max-width:820px}
#passwordState,#adminPasswordState{margin-top:11px;color:var(--muted);font-size:10px}
.operations-title{margin-bottom:16px}
.operations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.operations-grid .card{margin:0}
.operations-grid .operation-wide{grid-column:1/-1}
.operation-list{display:grid;gap:7px;margin-top:13px}
.operation-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#f8fbfa}
.operation-list>div>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.operation-list a{overflow:hidden;color:var(--g);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.operation-list small{color:var(--muted)}
.operation-list .operation-meta{display:flex;flex-direction:row;gap:6px;flex-wrap:wrap}
.operation-list .operation-meta code{font-size:8px}
.operation-list .current-phone{border-color:#86c9ab;background:#eff9f4}
.flow-validation{color:#a33;white-space:normal}
#registrationState,#subscriptionState,#commerceState,#qrState,#blockedState,#analyticsState,#metaPhoneNumberState{margin-top:10px;color:var(--muted);font-size:10px}
.form label:has(input[type=checkbox]){flex-direction:row;align-items:center}
.form input[type=checkbox]{width:auto;min-height:auto}
@media(max-width:900px){.operations-grid{grid-template-columns:1fr}.operations-grid .operation-wide{grid-column:auto}}
.flow-manager-tools{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin:14px 0}
.flow-manager-tools>div{padding:14px;border:1px solid var(--line);border-radius:11px;background:#f8fbfa}
.flow-manager-tools>div>strong{display:block;margin-bottom:8px}
.flow-manager-tools label{margin:8px 0}
#metaFlowState{margin:10px 0;color:var(--muted);font-size:10px}
@media(max-width:850px){.flow-manager-tools{grid-template-columns:1fr}}
.carousel-builder{display:none;margin:18px 0;padding:16px;border:1px solid #cfe2da;border-radius:14px;background:#f6faf8}
.carousel-builder.visible{display:block}
.carousel-builder>.cardhead{margin-bottom:13px}
.carousel-builder>.cardhead>div:first-child{display:flex;flex-direction:column;gap:4px}
.carousel-builder small{color:var(--muted);font-size:9px}
.carousel-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.carousel-card{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}
.carousel-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.carousel-card label{margin:9px 0}
.carousel-card textarea{min-height:70px}
.carousel-upload-state{display:block;margin-top:8px}
@media(max-width:820px){.carousel-cards{grid-template-columns:1fr}}
.template-content-composer{margin:12px 0;padding:14px;border:1px solid #d6e5df;border-radius:12px;background:#f8fbfa}
.template-content-composer>label{margin:0}
.template-insert-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}
.template-insert-tools button{padding:8px 11px;color:#08724b;border-color:#a9d3c2;background:#fff;font-size:9px;font-weight:800}
.template-insert-tools small{color:var(--muted);font-size:8px}
.template-emoji-picker{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}
.template-emoji-picker[hidden]{display:none}
.template-emoji-picker button{width:34px;height:34px;padding:0;border:1px solid #e0e7e3;border-radius:8px;background:#fff;font-size:18px}
.template-emoji-picker button:hover{border-color:#8bc8ae;background:#edf8f3}
#reports [data-report-section][hidden],#reports .report-bulk-toolbar[hidden],#reports .report-pagination[hidden],#reports .table[hidden]{display:none}
.report-view-tabs{position:relative;top:auto;margin-bottom:12px}
:root{--panel-radius:16px;--panel-shadow:0 10px 30px rgba(14,45,34,.07);--panel-shadow-hover:0 16px 38px rgba(14,45,34,.1)}
.grid{align-items:start}
.form label{line-height:1.35}
.form label>small{font-weight:500;line-height:1.45}
.form input,.form select,.form textarea{font-size:13px}
.table{position:relative;max-width:100%;border-radius:12px}
.table thead{position:sticky;top:0;z-index:2}
.table th{white-space:nowrap}
.table td{vertical-align:top;line-height:1.45}
.account-identity{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;max-width:100%;line-height:1.3}
.account-identity>strong,.account-identity>small{display:block;max-width:100%;margin:0;overflow-wrap:anywhere;word-break:break-word}
.account-identity>small{color:var(--muted);font-size:10px;font-weight:500;line-height:1.35}
.table td>strong+small{display:block;margin-top:3px;color:var(--muted);overflow-wrap:anywhere}
.cleanup-actions select{min-height:37px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
#inbox{height:calc(100vh - 154px);min-height:620px;max-width:none}
#inbox .chat-app{position:relative;width:100%;height:100%;min-height:0;margin:0;padding:0;grid-template-columns:minmax(280px,360px) minmax(0,1fr);border:1px solid #d9e3df;border-radius:18px;background:#fff;box-shadow:0 18px 48px rgba(11,39,29,.1);overflow:hidden}
#inbox .chat-app:hover{box-shadow:0 18px 48px rgba(11,39,29,.1)}
#inbox .chat-sidebar{min-width:0;height:100%;overflow:hidden;background:#fff}
#inbox .chat-list-head{height:auto;min-height:78px;padding:17px 18px;background:#fbfcfc}
#inbox .chat-list-head h2{font-size:19px;letter-spacing:-.025em}
#inbox .chat-list-head small{display:block;max-width:220px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#inbox .chat-search{width:calc(100% - 28px);height:42px;margin:12px 14px;padding:0 15px;border-radius:11px;background:#f4f7f6}
#inbox .chat-list{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
#inbox .chat-contact{min-height:72px;padding:12px 14px;border-bottom-color:#edf2f0;border-left:3px solid transparent;grid-template-columns:44px minmax(0,1fr) auto;transition:background .14s,border-color .14s}
#inbox .chat-contact:hover{background:#f3f8f6}
#inbox .chat-contact.selected{border-left-color:var(--brand);background:#edf7f3}
#inbox .chat-contact .inbox-avatar{width:42px;height:42px;background:linear-gradient(145deg,#e5f6ef,#d8eee5);color:#087450}
#inbox .chat-contact-copy strong{overflow:hidden;color:#18372c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
#inbox .chat-contact-copy small{max-width:100%;font-size:10px;line-height:1.35}
#inbox .chat-contact-meta{min-width:58px;gap:5px}
#inbox .chat-contact-meta time{max-width:74px;text-align:right;white-space:normal;line-height:1.25}
#inbox .chat-panel{height:100%;min-height:0;overflow:hidden;background:#eef2ef}
#inbox .chat-empty{padding:30px;text-align:center;background:radial-gradient(circle at center,#f8fbfa 0,#eef3f0 68%)}
#inbox .chat-empty:before{content:"WA";width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#0aa271,#087c59);box-shadow:0 12px 26px #087c5930;color:#fff;font-size:18px;font-weight:800}
#inbox .chat-active{min-height:0}
#inbox .chat-header{height:auto;min-height:68px;padding:10px 17px;background:rgba(250,252,251,.96);backdrop-filter:blur(10px)}
#inbox .chat-header .inbox-avatar{width:42px;height:42px;flex:0 0 42px}
#inbox .chat-header>div:nth-of-type(2){min-width:0}
#inbox .chat-header strong,#inbox .chat-header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#inbox .chat-thread{min-height:0;padding:22px clamp(14px,3vw,38px);overscroll-behavior:contain;background-color:#edf1ee;background-image:radial-gradient(#cbd7d1 0.55px,transparent .65px);background-size:14px 14px}
#inbox .chat-bubble-row{width:100%;margin:7px 0}
#inbox .chat-bubble-row.incoming{justify-content:flex-start}
#inbox .chat-bubble{position:relative;max-width:min(72%,620px);padding:10px 12px 7px;border:1px solid #e0e7e3;border-radius:5px 14px 14px 14px;box-shadow:0 2px 7px #173b2d12}
#inbox .outgoing .chat-bubble{border-color:#bee3d2;border-radius:14px 5px 14px 14px;background:#dff6e9}
#inbox .chat-bubble p{font-size:13px;line-height:1.5}
#inbox .chat-bubble span{margin-top:4px;font-size:8.5px}
#inbox .chat-compose{min-width:0;padding:10px 13px 11px;grid-template-columns:44px minmax(80px,1fr) auto;gap:8px 9px;background:#f8faf9}
#inbox .chat-library-picker{grid-column:1/-1;justify-content:flex-start}
#inbox .chat-library-picker select{width:min(100%,420px);height:34px;border-radius:9px}
#inbox .chat-attachment{grid-column:1/-1;min-width:0;margin:0;padding:10px;border-radius:11px}
#inbox .chat-attachment-copy{overflow:hidden}
#inbox .chat-attachment-preview{width:72px;height:58px}
#inbox .chat-attach{grid-column:1;grid-row:auto;width:44px;height:44px;margin:0}
#inbox .chat-compose textarea{grid-column:2;min-width:0;width:100%;height:44px;min-height:44px;padding:11px 15px;border-radius:13px;background:#fff;line-height:1.4}
#inbox .chat-compose .primary{grid-column:3;min-width:72px;height:44px;border-radius:12px}
#inbox .chat-compose>small{grid-column:2/4;margin:0 4px;line-height:1.35}
body.inbox-page #inbox{height:calc(100vh - 270px);min-height:560px}
@media(max-width:1100px){
  #inbox .chat-app{grid-template-columns:300px minmax(0,1fr)}
  #inbox .chat-header #chatConsentBadge{display:none}
}
@media(min-width:761px){body:not(.auth-body) .banner{border-color:#e1eaee;border-radius:16px;box-shadow:0 4px 16px rgba(16,53,66,.045)}}
@media(max-width:900px){
  #inbox{height:calc(100dvh - 128px);min-height:540px}
  #inbox .chat-app{display:block}
  #inbox .chat-sidebar{width:100%;height:100%}
  #inbox .chat-panel{position:absolute;inset:0;z-index:3;width:100%;height:100%;transform:translateX(105%);transition:transform .22s ease}
  #inbox .chat-panel.mobile-open{transform:translateX(0)}
  #inbox .chat-header #chatBack{display:inline-flex;align-items:center}
}
@media(max-width:900px){body.inbox-page #inbox{height:calc(100dvh - 235px);min-height:500px}}
@media(max-width:760px){
  #inbox{height:calc(100dvh - 116px);min-height:500px}
  #inbox .chat-app{border-radius:13px}
  #inbox .chat-thread{padding:16px 11px}
  #inbox .chat-bubble{max-width:88%}
  #inbox .chat-header{padding:9px 10px}#inbox .chat-header #toggleChatConsent{font-size:0}#inbox .chat-header #toggleChatConsent:after{content:"Consent";font-size:9px}
  #inbox .chat-compose{padding:8px;grid-template-columns:40px minmax(60px,1fr) auto}
  #inbox .chat-attach{width:40px;height:42px}#inbox .chat-compose .primary{min-width:60px;padding:8px 11px}
  .table{margin-inline:-2px}
}
@media(max-width:760px){body.inbox-page #inbox{height:calc(100dvh - 225px);min-height:500px}}
:root{--muted:#5f7068;--line:#d6e2dd}
#accountPasswordCard[hidden]{display:none}
.banner{background:#fff}
.form input,.form select,.form textarea{min-height:42px;border-color:#cfddd7;color:#17382c}
.form input:focus,.form select:focus,.form textarea:focus,.chat-search:focus{outline:3px solid rgba(11,133,88,.12);border-color:#48a985}
.table{background:#fff}
.table th{position:sticky;top:0;z-index:3;background:#f3f7f5;color:#405c51}
.table td{color:#29483c}
.button-link{min-height:38px}
#templates{max-width:1500px}
#templates>.card{margin-bottom:18px}
.template-page-head{align-items:flex-start;gap:18px}
.template-page-head h2{margin:0 0 5px}
.template-page-head p{margin:0}
.template-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.template-filters{display:flex;gap:8px;flex-wrap:wrap}
.templates-table{min-width:1220px}
.templates-table th{position:sticky;top:0;z-index:1;background:#f8fbf9;white-space:nowrap}
.templates-table td{vertical-align:top}
.templates-table th:nth-child(1){width:150px}
.templates-table th:nth-child(2){width:300px}
.templates-table th:nth-child(3){width:250px}
.templates-table th:last-child{width:235px}
.template-content{min-width:260px;max-width:360px;max-height:120px;overflow:auto;white-space:pre-wrap}
.template-button-info{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:190px}
.template-button-info span{display:block;max-width:260px;padding:5px 8px;border:1px solid #cfe2da;border-radius:7px;background:#f2f9f6;color:#275f4d;font-size:9px;line-height:1.35;overflow-wrap:anywhere}
.template-type-pill{display:inline-block;padding:5px 8px;border-radius:7px;background:#edf4f1;color:#315b4c;font-size:9px;font-weight:800}
.template-status-approved{background:#dff5e9;color:#08724b}
.template-status-pending,.template-status-in_appeal{background:#fff3d8;color:#946200}
.template-status-rejected,.template-status-disabled{background:#ffe8e5;color:#a53b32}
.template-row-actions{display:flex;gap:5px;flex-wrap:wrap}
.template-details.visible{margin:16px 0;padding:18px;border:1px solid #cfe2da;border-radius:12px;background:#f8fbf9}
.template-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.template-detail-grid>div{min-width:0;padding:13px;border:1px solid #e0eae6;border-radius:10px;background:#fff}
.template-detail-grid small{display:block;margin-bottom:7px;color:var(--muted);font-weight:700}
.template-detail-grid p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.template-request{max-width:none}
.template-request>.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.template-request>label,.template-request>#textHeaderFields{max-width:100%}
.template-request.template-request-hidden{display:none}
.template-request.template-request-open{display:block}
.template-buttons-head{padding-top:5px;border-top:1px solid var(--line)}
@media(max-width:980px){.template-request>.grid{grid-template-columns:1fr 1fr}.template-page-head{flex-direction:column}.template-toolbar{width:100%;justify-content:flex-start}}
@media(max-width:620px){.template-request>.grid,.template-detail-grid{grid-template-columns:1fr}.template-toolbar,.template-filters{width:100%}.template-toolbar>*{max-width:100%}.template-filters select{flex:1;min-width:125px}}
.queue-stats{grid-template-columns:repeat(6,minmax(120px,1fr))}
.queue-stats article{position:relative;overflow:hidden}
.queue-stats article:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:#b8d9cc}
.queue-stats article:nth-child(2):after{background:#4a8fd8}
.queue-stats article:nth-child(3):after{background:#d7a638}
.queue-stats article:nth-child(4):after{background:#0a9667}
.queue-stats article:nth-child(5):after{background:#d7584d}
.queue-stats article:nth-child(6):after{background:#84918b}
.queue-worker-meta{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.queue-worker-meta span{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#f8faf9;color:var(--muted);font-size:9px}
.queue-worker-meta strong{color:var(--dark)}
.queue-date-range{margin:0 0 14px}
.queue-filters{grid-template-columns:minmax(150px,.85fr) minmax(145px,.75fr) minmax(220px,1.35fr) minmax(135px,.7fr) minmax(135px,.7fr) auto;margin:0 0 14px}
.queue-table-wrap{max-width:100%;border:1px solid #dbe6e2;border-radius:12px}
.queue-table{width:100%;min-width:1080px}
.queue-table thead th{position:sticky;top:0;z-index:2;background:#edf5f2}
.queue-table th,.queue-table td{padding:10px 9px;vertical-align:top}
.queue-table code{display:inline-block;max-width:190px;margin:0;padding:5px 7px;font-size:9px;overflow-wrap:anywhere}
.queue-table .template-row-actions{min-width:170px}
.queue-pagination{margin-bottom:0}
@media(max-width:1250px){.queue-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.queue-filters>button{width:100%}}
@media(max-width:1100px){.queue-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.queue-filters{grid-template-columns:1fr}.queue-table{min-width:980px}}
@media(max-width:620px){.queue-stats{grid-template-columns:repeat(2,1fr)}.queue-worker-meta{display:grid;grid-template-columns:1fr}}
.campaign-setup{margin:14px 0 4px;padding:14px;border:1px solid #d8e7e1;border-radius:12px;background:#f8fbfa}
.campaign-setup label{margin:0}
.campaign-estimate{display:flex;align-items:baseline;gap:9px;margin:10px 0 16px;padding:11px 14px;border-left:4px solid var(--g);border-radius:8px;background:#edf8f3}
.campaign-estimate strong{font-size:20px;color:#08724b}
.campaign-estimate span{color:var(--muted);font-size:10px}
.queue-table td:nth-last-child(2){min-width:155px}
.queue-table td>strong+code{display:block;margin-top:6px}
.campaign-progress{display:grid;grid-template-columns:minmax(90px,1fr) auto;gap:4px 7px;align-items:center;min-width:145px}
.campaign-progress>span{height:7px;overflow:hidden;border-radius:99px;background:#e3ece8}
.campaign-progress>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b8558,#31b982)}
.campaign-progress>strong{font-size:10px}
.campaign-progress>small{grid-column:1/-1;color:var(--muted);font-size:8px}
@media(max-width:520px){
  .grid,.permission-grid,.meta-detail-grid{grid-template-columns:1fr}
}
.blue-tick-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:0 0 20px;padding:17px;border:1px solid #cfe0ea;border-radius:14px;background:linear-gradient(135deg,#f7fbff,#f4f9fc);box-shadow:0 8px 24px #135d8b0d}
.blue-tick-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#1d9bf0,#0878c9);box-shadow:0 8px 18px #168bd23d;color:#fff;font-size:22px;font-weight:900}
.blue-tick-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.blue-tick-heading strong{color:#123a53}
.blue-tick-card p{margin:6px 0;font-size:11px;line-height:1.5}
.status-badge.blue-tick-active{background:#dff2ff;color:#0877be}
.blue-tick-checklist{display:flex;gap:7px;flex-wrap:wrap}
.blue-tick-checklist span{padding:4px 7px;border-radius:999px;background:#edf1f3;color:#65737b;font-size:8px}
.blue-tick-checklist span.ready{background:#e2f5ec;color:#08724b}
@media(max-width:760px){.blue-tick-card{grid-template-columns:auto 1fr}.blue-tick-card>.button-link{grid-column:1/-1;text-align:center}}
#inboxBadge{margin-left:auto}
@media(max-width:760px){
  #inboxBadge{position:absolute;top:3px;right:4px;margin:0}
}
.report-stats{grid-template-columns:repeat(5,minmax(130px,1fr))}
.report-stats article:nth-child(2) strong,.report-stats article:nth-child(3) strong{color:#087a55}
.report-stats article:nth-child(4) strong{color:#b7473d}
.report-filters{display:grid;grid-template-columns:repeat(6,minmax(125px,1fr)) auto;gap:9px;align-items:end;margin:16px 0;padding:13px;border:1px solid var(--line);border-radius:11px;background:#f8faf9}
.report-filters label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:9px;font-weight:700}
.report-filters input,.report-filters select{width:100%;min-height:38px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}
.report-rate-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 17px}
.report-rate-bars>div{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}
.report-rate-bars span{font-size:9px;color:var(--muted)}
.report-rate-bars i{height:8px;overflow:hidden;border-radius:99px;background:#e8efec}
.report-rate-bars b{display:block;height:100%;border-radius:inherit;background:#15966a;transition:width .25s}
.report-rate-bars>div:nth-child(2) b{background:#438fd3}
.report-rate-bars>div:nth-child(3) b{background:#d65a4e}
.report-analytics-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px;margin:18px 0}
.report-analytics-panel{min-width:0;padding:16px;border:1px solid #d7e3df;border-radius:13px;background:linear-gradient(145deg,#fff,#f6faf8)}
.report-analytics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.report-analytics-head h3{margin:0 0 4px;font-size:15px}
.report-analytics-head p{margin:0;color:var(--muted);font-size:9px}
.report-trend-chart{display:flex;max-height:310px;flex-direction:column;gap:7px;overflow:auto}
.report-trend-chart article{display:grid;grid-template-columns:82px minmax(70px,1fr) 42px;gap:8px;align-items:center;padding:7px 8px;border-radius:9px;background:#f7faf9}
.report-trend-chart time{font-size:8px;font-weight:750}
.report-trend-track{height:9px;overflow:hidden;border-radius:99px;background:#e3eeea}
.report-trend-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3274c6,#19a476)}
.report-trend-chart article>strong{font-size:9px;text-align:right}
.report-trend-chart article>small{grid-column:2/4;color:var(--muted);font-size:7px}
.report-trend-chart small b{color:#167553}
.report-trend-chart small em{color:#b2473e;font-style:normal}
.report-campaign-comparison{display:flex;max-height:310px;flex-direction:column;gap:7px;overflow:auto}
.report-campaign-comparison article{display:grid;grid-template-columns:minmax(100px,1fr) auto auto auto;gap:8px;align-items:center;padding:10px;border:1px solid #e1e9e6;border-radius:9px;background:#fff}
.report-campaign-comparison article>div{display:flex;min-width:0;flex-direction:column}
.report-campaign-comparison article strong,.report-campaign-comparison article small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.report-campaign-comparison article strong{font-size:9px}
.report-campaign-comparison article small{color:var(--muted);font-size:7px}
.report-campaign-comparison article>b{font-size:10px}
.report-campaign-comparison article>span{padding:4px 6px;border-radius:99px;background:#e9f6ef;color:#12694d;font-size:7px;font-weight:750;white-space:nowrap}
.report-campaign-comparison article>span.metric-alert{background:#ffe9e5;color:#9a4035}
.report-analytics-empty{padding:24px 12px;border:1px dashed #ceddd7;border-radius:10px;color:var(--muted);font-size:9px;text-align:center}
.delivery-time-panel{grid-column:1/-1}
.report-delivery-time-chart{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:10px}
.report-delivery-time-chart article{display:grid;grid-template-columns:1fr auto;gap:7px;padding:11px;border:1px solid #dfe9e5;border-radius:10px;background:#fff}
.report-delivery-time-chart article>span{font-size:8px;font-weight:750}
.report-delivery-time-chart article>strong{font-size:10px}
.report-delivery-time-chart article>div{grid-column:1/-1;height:9px;overflow:hidden;border-radius:99px;background:#e6efec}
.report-delivery-time-chart article i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#17a172,#3d81cd)}
.report-delivery-time-chart article>small{grid-column:1/-1;color:var(--muted);font-size:7px;text-align:right}
.template-performance-section{margin:18px 0;padding:16px;border:1px solid #d3e2dc;border-radius:13px;background:linear-gradient(135deg,#f8fbfa,#f1f7f4)}
.template-performance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.template-performance-head h3{margin:0 0 4px;font-size:15px}
.template-performance-head p{margin:0;color:var(--muted);font-size:9px}
.template-performance-table{min-width:850px}
.template-performance-table td{vertical-align:middle}
.performance-health{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;font-size:8px;font-weight:800;white-space:nowrap}
.performance-healthy{background:#def5e9;color:#0a6848}
.performance-watch{background:#fff1ce;color:#815b0e}
.performance-attention{background:#ffe5e1;color:#963c31}
.failure-insights-section{margin:18px 0;padding:16px;border:1px solid #ead9d4;border-radius:13px;background:#fffaf8}
.failure-insights-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.failure-insights-head h3{margin:0 0 4px;font-size:15px}
.failure-insights-head p{margin:0;color:var(--muted);font-size:9px}
.failure-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.failure-insight-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;border:1px solid #eaded9;border-radius:10px;background:#fff}
.failure-rank{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#ffe8e3;color:#a34135;font-size:9px;font-weight:850}
.failure-insight-item>div{display:flex;min-width:0;flex-direction:column;gap:4px}
.failure-insight-item>div>strong{overflow:hidden;color:#493a36;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.failure-insight-item small{color:var(--muted);font-size:8px}
.failure-insight-item p{margin:2px 0 0;color:#6c574f;font-size:8px;line-height:1.45}
.failure-insight-item>b{min-width:28px;padding:4px 6px;border-radius:8px;background:#fff0ed;color:#a64034;font-size:9px;text-align:center}
.failure-insight-empty{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #b8ddca;border-radius:10px;background:#f1faf5}
.failure-insight-empty>b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#109668;color:#fff}
.failure-insight-empty>div{display:flex;flex-direction:column;gap:3px}
.failure-insight-empty span{color:var(--muted);font-size:8px}
.reports-table{min-width:1680px}
.reports-table td{vertical-align:top}
.reports-table td:nth-child(3){min-width:180px}
.reports-table td:nth-child(5){max-width:300px;white-space:pre-wrap}
.reports-table .failure-reason{max-width:260px;white-space:normal}
.report-media-thumb{display:block;max-width:96px;max-height:72px;border-radius:8px;object-fit:cover}
.report-bulk-toolbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 10px;padding:11px 13px;border:1px solid #cbded6;border-radius:11px;background:rgba(247,251,249,.96);box-shadow:0 5px 14px rgba(9,54,39,.07);backdrop-filter:blur(8px)}
.report-bulk-toolbar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.report-bulk-toolbar button{padding:7px 10px;font-size:8px}
.report-bulk-toolbar span{padding:6px 9px;border-radius:99px;background:#e5f4ed;color:#096b4c;font-size:8px;font-weight:800}
.report-check-column{width:42px;min-width:42px;text-align:center}
.report-check-column input{width:17px;height:17px;accent-color:#07875f}
.report-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:12px 2px}
.report-pagination>span{color:var(--muted);font-size:9px}
.report-pagination>div{display:flex;align-items:center;gap:9px}
.report-pagination strong{min-width:100px;color:#456056;font-size:9px;text-align:center}
.report-pagination button{padding:7px 10px;font-size:8px}
@media(max-width:1150px){.report-stats{grid-template-columns:repeat(3,1fr)}.report-filters{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.report-delivery-time-chart{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.failure-insight-grid,.report-analytics-grid{grid-template-columns:1fr}.report-delivery-time-chart{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.report-stats{grid-template-columns:repeat(2,1fr)}.report-filters,.report-rate-bars,.report-delivery-time-chart{grid-template-columns:1fr}.template-performance-head,.failure-insights-head,.report-analytics-head{flex-direction:column}.template-performance-section,.failure-insights-section,.report-analytics-panel{padding:12px}.report-campaign-comparison article{grid-template-columns:minmax(100px,1fr) auto}.report-campaign-comparison article>span{justify-self:start}.report-bulk-toolbar,.report-pagination{align-items:stretch;flex-direction:column}.report-bulk-toolbar>div{display:grid;grid-template-columns:1fr 1fr}.report-bulk-toolbar span{grid-column:1/-1;text-align:center}.report-bulk-toolbar>.danger{width:100%}.report-pagination>div{justify-content:space-between}}
.chat-head-actions{display:flex;align-items:center;gap:6px}
.chat-head-actions button{padding:6px 8px;font-size:8px}
.chat-unread-toggle{margin:0 12px 10px;padding:8px 10px;border:1px solid #dbe6e1;border-radius:9px;background:#f8faf9;color:#52635b;font-size:9px;text-align:left}
.chat-unread-toggle.active{border-color:#86c9ae;background:#e7f6ef;color:#08724b}
.chat-unread-toggle b{float:right;min-width:19px;padding:2px 5px;border-radius:10px;background:#0b8558;color:#fff;text-align:center}
.chat-reply-tools,.chat-template-tools{grid-column:1/-1;display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:7px;align-items:center}
.chat-template-tools{grid-template-columns:minmax(150px,.8fr) minmax(180px,1.3fr) auto}
.chat-reply-tools select,.chat-template-tools select,.chat-template-tools input{width:100%;min-width:0;height:34px;padding:7px 9px;border:1px solid #d6e1dc;border-radius:8px;background:#fff;font-size:9px}
.chat-reply-tools button,.chat-template-tools button{height:34px;padding:7px 10px;font-size:8px}
@media(max-width:620px){.chat-reply-tools,.chat-template-tools{grid-template-columns:1fr 1fr}.chat-reply-tools select,.chat-template-tools select,.chat-template-tools input{grid-column:1/-1}.chat-head-actions #enableChatNotifications{display:none}}
.chat-bubble.has-attachment{padding:5px;overflow:hidden}
.chat-bubble.has-attachment>p{padding:2px 7px 0}
.chat-media-link{display:block;line-height:0}
.chat-media-preview{display:block;width:min(340px,100%);max-height:310px;border-radius:8px;object-fit:cover;background:#dfe9e5}
.chat-media-preview.chat-sticker{width:min(190px,100%);background:transparent;object-fit:contain}
.chat-audio-preview{display:block;width:min(330px,72vw);height:42px;margin:4px}
.chat-document,.chat-media-placeholder{display:flex;align-items:center;gap:10px;min-width:230px;padding:10px;border-radius:8px;background:rgba(255,255,255,.68);color:inherit;text-decoration:none}
.chat-document>b,.chat-media-placeholder>b{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:8px;background:#dcece6;color:#08724b;font-size:8px}
.chat-document span,.chat-media-placeholder span{min-width:0}
.chat-document strong,.chat-document small{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-document small,.chat-media-placeholder span{margin-top:3px;color:#687770;font-size:8px}
.chat-message-status{display:inline-block;margin-left:4px;font-style:normal;font-weight:900;color:#667771}
.chat-message-status.status-read{color:#168bd2}
.chat-message-status.status-failed{color:#c23f35}
.webhook-health-card{margin-bottom:18px}
.webhook-health-stats{grid-template-columns:repeat(5,minmax(125px,1fr));margin:14px 0}
.webhook-health-stats article{min-height:88px}
.webhook-health-card table{min-width:850px}
.webhook-health-card td,.webhook-health-card th{white-space:nowrap}
.webhook-health-card code{overflow-wrap:anywhere}
@media(max-width:1000px){.webhook-health-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.webhook-health-stats{grid-template-columns:repeat(2,1fr)}}
@keyframes refresh-spin{to{transform:rotate(360deg)}}
.admin-monitoring-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:18px 0}
.admin-monitoring-grid>.card{min-width:0;margin:0}
.admin-monitoring-grid .cardhead{align-items:flex-start}
.admin-monitoring-grid .table{max-width:100%}
.admin-log-panel .log-panel-actions{display:flex;align-items:center;gap:12px;margin:12px 0}
.admin-log-panel .log-panel-actions .muted{font-size:13px}
.admin-log-panel [hidden]{display:none}
.phonebook-page{max-width:1540px}
.phonebook-manage-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(480px,1.25fr);gap:18px;align-items:start}
.phonebook-manage-grid>.card{height:100%;margin-bottom:18px}
.phonebook-page .card.form{max-width:none}
.phonebook-groups-card .consent-entry{grid-template-columns:minmax(160px,1fr) auto;align-items:end;margin:13px 0}
.phonebook-groups-card .consent-entry label{margin:0}
.phonebook-groups-card .api-type-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.phonebook-groups-card .api-type-grid>.status-badge{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #cde0d8;background:#f1f8f5;color:#245c48}
.phonebook-groups-card .phonebook-group-delete{min-height:24px;padding:2px 6px}
.phonebook-variables-field{grid-column:1/-1}
.phonebook-variables-field textarea{min-height:82px}
.phonebook-variables-field small{color:var(--muted);font-size:8px;font-weight:500}
.phonebook-contact-card>.primary,.phonebook-import-card>.primary{min-width:150px}
#phonebookGroupState,#phonebookState,#phonebookImportState{min-height:18px;margin-top:9px;color:var(--muted);font-size:9px}
.phonebook-import-card{max-width:none}
.phonebook-import-card>.grid{grid-template-columns:repeat(3,minmax(160px,1fr));margin-top:7px}
.phonebook-import-card #phonebookPreview{display:none;max-height:330px;margin-top:14px}
.phonebook-import-card #phonebookPreview:not(:empty){display:block}
.phonebook-import-card #phonebookPreview table{min-width:700px}
.phonebook-list-card .cardhead{margin-bottom:8px}
.phonebook-list-state{margin:0 0 12px;color:var(--muted);font-size:9px}
.phonebook-toolbar{align-items:center;justify-content:flex-end;margin:0}
.phonebook-toolbar input{width:min(300px,40vw);min-height:39px;padding:9px 11px;border:1px solid #cfddd7;border-radius:8px;background:#fff}
.phonebook-toolbar input:focus{outline:3px solid rgba(11,133,88,.12);border-color:#48a985}
.phonebook-table{max-height:620px}
.phonebook-table table{min-width:1100px}
.phonebook-table .phonebook-check-column{width:42px}
.phonebook-table td:first-child,.phonebook-table th:first-child{text-align:center}
.phonebook-table td:nth-child(2){min-width:160px;font-weight:700}
.phonebook-table td:nth-child(3){min-width:135px}
.phonebook-table td:nth-child(4){min-width:190px}
.phonebook-table td:nth-child(5){min-width:120px}
.phonebook-table td:nth-child(6){max-width:360px}
.phonebook-table td:nth-child(6) code{max-width:340px;margin:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}
.phonebook-table input[type=checkbox]{width:17px;height:17px;accent-color:#07875f}
@media(max-width:1050px){.phonebook-manage-grid{grid-template-columns:1fr}.phonebook-manage-grid>.card{height:auto}.phonebook-import-card>.grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}
@media(max-width:700px){.phonebook-import-card>.grid{grid-template-columns:1fr}.phonebook-toolbar{width:100%;justify-content:flex-start}.phonebook-toolbar input{width:100%}.phonebook-toolbar .primary{flex:1}.phonebook-groups-card .consent-entry{grid-template-columns:1fr}.phonebook-groups-card .consent-entry button{width:100%}}
.campaign-page{max-width:1520px}
.campaign-limit{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.09)}
.campaign-limit strong{font-size:25px}
.campaign-limit span{max-width:72px;color:#cce0d8;font-size:8px;line-height:1.3;text-transform:uppercase}
.campaign-workspace{max-width:none;padding:0;overflow:visible}
.campaign-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);align-items:stretch}
.campaign-editor{min-width:0;padding:clamp(22px,2.5vw,36px)}
.campaign-step-head{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px}
.campaign-step-head>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#0b8558;color:#fff;font-size:12px;font-weight:900;box-shadow:0 6px 15px rgba(11,133,88,.2)}
.campaign-step-head h2{margin:1px 0 3px;font-size:18px}
.campaign-step-head p{margin:0}
.campaign-section-divider{height:1px;margin:26px 0;background:linear-gradient(90deg,transparent,#ccddd6 12%,#ccddd6 88%,transparent)}
.campaign-workspace .campaign-setup{margin:0 0 12px}
.campaign-template-preview{margin-bottom:0}
.campaign-workspace #recipients{min-height:170px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5}
.campaign-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:15px 0}
.campaign-source-card.bulk-file-box{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:15px;border:1px solid #d5e3dd;border-radius:12px;background:#f7faf9}
.campaign-source-card>div:first-child{display:flex;flex-direction:column;gap:4px}
.campaign-source-card>div:first-child strong{font-size:11px}
.campaign-source-card label{margin:0}
.campaign-source-card select{min-height:118px}
.campaign-source-card .settings-actions{margin-top:auto}
.campaign-upload-source{justify-content:flex-start}
.campaign-upload-source .library-upload{align-self:flex-start;margin-top:8px}
.campaign-workspace .bulk-column-mapping{margin:14px 0 0;padding:17px;border-radius:12px}
.campaign-workspace .bulk-column-mapping>.cardhead{margin-bottom:8px}
.campaign-workspace .bulk-column-mapping>.cardhead small{display:block;margin-top:4px;color:var(--muted);font-size:8px}
.campaign-variable-section{padding:16px;border:1px solid #d6e5df;border-radius:12px;background:#f8fbfa}
.campaign-variable-section>strong{display:block;margin-bottom:8px}
.campaign-variable-section>small{display:block;margin:-3px 0 12px;color:var(--muted);font-size:9px}
.campaign-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin-top:13px}
.campaign-media-grid>div,.campaign-media-grid>label{min-width:0}
.campaign-media-grid label{margin:8px 0}
.campaign-media-grid #bulkMediaState{color:var(--muted);font-size:9px}
.campaign-launch{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding:18px 20px;border:1px solid #bcd9ce;border-radius:13px;background:linear-gradient(135deg,#edf8f3,#f8fbfa)}
.campaign-launch>div:first-child{display:flex;flex-direction:column;gap:4px}
.campaign-launch small{color:#08724b;font-size:8px;font-weight:850;letter-spacing:.12em}
.campaign-launch strong{font-size:15px}
.campaign-launch p{margin:0}
.campaign-launch>div:last-child{display:flex;align-items:center;gap:12px}
.campaign-launch #bulkButton{min-width:170px;min-height:46px}
.campaign-launch #bulkStatus{max-width:360px;padding:0}
.campaign-preview-panel{position:relative;inset:auto;display:block;width:auto;min-width:0;padding:0;overflow:visible;border:0;border-left:1px solid #dfe8e4;background:#fbfcfc;box-shadow:none}
.campaign-preview-sticky{position:sticky;top:12px;padding:22px 18px}
.campaign-preview-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.campaign-preview-title>div{display:flex;flex-direction:column}
.campaign-preview-title small,.campaign-test-box small{color:#08724b;font-size:8px;font-weight:850;letter-spacing:.11em}
.campaign-preview-title strong{margin-top:4px;color:#50635c;font-size:9px;font-weight:600}
.preview-live-dot{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;background:#e7f8ef;color:#08724b;font-size:7px;font-weight:800}
.preview-live-dot:before{width:6px;height:6px;border-radius:50%;background:#13a66d;content:""}
.campaign-phone{overflow:hidden;max-width:285px;margin:auto;border:7px solid #111;border-radius:34px;background:#efeae2;box-shadow:0 18px 36px rgba(8,37,28,.2)}
.campaign-phone-status{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 4px;background:#fff;color:#15251f;font-size:7px;font-weight:800}
.campaign-phone-bar{display:flex;align-items:center;gap:7px;padding:8px 10px;background:#075e54;color:#fff}
.campaign-phone-back{font-size:20px}
.campaign-phone-avatar{display:grid;place-items:center;width:32px;height:32px;border:2px solid rgba(255,255,255,.75);border-radius:50%;background:#dc202a;font-size:8px;font-weight:850}
.campaign-phone-business{display:flex;min-width:0;flex:1;flex-direction:column}
.campaign-phone-business strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.campaign-phone-business small{color:#d8ece8;font-size:7px}
.campaign-phone-menu{font-size:18px}
.campaign-phone-screen{display:flex;height:350px;padding:18px 10px 10px;overflow:auto;flex-direction:column;align-items:flex-end;background-color:#efeae2;background-image:radial-gradient(rgba(70,90,80,.08) 1px,transparent 1px);background-size:13px 13px}
.campaign-message-preview{position:relative;width:94%;min-height:90px;padding:11px;border-radius:9px 2px 9px 9px;background:#fff;color:#263b34;font-size:9px;white-space:pre-wrap;line-height:1.55;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.campaign-message-preview:after{position:absolute;top:0;right:-7px;border-width:0 0 9px 8px;border-style:solid;border-color:transparent transparent transparent #fff;content:""}
.campaign-message-preview strong{display:block;margin-bottom:6px;color:#075e54}
.campaign-message-preview small{display:block;margin-top:8px;color:var(--muted)}
.campaign-phone-time{margin:4px 7px 0;color:#507468;font-size:6px}
.campaign-phone-compose{display:flex;align-items:center;justify-content:space-between;margin:7px;padding:8px 11px;border-radius:20px;background:#f7f8f9;color:#829089;font-size:8px}
.campaign-phone-compose strong{color:#075e54}
.campaign-test-box{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid #dfe8e4}
.campaign-test-box>div{grid-column:auto}
.campaign-test-box p{margin:4px 0 0;font-size:8px}
.campaign-test-box label{margin:0}
.campaign-test-box button{width:100%;min-height:39px;white-space:nowrap}
#bulkTestState{grid-column:auto;margin-top:0;color:var(--muted);font-size:8px}
.template-health-stats{grid-template-columns:repeat(5,minmax(110px,1fr));margin:15px 0}
.template-health-stats article{min-height:80px}
.api-log-stats{grid-template-columns:repeat(4,minmax(120px,1fr));margin:12px 0}
.api-log-stats article{min-height:78px}
@media(max-width:850px){.campaign-review-grid{grid-template-columns:1fr}.template-health-stats{grid-template-columns:repeat(2,1fr)}.api-log-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.campaign-main-grid{grid-template-columns:1fr}.campaign-preview-panel{grid-row:auto;border-top:1px solid #dfe8e4;border-left:0}.campaign-preview-sticky{position:static}.campaign-phone{max-width:285px}}
@media(max-width:850px){.campaign-source-grid,.campaign-media-grid{grid-template-columns:1fr}.campaign-launch{align-items:flex-start;flex-direction:column}.campaign-launch>div:last-child{width:100%;align-items:flex-start;flex-direction:column}.campaign-launch #bulkButton{width:100%}}
@media(max-width:620px){.campaign-limit{width:100%}.campaign-editor,.campaign-preview-sticky{padding:16px}.campaign-workspace .campaign-setup{grid-template-columns:1fr}.campaign-section-divider{margin:21px 0}.campaign-source-card .settings-actions{display:grid;grid-template-columns:1fr 1fr}.campaign-source-card .settings-actions button{padding-inline:8px}.campaign-phone{border-width:6px;border-radius:30px}.campaign-phone-screen{height:330px}.campaign-test-box{grid-template-columns:1fr}.campaign-test-box button{width:100%}}
.campaign-rate{display:block;margin-top:4px;color:var(--muted);font-size:8px;white-space:nowrap}
.queue-table td strong{white-space:nowrap}
.campaign-preflight{margin-top:22px;padding:17px;border:1px solid #cfe0d8;border-radius:13px;background:#f8fbfa}
.campaign-preflight-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.campaign-preflight-head>div{display:flex;flex-direction:column;gap:4px}
.campaign-preflight-head small{color:#08724b;font-size:8px;font-weight:850;letter-spacing:.11em}
.campaign-preflight-head strong{font-size:14px}
.campaign-preflight-head p{margin:0}
.campaign-preflight-result{margin-top:13px;padding:13px;border:1px dashed #c8d8d1;border-radius:10px;color:var(--muted)}
.campaign-preflight-result.ready{border-style:solid;border-color:#97d2b8;background:#ebf8f2;color:#145f46}
.campaign-preflight-result.blocked{border-style:solid;border-color:#ecc0b7;background:#fff4f1;color:#8d392d}
.preflight-summary{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}
.preflight-summary span{font-size:9px}
.preflight-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.preflight-checks>span{display:flex;align-items:flex-start;gap:7px;padding:8px;border-radius:8px;background:#fff;color:#52635b;font-size:9px}
.preflight-checks b{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border-radius:50%;color:#fff}
.preflight-checks .pass b{background:#109668}
.preflight-checks .warn b{background:#dc8a27}
.preflight-checks .fail{color:#993c31}
.preflight-checks .fail b{background:#d24c3e}
@media(max-width:700px){.campaign-preflight-head,.preflight-summary{align-items:flex-start;flex-direction:column}.campaign-preflight-head button{width:100%}.preflight-checks{grid-template-columns:1fr}}
.action-center-card{margin-bottom:16px}
.action-center-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:12px 14px;border-radius:10px;background:#f3f7f5;color:#52635b}
.action-center-summary strong,.action-center-summary span{display:block}
.action-center-summary span{font-size:9px}
.action-center-summary.healthy{background:#e8f7ef;color:#126044}
.action-center-summary.warning{background:#fff7e7;color:#895d14}
.action-center-summary.critical{background:#fff0ed;color:#963d31}
.action-center-items{display:grid;gap:8px}
.action-center-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.action-center-item>b,.action-center-empty>b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#d98621;color:#fff}
.action-center-item.critical>b{background:#cf4739}
.action-center-item>div{display:flex;min-width:0;flex-direction:column;gap:4px}
.action-center-item>div>span{color:var(--muted);font-size:9px}
.action-center-item button{padding:7px 10px;font-size:8px}
.action-center-empty{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #b9ddca;border-radius:10px;background:#f1faf5;color:#155f46}
.action-center-empty>b{background:#109668}
@media(max-width:620px){.action-center-summary{align-items:flex-start;flex-direction:column}.action-center-item{grid-template-columns:auto 1fr}.action-center-item button{grid-column:1/-1;width:100%}}
.display-name-change-card{margin:18px 0;padding:18px;border:1px solid #cfe0da;border-radius:14px;background:linear-gradient(135deg,#f8fbfa,#eef7f3)}
.display-name-change-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.display-name-change-head>div{display:flex;flex-direction:column;gap:4px}
.display-name-change-head small{color:#08724b;font-size:8px;font-weight:850;letter-spacing:.11em}
.display-name-change-head strong{font-size:15px}
.display-name-change-head p{margin:0}
.display-name-change-card .grid{padding:13px;border:1px solid #dbe7e2;border-radius:10px;background:#fff}
.display-name-change-card .grid label{margin:5px 0}
.display-name-change-card .security-note{margin:12px 0}
.display-name-change-card .settings-actions{align-items:center}
.display-name-change-card .button-link.primary{border-color:var(--g);background:var(--g);color:#fff}
@media(max-width:620px){.display-name-change-head{flex-direction:column}.display-name-change-card .settings-actions{display:grid}.display-name-change-card .settings-actions>*{width:100%;text-align:center}}
@keyframes workspace-enter{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}
h2{font-size:20px;font-weight:800;letter-spacing:-.02em}
h3{font-size:16px;font-weight:780;letter-spacing:-.012em}
p{font-size:12.5px;font-weight:500;line-height:1.65;color:#5e7069}
small,.form small{font-size:10px;font-weight:520;line-height:1.5}
strong,b{font-weight:780}
.button-link{min-height:42px;padding:10px 15px;font-size:11px;font-weight:760;letter-spacing:.005em}
.small,.template-row-actions .small,.cleanup-actions button,.media-actions button{min-height:34px;padding:7px 10px;font-size:10px}
.form label,label{font-size:12px;font-weight:720;line-height:1.45;color:#29483d}
.form input,.form select,.form textarea{font-size:13.5px;font-weight:520;color:#19372d}
.form input,.form select,.form textarea{min-height:45px;padding:11px 13px;border-color:#d4e0db}
.banner{border-color:#dce6e2}
.table{border:1px solid #dfe8e4;box-shadow:none}
.status-badge,.performance-health{padding:5px 9px;font-size:10px;font-weight:800}
.banner{font-size:12px;font-weight:700}
.inbox-state,#settingsState,#sampleMediaState,#templateSubmitResult,#userState,#consentState,#chatbotState,#metaFlowState,#profileState,#profilePictureState{font-size:11px}
code,pre{font-size:11.5px;line-height:1.55}
.template-content,.chat-bubble p,#inbox .chat-bubble p{font-size:13px;line-height:1.6}
.chat-contact-copy strong,#inbox .chat-contact-copy strong{font-size:13px;font-weight:780}
.chat-contact-copy small,#inbox .chat-contact-copy small{font-size:10.5px}
.report-filters label,.campaign-step-head p{font-size:10.5px}
.report-filters input,.report-filters select{font-size:12px}
.profile-summary small,.meta-detail-grid small,.operation-list small{font-size:10px}
.profile-summary strong,.meta-detail-grid strong{font-size:12px;font-weight:780}
@media(max-width:760px){
  h2{font-size:18px}
  h3{font-size:15px}
  p{font-size:11.5px}
}
#overview{--page-accent:#087c59;--page-soft:#e9f7f1}
#inbox{--page-accent:#0b8f69;--page-soft:#e7f7f1}
#chatbot_flows,#automation{--page-accent:#6756c7;--page-soft:#f0edff}
#send,#bulk,#queue{--page-accent:#0d7a9b;--page-soft:#e9f6fa}
#library,#templates{--page-accent:#b86b20;--page-soft:#fff4e8}
#reports{--page-accent:#326fc2;--page-soft:#edf4ff}
#consent,#phonebook{--page-accent:#18885e;--page-soft:#ebf8f2}
#profile,#operations,#settings{--page-accent:#087c70;--page-soft:#e9f8f5}
#api{--page-accent:#455cc7;--page-soft:#eef0ff}
#users{--page-accent:#9c3f52;--page-soft:#fff0f3}
.dashboard-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.dashboard-quick-actions button{min-height:47px;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:#fff;text-align:left}
.dashboard-quick-actions button:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
#overview>.stats article{position:relative;border-top:3px solid #90cdb6}
#overview>.stats article:nth-child(2){border-top-color:#7a9fdd}
#overview>.stats article:nth-child(3){border-top-color:#35a77d}
#overview>.stats article:nth-child(4){border-top-color:#39a3d1}
#overview>.stats article:after{position:absolute;right:18px;top:18px;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#edf8f3;color:#087c59;font-size:11px;font-weight:900;content:"WA"}
#overview>.card:last-child code{border:1px dashed #a8cdbf;background:#f1f8f5;color:#165b43}
#chatbot_flows>.card,#send>.card,#profile>.card,#settings>.card{max-width:none}
#chatbot_flows>.card,#profile>.card,#settings>.card{padding:28px}
#chatbot_flows .chatbot-start-settings,#settings>.card>.grid,#profile .synced-identity{padding:18px;border-color:#d4e3dd;border-radius:14px;background:linear-gradient(135deg,#fbfdfc,var(--page-soft))}
#send>.card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
#send>.card>h2,#send>.card>.template-preview,#send>.card>.variable-section,#send>.card>.interactive-fields,#send>.card>.media-url-box,#send>.card>.settings-actions,#send>.card>#sendResult,#send>.card>#sendState{grid-column:1/-1}
#send>.card>label{margin:10px 0}
#profile .profile-editor-head{padding-bottom:18px;border-bottom:1px solid #e1ebe7}
#profile .profile-picture{width:88px;height:88px;border-radius:24px}
#bulk .campaign-workspace,#queue>.card,#templates>.card{border-color:#d8e5e0}
#queue .queue-stats article{border-radius:14px}
#queue .queue-worker-meta span{padding:9px 12px;border-radius:10px;background:#f6faf8}
#templates .template-health-stats article{border-radius:13px;background:linear-gradient(145deg,#fff,#f7faf8)}
#templates .template-toolbar{padding:10px;border:1px solid #e1e9e6;border-radius:12px;background:#f8faf9}
#templates .template-request{box-shadow:0 18px 50px rgba(30,55,45,.12)}
#library>.card{min-height:520px;padding:28px}
.media-library{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:15px}
.media-card{min-height:130px;padding:16px;border-radius:14px;box-shadow:0 7px 20px rgba(19,48,37,.06);transition:transform .16s,box-shadow .16s}
.media-card:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(19,48,37,.1)}
.media-icon{width:58px;height:58px;border-radius:13px;font-size:11px}
#phonebook .phonebook-manage-grid>.card{border-top-color:#18885e}
.phonebook-table tbody tr:hover{background:#eff8f4}
#consent>.card{max-width:none;min-height:480px}
#consent .consent-entry{padding:17px;border:1px solid #d5e5de;border-radius:13px;background:var(--page-soft)}
#reports>.stats{margin-top:0}
#reports>.card{padding:26px}
.report-filters{padding:17px;border-radius:14px;background:linear-gradient(135deg,#f9fbfa,#f0f6f3)}
.template-performance-section,.failure-insights-section{padding:19px;border-radius:15px}
.failure-insight-item{padding:14px;border-radius:12px;transition:transform .14s}
.failure-insight-item:hover{transform:translateY(-1px)}
.report-pagination{margin-top:16px;padding:13px;border-top:1px solid #e1e9e6}
#automation{display:none}
#automation.active{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#automation>.card{margin:0}
#automation>.card:first-child{grid-column:1/-1}
#operations .operations-title{padding:19px 21px;border:1px solid #d5e5df;border-radius:15px;background:linear-gradient(135deg,#fff,var(--page-soft))}
#operations .operations-grid>.card{border-radius:16px}
#operations .operations-grid>.card:not(.operation-wide){min-height:280px}
#operations .operation-list>div{padding:12px 14px;border-radius:11px}
#settings>.card.form{padding:28px;background:linear-gradient(145deg,#fff 70%,#eff9f5)}
#settings .admin-monitoring-grid>.card{border-top-color:#087c70}
#api>.card{padding:27px}
#api .api-endpoint{border-left:4px solid var(--page-accent);background:var(--page-soft)}
#api .api-code{border:1px solid #243a33;box-shadow:inset 0 0 20px rgba(0,0,0,.12)}
#api .api-tester{background:linear-gradient(145deg,#fff,#f5f7ff)}
#users>.card{padding:28px}
#users .user-editor,#users .user-meta-details{padding:20px;border-radius:15px;box-shadow:inset 0 0 0 1px #fff}
#users .permission-grid label{min-height:43px;border-radius:10px}
@media(max-width:1050px){.dashboard-quick-actions{grid-template-columns:repeat(4,1fr)}
  #automation.active{grid-template-columns:1fr}#automation>.card:first-child{grid-column:auto}
}
@media(max-width:760px){.dashboard-quick-actions{grid-template-columns:1fr 1fr}
  #send>.card{display:block}
  #chatbot_flows>.card,#profile>.card,#settings>.card,#library>.card,#reports>.card,#api>.card,#users>.card{padding:18px}
  #operations .operations-title{padding:15px}
}
@media(max-width:480px){.dashboard-quick-actions{grid-template-columns:1fr}}
.auth-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 15px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.auth-legal-links a{color:var(--muted);font-size:9px;font-weight:700;text-decoration:none}
.auth-legal-links a:hover{color:var(--g);text-decoration:underline}
.auth-body[style*="--login-background"]{background-image:linear-gradient(rgba(239,247,244,.76),rgba(239,247,244,.84)),var(--login-background);background-position:center;background-size:cover;background-attachment:fixed}
.auth-body[style*="--login-background"] .auth-card{background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}
#branding label:has(#brandLogoUrl),#branding label:has(#brandFaviconUrl){display:none}
#branding .billing-price-grid:before{content:'Branding details'}
.branding-domain-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:16px 0;padding:15px;border:1px solid #d5e3de;border-radius:12px;background:#f7fbf9}
.branding-domain-card>div:first-child{display:flex;flex-direction:column;gap:3px}
.branding-domain-card>div:first-child small{color:var(--muted);font-size:8px}
.branding-domain-status{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:11px;border-radius:9px;background:#fff}
.branding-domain-status>div{display:flex;gap:7px;align-items:center}
.branding-domain-status p{flex:1;min-width:240px;margin:0;color:var(--muted);font-size:9px}
.branding-domain-status small{width:100%;color:var(--muted);font-size:7px}
.domain-state-dot{width:10px;height:10px;border-radius:50%;background:#98a6a0}
.domain-state-dot.verified{background:#12a16e;box-shadow:0 0 0 4px #dff5ec}
.domain-state-dot.dns_ready{background:#398bd0;box-shadow:0 0 0 4px #e2f0fb}
.domain-state-dot.dns_missing{background:#d65a4e;box-shadow:0 0 0 4px #fde8e5}
.domain-state-checking,.domain-state-error{font-size:9px}
.domain-state-error{color:#a33b32}
@media(max-width:650px){.branding-domain-card{grid-template-columns:1fr}.branding-domain-card>button{width:100%}.branding-domain-status{grid-column:1}}
.sync-state{min-height:46px;border-radius:12px}
.sync-state{display:inline-flex;align-items:center;padding:10px 14px 10px 31px;white-space:nowrap;box-shadow:0 5px 16px rgba(8,111,76,.06)}
.sync-state:before{left:14px}
@media(max-width:760px){
  .sync-state{min-height:40px}
}
.auth-card>.brand{position:relative;display:block;width:100%;height:105px;min-height:105px;margin:0 auto 25px;padding:0;overflow:hidden;border:1px solid #dbe5e1;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(19,45,35,.07)}
.auth-card>.brand .brand-logo{position:absolute;top:0;left:0;display:block;width:100%;max-width:none;height:auto;padding:0;border:0;border-radius:0;background:transparent;object-fit:initial;object-position:initial;transform:translateY(-28.5%)}
@media(max-width:520px){
  .auth-card>.brand{height:88px;min-height:88px;margin-bottom:21px;border-radius:12px}
  .auth-card>.brand .brand-logo{width:100%;height:auto;transform:translateY(-28.5%)}
}
body:not(.auth-body) label:focus-within,
body:not(.auth-body) .template-filters:focus-within,
body:not(.auth-body) .report-filters:focus-within,
body:not(.auth-body) .settings-actions:focus-within{position:relative;z-index:12}
.form,.grid,.template-toolbar,.template-filters,.report-filters{isolation:auto}
#templates .template-page-head{display:grid;grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:22px}
#templates .template-toolbar{display:flex;width:auto;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:nowrap;padding:10px}
#templates .template-filters{display:flex;width:auto;align-items:center;gap:8px;flex-wrap:nowrap}
#templates .template-filters input{width:250px;min-width:180px;height:44px}
#templates .template-filters select{flex:0 0 155px;width:155px;min-width:155px}
#templates #templateTypeFilter{flex-basis:140px;width:140px;min-width:140px}
#templates #openNewTemplate{order:2;flex:0 0 auto;min-height:44px;white-space:nowrap}
@media(max-width:1280px){
  #templates .template-page-head{grid-template-columns:1fr}
  #templates .template-toolbar{width:100%;justify-content:flex-start;overflow-x:auto}
}
@media(max-width:760px){
  #templates .template-toolbar{align-items:stretch;overflow:visible;flex-wrap:wrap}
  #templates .template-filters{display:grid;width:100%;grid-template-columns:1fr 1fr}
  #templates .template-filters input{grid-column:1/-1;width:100%}
  #templates .template-filters select,#templates #templateTypeFilter{width:100%;min-width:0}
  #templates #openNewTemplate{order:-1;width:100%}
}
.date-range-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:16px 18px;border:1px solid #d7e5df;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(8,55,43,.06)}
.date-range-bar>div:first-child{display:flex;flex-direction:column;gap:3px}
.date-range-bar strong{font-size:15px;color:#123d33}
.date-range-bar small{color:#61766f;font-weight:600}
.date-range-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.date-range-buttons button{min-height:42px;padding:9px 16px;border-radius:12px;background:#f5faf8;color:#365f54;border:1px solid #d5e5df;font-weight:800}
.date-range-buttons button.active{background:#07865f;color:#fff;border-color:#07865f;box-shadow:0 8px 18px rgba(7,134,95,.18)}
.report-date-range{margin:0 0 16px;background:#f8fcfa;box-shadow:none}
.chat-thread-loading{margin:auto;padding:12px 18px;border-radius:14px;background:#fff;color:#557069;font-weight:800;box-shadow:0 8px 24px rgba(8,55,43,.08)}
@media(max-width:760px){.date-range-bar{align-items:flex-start;flex-direction:column}.date-range-buttons{width:100%}.date-range-buttons button{flex:1;min-width:calc(50% - 5px)}}
#provider{--page-accent:#1877f2;--page-soft:#edf5ff}
.provider-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;margin-bottom:16px}
.provider-grid>.card{margin:0;padding:25px;overflow:visible}
.provider-step{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.provider-step>b{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#1877f2;color:#fff;font-size:13px;box-shadow:0 7px 18px rgba(24,119,242,.22)}
.provider-step>div{display:flex;flex-direction:column;gap:3px}
.provider-step small{color:#1877f2;font-size:8px;font-weight:900;letter-spacing:.13em}
.provider-step h2{margin:0;font-size:18px}
.provider-connect-card>p,.provider-review-card>p{color:var(--muted);line-height:1.55}
.provider-connect-button{width:100%;min-height:51px;margin:9px 0 12px;background:linear-gradient(135deg,#1877f2,#0e5fc7);box-shadow:0 9px 22px rgba(24,119,242,.24)}
.provider-connect-button:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}
.provider-state{min-height:42px;margin-bottom:13px;padding:11px 12px;border:1px solid #dae5ef;border-radius:10px;background:#f7fafc;color:#587080;font-size:10px;line-height:1.45}
.provider-state.working{border-color:#a9caf4;background:#edf5ff;color:#1459a5}
.provider-state.success{border-color:#9bd6b9;background:#edf9f3;color:#116342}
.provider-state.warning{border-color:#edd09b;background:#fff8e9;color:#895d14}
.provider-state.error{border-color:#efbbb3;background:#fff2ef;color:#973c31}
.provider-checklist{display:grid;gap:8px;margin:15px 0}
.provider-checklist span{position:relative;padding:11px 12px 11px 38px;border:1px solid #dce6e2;border-radius:10px;background:#f9fbfa;color:#53665e;font-size:10px;font-weight:700}
.provider-checklist span:before{position:absolute;left:12px;top:50%;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#dfe7e3;color:#718078;content:"•";transform:translateY(-50%)}
.provider-checklist span.ready{border-color:#a7d7bf;background:#f0faf5;color:#155f46}
.provider-checklist span.ready:before{background:#11976a;color:#fff;content:"✓"}
.provider-connections-card{padding:24px}
.provider-connections-card table{min-width:960px}
.provider-connections-card code{display:inline-block;max-width:190px;margin:0;padding:5px 7px;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.provider-row-error{display:block;max-width:230px;margin-top:5px;color:#a44338;font-size:8px;white-space:normal}
.status-badge.provider-connected{background:#def5e9;color:#0b724d}
.status-badge.provider-attention{background:#fff2d8;color:#895d14}
.status-badge.provider-disconnected{background:#ecefed;color:#637069}
.provider-connections-card th,.provider-connections-card td{vertical-align:middle}
.provider-webhook-cell,.provider-row-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.provider-webhook-cell .provider-row-error{margin-top:0}
.provider-webhook-cell button,.provider-row-actions button{width:116px;min-height:42px;margin:0;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.provider-row-actions{align-items:stretch}
.provider-row-actions button{width:130px}
.provider-connection-filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(135px,1fr) minmax(135px,1fr) auto auto;align-items:end;gap:10px;margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f7faf9}
.provider-connection-filters label{min-width:0;margin:0}
.provider-connection-filters input,.provider-connection-filters select{width:100%;height:44px}
.provider-connection-filters button{height:44px;white-space:nowrap}
.provider-connection-count{align-self:center;color:var(--muted);font-size:10px;font-weight:800;white-space:nowrap}
.provider-user-email{display:block;max-width:220px;overflow-wrap:anywhere;color:var(--muted);font-size:9px}
@media(max-width:620px){.provider-connection-filters{grid-template-columns:1fr}.provider-search-filter{grid-column:auto}.provider-connection-count{justify-self:start}}
.provider-status-cell{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:150px}
.provider-display-name{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0;color:var(--dark);line-height:1.25}
.provider-display-name span{color:var(--muted);font-size:9px}
.provider-display-name strong{max-width:190px;font-size:10px;overflow-wrap:anywhere}
.provider-display-name em{color:var(--muted);font-size:8px;font-style:normal;text-transform:capitalize}
.provider-name-pending strong{color:#8a671f;font-weight:600}
.provider-status-cell .provider-row-error{margin-top:0}
.provider-disclaimer{display:flex;align-items:flex-start;gap:12px;border-color:#e7c68a;background:#fff9ed}
.provider-disclaimer strong{flex:0 0 auto;color:#865d16}
.provider-disclaimer p{margin:0;color:#6c5b3c;line-height:1.55}
@media(max-width:900px){.provider-grid{grid-template-columns:1fr}}
@media(max-width:620px){.provider-grid>.card,.provider-connections-card{padding:18px}.provider-disclaimer{flex-direction:column}}
.provider-review-card>#providerCallbackUrl{display:none}
.billing-price-grid,.billing-adjust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}
.billing-price-grid label,.billing-adjust-grid label{display:flex;flex-direction:column;gap:7px;font-weight:700}
.billing-price-grid input,.billing-adjust-grid input,.billing-price-grid select,.billing-adjust-grid select{width:100%;box-sizing:border-box}
.wallet-ledger{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.wallet-user-card .cardhead>strong{font-size:24px;color:var(--g)}
.wallet-page-card .cardhead>strong{font-size:28px;color:var(--g)}
.billing-price-grid{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}
.billing-adjust-grid{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}
.billing-price-grid:before{content:'Message pricing';display:block;grid-column:1/-1;font-size:18px;font-weight:800;color:var(--dark)}
.billing-adjust-grid:before{content:'Wallet balance adjustment';display:block;grid-column:1/-1;font-size:18px;font-weight:800;color:var(--dark)}
@media(max-width:800px){.billing-price-grid,.billing-adjust-grid{grid-template-columns:1fr}.wallet-page-card .table{overflow-x:auto}}
#billingEditor{display:none}
.wallet-balance-summary{display:flex;align-items:center;justify-content:space-between;gap:18px}
.wallet-balance-summary .cardhead{flex:1}
.wallet-balance-summary>button{flex:0 0 auto}
.flow-builder{grid-template-columns:280px minmax(0,1fr);align-items:stretch}
.flow-palette{min-height:420px;max-height:calc(100vh - 250px);overflow:auto;padding:16px 14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);color:var(--dark);gap:0}
.flow-palette-search{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #d9e2de;border-radius:13px;background:#f5f7f6;color:#52635b}
.flow-palette-search>span{font-size:23px;line-height:1;transform:rotate(-20deg);opacity:.85}
.flow-palette-search input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--dark);font-size:14px}
.flow-palette-search input::placeholder{color:#87958e}
.flow-palette-meta{display:flex;justify-content:space-between;align-items:center;margin:13px 1px 10px;color:#567066;font-size:9px;letter-spacing:.16em}
.flow-palette-meta strong{color:#31574a;font-size:9px;letter-spacing:.08em}
.flow-palette-groups{display:grid;gap:13px}
.flow-palette-group{display:grid;gap:3px}
.flow-palette-group>header{display:flex;align-items:center;gap:8px;margin:0 0 3px;padding:0;border:0;background:transparent;min-height:0;color:#4e625a}
.flow-palette-group>header>strong{font-size:10px;letter-spacing:.16em;color:#4e625a}
.flow-palette-group>header>b{font-size:9px;font-weight:500;color:#6d7c75}
.flow-group-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#4b6b5e}
.flow-group-dot.trigger{background:#087b53}
.flow-group-dot.messages{background:#2b4c69}
.flow-group-dot.input{background:#3168b8}
.flow-group-dot.logic{background:#a06500}
.flow-group-dot.actions{background:#b13e54}
.flow-palette-item{position:relative;display:flex;align-items:flex-start;gap:11px;width:100%;min-height:57px;margin:0;padding:9px 6px;border:0;border-radius:9px;background:transparent;color:var(--dark);text-align:left;font-size:13px;cursor:grab}
.flow-palette-item:hover{background:#f1f8f5;border-color:transparent}
.flow-palette-item:active{cursor:grabbing}
.flow-palette-item>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}
.flow-palette-item strong{display:block;color:#263e35;font-size:13px;line-height:1.25}
.flow-palette-item small{display:block;margin:0;color:#87928d;font-size:11px;line-height:1.35}
.flow-palette-item em{position:absolute;top:12px;right:6px;color:#b1b9b5;font-size:8px;font-style:normal;letter-spacing:.12em;text-transform:uppercase}
.flow-node-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:8px;background:#e8f2ed;color:#09805a;font-size:18px;line-height:1;font-weight:700}
.flow-node-icon.messages{background:#e8f1f8;color:#2b5575;font-size:17px}
.flow-node-icon.input{background:#e7f0ff;color:#2b62ac}
.flow-node-icon.logic{background:#fff0d0;color:#a56300;font-size:14px}
.flow-node-icon.actions{background:#ffe7eb;color:#b33f53;font-size:17px}
.flow-node-icon.trigger{background:#e7f8ef;color:#0b8a5c}
.flow-trigger-item{opacity:.74}
.flow-trigger-item:hover{opacity:1}
.flow-palette-empty{display:none;padding:18px 8px;color:var(--muted);font-size:12px;text-align:center}
.flow-palette-empty:not([hidden]){display:block}
@media(max-width:780px){.flow-builder{grid-template-columns:1fr}.flow-palette{max-height:none}.flow-palette-groups{grid-template-columns:1fr 1fr;column-gap:10px}.flow-palette-search,.flow-palette-meta,.flow-palette-empty{grid-column:1/-1}.flow-palette-meta{margin-bottom:8px}}
@media(max-width:520px){.flow-palette-groups{grid-template-columns:1fr}.flow-palette-item em{position:static;display:none}}
.chatbot-studio{width:100%;max-width:none;min-width:0;padding:0;overflow:hidden;border:1px solid #dbe5e1;border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.flow-studio-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px;border-bottom:1px solid #e3e9e7;background:#fff}
.flow-studio-title{min-width:220px}
.flow-studio-title>small{display:block;color:var(--g);font-size:9px;font-weight:800;letter-spacing:.15em}
.flow-studio-title h2{margin:5px 0 3px;font-size:22px}
.flow-studio-title p{margin:0;color:var(--muted);font-size:11px}
.flow-studio-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.flow-studio-actions label{display:flex;flex-direction:column;gap:4px;margin:0;color:#607169;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.flow-studio-actions select,.flow-studio-actions input{height:36px;padding:8px 10px;border:1px solid #d6e1dc;border-radius:8px;background:#fff;color:var(--dark);font-size:11px;text-transform:none;letter-spacing:0}
.flow-select-label select{min-width:155px}
.flow-name-label input{width:185px}
.flow-studio-actions .status-badge{align-self:flex-end;white-space:nowrap}
.flow-studio-actions button{height:36px;padding:8px 12px;font-size:10px}
.flow-status-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.flow-settings-panel{margin:0;padding:0 22px;border-bottom:1px solid #e4ebe8;background:#fbfdfc}
.flow-settings-panel summary{padding:11px 0;color:#496057;font-size:10px;font-weight:800;cursor:pointer;list-style:none}
.flow-settings-panel summary::-webkit-details-marker{display:none}
.flow-settings-panel summary:before{content:"+";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border:1px solid #c9d8d1;border-radius:50%;color:var(--g);font-size:14px}
.flow-settings-panel[open] summary:before{content:"-"}
.flow-settings-panel>.grid{padding:0 0 12px}
.flow-settings-panel small{display:block;margin:-2px 0 13px;color:var(--muted);font-size:9px}
.flow-builder{grid-template-columns:282px minmax(0,1fr);gap:0;margin:0;min-height:620px}
.flow-builder .flow-palette{height:100%;max-height:none;border:0;border-right:1px solid #e0e8e4;border-radius:0;box-shadow:none}
.flow-workspace{position:relative;min-height:620px;padding:0;border:0;border-radius:0;background:#f9fbff;overflow:hidden}
.flow-canvas-toolbar{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 15px;border-bottom:1px solid #e2e8ee;background:rgba(255,255,255,.86);color:#7a858d;font-size:9px}
.flow-canvas-toolbar>div{display:flex;align-items:center;gap:5px}
.flow-canvas-toolbar button{min-width:31px;height:30px;padding:5px 9px;border-color:#dce4ea;background:#fff;color:#56636c;font-size:10px}
.flow-canvas-toolbar button:hover{background:#eef6f4;border-color:#b9dace;color:var(--g)}
.flow-canvas-viewport{height:calc(100% - 48px);min-height:570px;overflow:auto;background-color:#fafcff;background-image:linear-gradient(#edf2f7 1px,transparent 1px),linear-gradient(90deg,#edf2f7 1px,transparent 1px);background-size:20px 20px}
.flow-canvas{position:relative;display:flex;flex-direction:column;align-items:center;gap:25px;min-height:100%;padding:105px 38px 190px;transform:scale(var(--flow-zoom,1));transform-origin:50% 0;transition:transform .18s ease}
.flow-node{position:relative;width:min(440px,100%);border:1px solid #d7e4df;border-radius:11px;background:#fff;box-shadow:0 8px 23px rgba(41,72,61,.12);overflow:visible;cursor:grab}
.flow-node:not(:last-child):after{content:"";position:absolute;left:50%;bottom:-27px;width:2px;height:25px;background:#9cb7ab;transform:translateX(-50%)}
.flow-node:not(:last-child):before{content:"";position:absolute;z-index:1;left:50%;bottom:-29px;width:7px;height:7px;border-right:2px solid #6ba78d;border-bottom:2px solid #6ba78d;transform:translateX(-50%) rotate(45deg);background:#f9fbff}
.flow-node>header{display:flex;align-items:center;gap:9px;margin:0;padding:11px 12px;border-bottom:1px solid #e8efec;border-radius:11px;background:#fff}
.flow-node>header>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.flow-node>header>div>strong{font-size:12px}
.flow-node>header>div>small{overflow:hidden;color:#8a9690;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.flow-number{width:27px;height:27px;background:#e2f6ed;color:#087b53;font-size:10px}
.flow-node-toggle{padding:6px 9px;border-color:#bfdcd0;background:#f2faf6;color:#087753;font-size:9px}
.flow-node .remove-flow-node{padding:6px 8px;font-size:9px}
.flow-node-fields{padding:13px 14px}
.flow-connections{padding:11px 14px;border-top:1px dashed #d9e5df;background:#fbfdfc}
.flow-node-fields[hidden],.flow-connections[hidden]{display:none}
.flow-minimap{position:absolute;right:16px;bottom:16px;width:132px;height:82px;border:1px solid #e1e6eb;border-radius:7px;background:#fff;box-shadow:0 5px 16px rgba(24,54,42,.08)}
.flow-minimap span{position:absolute;left:24px;top:18px;width:50px;height:29px;border:1px solid #a8c3b7;border-radius:4px;background:#e9f7f0}
.chatbot-studio>.flow-actions{display:flex;align-items:center;justify-content:flex-start;min-height:55px;margin:0;padding:12px 22px;border-top:1px solid #e1e9e5;background:#fff}
.chatbot-studio>.flow-actions>div{display:flex;flex-direction:column;gap:4px}
.chatbot-studio>.flow-actions strong{font-size:10px;color:#3f5b50}
.chatbot-studio>.flow-actions small{font-size:9px;color:var(--muted)}
@media(max-width:1060px){.flow-studio-head{align-items:flex-start;flex-direction:column}.flow-studio-actions{justify-content:flex-start;width:100%}.flow-name-label{flex:1}.flow-name-label input{width:100%}}
@media(max-width:780px){.flow-builder{grid-template-columns:1fr}.flow-builder .flow-palette{height:auto;border-right:0;border-bottom:1px solid #e0e8e4}.flow-workspace,.flow-canvas-viewport{min-height:520px}.flow-studio-actions{gap:6px}.flow-select-label{flex:1}.flow-select-label select{width:100%;min-width:0}.flow-name-label{flex-basis:100%}.flow-name-label input{width:100%}}
.flow-canvas-viewport{height:570px}
@media(max-width:780px){.flow-canvas-viewport{height:520px}}
.flow-builder{min-height:760px}
.flow-workspace{min-height:760px}
.flow-canvas-viewport{height:clamp(680px,72vh,920px);min-height:680px;overscroll-behavior:contain;scrollbar-gutter:stable both-edges}
.flow-canvas{width:100%;min-width:620px;box-sizing:border-box;padding-top:80px;padding-bottom:240px}
.flow-node{width:min(500px,calc(100% - 72px))}
.flow-canvas-toolbar{position:relative;z-index:4;height:auto;min-height:54px;padding:9px 15px}
.flow-canvas-toolbar>span{font-size:10px}
.flow-view-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.flow-view-controls output{display:inline-grid;place-items:center;min-width:48px;height:30px;padding:0 7px;border:1px solid #dce4ea;border-radius:7px;background:#f5f8f7;color:#315044;font-size:10px;font-weight:800}
.flow-view-controls button{min-width:34px}
.flow-view-controls #expandChatbotCanvas{min-width:66px}
.flow-workspace.is-expanded{position:fixed;z-index:10000;inset:12px;min-height:0;border:1px solid #cfded7;border-radius:15px;background:#fff;box-shadow:0 24px 80px rgba(11,36,27,.28)}
.flow-workspace.is-expanded .flow-canvas-viewport{height:calc(100vh - 79px);min-height:0}
.flow-canvas-expanded{overflow:hidden}
.flow-workspace.is-expanded #expandChatbotCanvas{border-color:#9bcdb9;background:#eaf8f2;color:#076d4d}
.flow-workspace:focus-within .flow-canvas-toolbar{box-shadow:0 3px 12px rgba(32,70,55,.07)}
@media(max-width:780px){.flow-builder,.flow-workspace{min-height:620px}.flow-canvas-viewport{height:620px;min-height:620px}.flow-canvas{min-width:540px}.flow-canvas-toolbar{align-items:flex-start;flex-direction:column}.flow-view-controls{width:100%;justify-content:flex-start}.flow-workspace.is-expanded{inset:5px}.flow-workspace.is-expanded .flow-canvas-viewport{height:calc(100vh - 112px)}}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 32%,transparent);outline-offset:2px}
:where(button,input,select,textarea):disabled{opacity:.58;cursor:not-allowed;filter:saturate(.7)}
.status-badge,.sync-state{white-space:nowrap}
.form textarea{resize:vertical}
.notice .toast{max-width:min(460px,calc(100vw - 32px));overflow-wrap:anywhere}
.empty-state,.flow-empty{padding:28px;text-align:center}
@media(max-width:900px){.report-filters,.grid{min-width:0}}
@media(max-width:560px){.flow-studio-head{padding:16px}.flow-studio-actions button{flex:1 1 auto}.report-pagination,.report-pagination>div{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}
.install-panel-app{position:fixed;z-index:91;right:28px;bottom:24px;min-height:44px;padding:11px 17px;border-color:#087763;border-bottom:3px solid #064f48;background:linear-gradient(150deg,#129b7f,#087763);box-shadow:0 7px 18px rgba(3,86,75,.25);color:#fff;font-weight:800}
.install-panel-app[hidden]{display:none}
@media(max-width:760px){
  .install-panel-app{right:12px;bottom:calc(14px + env(safe-area-inset-bottom));min-height:46px}.dashboard-quick-actions{grid-template-columns:1fr 1fr}.button-link{min-height:42px}
  .billing-price-grid,.report-filters,.campaign-recipient-grid,.campaign-layout,.send-campaign-shell{grid-template-columns:1fr}.table{max-width:calc(100vw - 20px)}
  .chat-app{height:calc(100dvh - 92px);min-height:500px}.chat-thread{padding:12px}.chat-compose{padding:8px}.chat-header{padding:8px}.chat-header-actions{gap:4px}.chat-header-actions button{padding:7px;font-size:9px}
}
@media(max-width:430px){.dashboard-quick-actions{grid-template-columns:1fr}.date-range-buttons{grid-template-columns:1fr 1fr}}
.wallet-user-card.wallet-empty,.wallet-page-card.wallet-empty{border-color:#e7b4b4;background:linear-gradient(135deg,#fff,#fff6f6)}
.wallet-user-card.wallet-empty .cardhead>strong,.wallet-page-card.wallet-empty .cardhead>strong{color:#a71920}
#automation.active{display:block;max-width:1120px;margin:0 auto}
#automation>.card{position:static;margin:0 0 18px;padding:24px;border:1px solid #d8e1dd;border-radius:6px;background:#fff;box-shadow:none;transition:none}
#automation>.card:hover{box-shadow:none}
#automation>.card:before{display:none}
#automation>.card:first-child{grid-column:auto}
#automation>.card .cardhead{align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #e7ece9}
#automation>.card .cardhead h2{margin:0 0 6px;color:#203c31;font-size:22px}
#automation>.card .cardhead p{margin:0;color:#66766f;font-size:12px}
#automation>.card .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
#automation>.card .form label,#automation>.card label{margin:0;color:#32483e;font-size:11px}
#automation>.card input,#automation>.card select,#automation>.card textarea{width:100%;min-height:40px;padding:10px 11px;border:1px solid #cfdad5;border-radius:5px;background:#fff;box-shadow:none;font-size:12px}
#automation>.card textarea{min-height:104px;resize:vertical}
#automation>.card input:focus,#automation>.card select:focus,#automation>.card textarea:focus{outline:2px solid #d6eee3;box-shadow:none}
#automation>.card .settings-actions{display:flex;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid #e7ece9}
#automation>.card .settings-actions button{min-height:38px;border-radius:5px;box-shadow:none;font-size:11px}
#automation>.card .settings-actions .primary{background:var(--g);color:#fff}
#automation>.card #businessToolState{margin-top:10px;color:var(--muted);font-size:11px}
#automation>.card .table{margin-top:16px;border:1px solid #d8e1dd;border-radius:6px;box-shadow:none}
#automation>.card table{min-width:760px}
#automation>.card th{background:#f6f8f7;color:#617169;font-size:9px}
#automation>.card td{font-size:11px}
@media(max-width:760px){#automation>.card{padding:18px}#automation>.card .grid{grid-template-columns:1fr;gap:12px}#automation>.card .settings-actions{align-items:flex-start;flex-direction:column}}
body:not(.auth-body) .button-link{
  min-height:40px;
  border-radius:8px;
  font-weight:720;
}
body:not(.auth-body) .table{
  border:1px solid var(--panel-border);
  border-radius:10px;
  overflow:auto;
  box-shadow:inset 0 0 0 1px rgba(220,231,226,.45);
}
body:not(.auth-body) tbody tr:hover{background:#f3f9f6}
body:not(.auth-body) .status-badge{border-radius:999px}
body:not(.auth-body) #automation>.card{box-shadow:none;border-radius:6px}
@media(min-width:761px){
  body:not(.auth-body) .banner{border-color:#e1eaee;border-radius:16px;box-shadow:0 4px 16px rgba(16,53,66,.045)}
}
.campaign-wizard{min-width:0}
.campaign-wizard-progress{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;gap:8px;margin:-4px 0 24px;padding:10px;border:1px solid #dce8e2;border-radius:12px;background:#f7faf8}
.campaign-wizard-progress>i{height:2px;background:#d8e5df}
.campaign-wizard-step{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:9px;align-items:center;width:100%;min-height:52px;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#6a7b73;text-align:left;box-shadow:none}
.campaign-wizard-step>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e2ebe7;color:#567066;font-size:11px;font-weight:850}
.campaign-wizard-step>strong{font-size:11px;line-height:1.2}
.campaign-wizard-step>small{grid-column:2;color:#87948e;font-size:8px;line-height:1.25}
.campaign-wizard-step.active{border-color:#a6d8c5;background:#e7f6ef;color:#086b4b}
.campaign-wizard-step.active>span,.campaign-wizard-step.done>span{background:#07875f;color:#fff}
.campaign-wizard-step.done{color:#2f6c56}
.campaign-wizard-step-panel{padding:2px 0 4px}
.campaign-wizard-step-panel[hidden]{display:none}
.campaign-wizard-step-panel>.wizard-step-heading{margin-bottom:15px}
.wizard-step-heading h2{margin:0 0 4px}
.wizard-step-heading p{margin:0;color:#667a71;font-size:10px}
.campaign-wizard-subheading{margin:19px 0 9px;color:#315d4e;font-size:12px;letter-spacing:.03em}
.campaign-source-tabs,.campaign-schedule-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 10px}
.campaign-source-tabs button,.campaign-schedule-tabs button{min-height:40px;padding:9px 13px;border:1px solid #d5e3dd;border-radius:8px;background:#fff;color:#587066;font-size:10px;font-weight:800}
.campaign-source-tabs button.active,.campaign-schedule-tabs button.active{border-color:#91ceb2;background:#e5f6ee;color:#086d4d;box-shadow:0 3px 10px rgba(7,135,95,.1)}
.campaign-source-panel{display:none;margin:0 0 14px;padding:15px;border:1px solid #dce8e2;border-radius:10px;background:#fbfdfc}
.campaign-source-panel.active{display:block}
.campaign-source-panel .bulk-file-box{margin:0}
.campaign-source-panel .country-code-tool{margin-top:0}
.campaign-source-panel>label:last-child{margin-bottom:0}
.campaign-wizard-nav{display:flex;justify-content:space-between;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid #e3ece7}
.campaign-wizard-nav .primary{min-width:125px}
.campaign-wizard-nav .secondary{border:1px solid #d5e3dd;background:#fff;color:#587066}
.campaign-file-variable-map{margin:15px 0;padding:14px;border:1px solid #cfe4d8;border-radius:11px;background:#f3faf6}
.campaign-file-variable-map[hidden]{display:none}
.campaign-file-variable-map .campaign-wizard-subheading{margin:0 0 4px}
.campaign-file-variable-help{margin:0 0 9px;color:#667a71;font-size:9px}
.campaign-file-variable-map .bulk-variable-mapping{margin-top:5px}
.campaign-file-variable-map .bulk-variable-mapping label{padding:10px;border:1px solid #d8e8e1;border-radius:9px;background:#fff}
.campaign-file-variable-map .bulk-variable-mapping select{width:100%;min-height:40px}
.campaign-schedule-panel{display:none;margin:0 0 16px;padding:15px;border:1px solid #dce8e2;border-radius:10px;background:#fbfdfc}
.campaign-schedule-panel.active{display:block}
.campaign-schedule-panel label{margin:0}
@media(max-width:700px){
  .campaign-wizard-progress{grid-template-columns:1fr;gap:4px}
  .campaign-wizard-progress>i{display:none}
  .campaign-wizard-step{grid-template-columns:auto minmax(0,1fr)}
  .campaign-source-tabs,.campaign-schedule-tabs{display:grid;grid-template-columns:1fr}
  .campaign-source-tabs button,.campaign-schedule-tabs button{width:100%}
  .campaign-wizard-nav{flex-direction:column-reverse}
  .campaign-wizard-nav button{width:100%}
}
@media (max-width:760px){
  .banner{max-width:100%;min-width:0}
}
:root{
  --glass-ink:#102f35;
  --glass-muted:#5f7479;
  --glass-line:rgba(112,151,158,.24);
  --glass-surface:rgba(255,255,255,.76);
  --glass-surface-strong:rgba(255,255,255,.91);
  --glass-primary:#087f75;
  --glass-primary-deep:#075f67;
  --glass-blue:#2563d9;
  --glass-violet:#7557d6;
  --glass-danger:#cf4c55;
  --glass-shadow:0 18px 48px rgba(18,58,70,.10),0 3px 10px rgba(18,58,70,.06);
  --glass-shadow-raised:0 13px 25px rgba(22,73,83,.17),inset 0 1px 0 rgba(255,255,255,.82),inset 0 -2px 0 rgba(25,72,80,.08);
}
body:not(.auth-body) h2,
body:not(.auth-body) h3{color:var(--glass-ink);letter-spacing:-.025em}
@keyframes glassPageIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
body:not(.auth-body) .date-range-bar,
body:not(.auth-body) .report-filters,
body:not(.auth-body) .campaign-wizard-progress{
  border:1px solid var(--glass-line);
  background:var(--glass-surface);
  box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter:blur(18px) saturate(140%);
}
body:not(.auth-body) .stat-card,
body:not(.auth-body) .media-card,
body:not(.auth-body) .template-card,
body:not(.auth-body) .operation-item{
  border:1px solid rgba(112,151,158,.20);
  background:rgba(255,255,255,.78);
  box-shadow:0 12px 30px rgba(20,65,75,.08),inset 0 1px rgba(255,255,255,.92);
  backdrop-filter:blur(14px);
}
body:not(.auth-body) .banner,
body:not(.auth-body) .security-note,
body:not(.auth-body) .inbox-state{
  border-radius:15px;
  box-shadow:inset 0 1px rgba(255,255,255,.72),0 7px 18px rgba(25,72,80,.05);
}
body:not(.auth-body) .button-link{
  border:1px solid rgba(91,133,141,.25);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(232,243,243,.82));
  color:#193f46;
  box-shadow:var(--glass-shadow-raised);
  text-shadow:0 1px rgba(255,255,255,.7);
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,border-color .16s ease;
}
body:not(.auth-body) .button-link:hover{
  transform:translateY(-2px);
  border-color:rgba(44,128,134,.42);
  box-shadow:0 17px 29px rgba(21,71,82,.19),inset 0 1px 0 #fff,inset 0 -2px 0 rgba(26,83,91,.08);
  filter:saturate(108%);
}
body:not(.auth-body) .button-link:active{
  transform:translateY(1px);
  box-shadow:0 4px 9px rgba(21,71,82,.14),inset 0 2px 5px rgba(26,71,78,.10);
}
body:not(.auth-body) .button-link.primary{
  border-color:rgba(5,101,104,.55);
  background:linear-gradient(145deg,#13a087 0%,#087979 48%,#1766a4 100%);
  color:#fff;
  text-shadow:0 1px 1px rgba(0,40,48,.34);
  box-shadow:0 13px 25px rgba(7,108,104,.27),inset 0 1px 0 rgba(255,255,255,.36),inset 0 -3px 0 rgba(1,57,68,.23);
}
body:not(.auth-body) .button-link.danger{
  border-color:rgba(174,48,61,.30);
  background:linear-gradient(180deg,#fff7f7,#fbe4e6);
  color:#b52e3d;
  box-shadow:0 9px 20px rgba(155,43,54,.12),inset 0 1px #fff;
}
body:not(.auth-body) .button-link:focus-visible{
  outline:3px solid rgba(47,126,224,.25);
  outline-offset:2px;
}
body:not(.auth-body) .form label>select,
body:not(.auth-body) .grid label>select,
body:not(.auth-body) .report-filters label>select,
body:not(.auth-body) .campaign-source-panel label>select,
body:not(.auth-body) .billing-price-grid label>select,
body:not(.auth-body) .billing-adjust-grid label>select{width:100%;max-width:none;min-width:0}
body:not(.auth-body) .settings-actions>select{width:auto;min-width:190px;max-width:100%}
body:not(.auth-body) #templates .template-filters select,
body:not(.auth-body) #templates #templateTypeFilter{
  flex:1 1 150px;
  width:clamp(140px,12vw,190px);
  min-width:140px;
}
body:not(.auth-body) .table{border-color:var(--glass-line);background:rgba(255,255,255,.65);box-shadow:0 11px 27px rgba(19,63,72,.065)}
body:not(.auth-body) tbody tr{transition:background .15s ease}
body:not(.auth-body) tbody tr:hover{background:rgba(219,246,238,.48)}
body:not(.auth-body) .toast{border:1px solid rgba(255,255,255,.20);background:rgba(10,52,61,.94);box-shadow:0 18px 38px rgba(4,36,44,.26);backdrop-filter:blur(16px)}
body:not(.auth-body) .page-fetching:before{
  position:fixed;top:0;left:272px;right:0;z-index:1000;height:3px;
  background:linear-gradient(90deg,transparent,#29c89c,#3989ef,#8f64dc,transparent);
  background-size:220% 100%;content:"";animation:pageLoadingStripe 1.15s linear infinite;
}
@keyframes pageLoadingStripe{to{background-position:-220% 0}}
body.auth-body{
  background:radial-gradient(circle at 16% 16%,rgba(31,165,137,.20),transparent 26rem),radial-gradient(circle at 88% 83%,rgba(56,111,224,.17),transparent 28rem),linear-gradient(145deg,#f6fbfb,#eef4f8);
}
body.auth-body .auth-card{
  border:1px solid rgba(110,151,158,.25);
  background:rgba(255,255,255,.76);
  box-shadow:0 28px 70px rgba(15,61,72,.17),inset 0 1px #fff;
  backdrop-filter:blur(22px) saturate(145%);
}
body.auth-body button{background:linear-gradient(145deg,#13a087,#087979 52%,#1766a4);box-shadow:0 13px 25px rgba(7,108,104,.27),inset 0 1px rgba(255,255,255,.32),inset 0 -3px rgba(1,57,68,.22)}
@media(max-width:980px){
  body:not(.auth-body) .report-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  body:not(.auth-body) .report-filters>button{width:100%}
  body:not(.auth-body) #templates .template-toolbar{width:100%;overflow:visible;flex-wrap:wrap}
  body:not(.auth-body) #templates .template-filters{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
  body:not(.auth-body) #templates .template-filters input{grid-column:1/-1;width:100%}
  body:not(.auth-body) #templates .template-filters select,
  body:not(.auth-body) #templates #templateTypeFilter{width:100%;min-width:0}
}
@media(max-width:760px){
  body:not(.auth-body) .page-fetching:before{left:88px}
  body:not(.auth-body) .report-filters{grid-template-columns:1fr}
  body:not(.auth-body) #templates .template-filters{grid-template-columns:1fr}
  body:not(.auth-body) .settings-actions>select{width:100%;min-width:0}
}
body:not(.auth-body) .date-range-bar,
body:not(.auth-body) .report-filters,
body:not(.auth-body) .campaign-wizard-progress{background:rgba(255,255,255,.93);border-color:rgba(70,119,128,.27)}
body:not(.auth-body) p,
body:not(.auth-body) small,
body:not(.auth-body) .muted{color:var(--glass-muted)}
.phonebook-section-tabs{
  display:flex;gap:8px;margin:0 0 18px;padding:8px;
  overflow-x:auto;border:1px solid rgba(62,122,126,.25);border-radius:16px;
  background:rgba(255,255,255,.88);box-shadow:0 10px 26px rgba(19,62,70,.08),inset 0 1px #fff;
  scrollbar-width:thin;
}
body:not(.auth-body) .phonebook-section-tabs>button{
  flex:1 0 max-content;min-height:45px;padding:10px 20px;border-color:transparent;
  background:transparent;color:#385d63;box-shadow:none;text-shadow:none;font-weight:800;
}
body:not(.auth-body) .phonebook-section-tabs>button:hover{
  border-color:rgba(34,139,132,.22);background:rgba(222,245,239,.62);color:#075f67;
  box-shadow:none;transform:none;
}
body:not(.auth-body) .phonebook-section-tabs>button.active{
  border-color:rgba(8,119,108,.42);background:linear-gradient(145deg,#e0f7f0,#e4effb);
  color:#05675f;box-shadow:0 7px 17px rgba(12,105,103,.13),inset 0 1px #fff;
}
.phonebook-tab-panels>[data-phonebook-panel]{width:100%;margin:0}
.phonebook-tab-panels>[data-phonebook-panel][hidden]{display:none}
.phonebook-tab-panels .phonebook-contact-card,
.phonebook-tab-panels .phonebook-import-card,
.phonebook-tab-panels .phonebook-groups-card{max-width:none}
@media(max-width:700px){
  .phonebook-section-tabs{margin-inline:-2px;padding:6px}
  body:not(.auth-body) .phonebook-section-tabs>button{min-height:41px;padding:9px 14px}
}
body:not(.auth-body) ::selection{background:#0b8f82;color:#fff;text-shadow:none}
body:not(.auth-body) .dashboard-quick-actions button{
  border-color:rgba(255,255,255,.34);
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(223,242,239,.88));
  color:#143b41;text-shadow:none;
  box-shadow:0 10px 22px rgba(0,28,28,.18),inset 0 1px #fff;
}
body:not(.auth-body) .dashboard-quick-actions button:hover{background:#fff;color:#075f67}
.template-special-options{margin:18px 0;padding:18px;border:1px solid #b9ded4;border-radius:16px;background:linear-gradient(145deg,#f2fbf8,#eef6fb)}
.template-special-options[hidden],.template-special-options [hidden],#templates [hidden]{display:none}
.template-special-options .cardhead{margin-bottom:14px}
.template-special-options .cardhead>div{display:flex;flex-direction:column;gap:4px}
.template-special-options .cardhead small{font-size:10px}
.template-check{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:12px 14px;border:1px solid #c9e5dd;border-radius:12px;background:rgba(255,255,255,.78)}
.template-check input{width:18px;height:18px;min-height:0;margin:0;accent-color:#08796f}
.template-check span{font-weight:750;color:#244b51}
@media(max-width:700px){.template-special-options{padding:14px}.template-check{align-items:flex-start}}
body:not(.auth-body) .campaign-limit strong{color:#fff}
body:not(.auth-body) .campaign-limit span{color:#e0f1eb}
body:not(.auth-body) #templates .template-page-head{
  display:grid;
  grid-template-columns:minmax(230px,.72fr) minmax(620px,1.45fr);
  align-items:start;
  gap:20px;
}
body:not(.auth-body) #templates .template-page-head>div:first-child{min-width:0;padding-top:4px}
body:not(.auth-body) #templates .template-toolbar{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  align-items:center;
  gap:10px;
  width:100%;
  min-width:0;
  overflow:visible;
}
body:not(.auth-body) #templates #openNewTemplate{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  order:0;
  min-width:176px;
  min-height:46px;
  visibility:visible;
  opacity:1;
  position:relative;
  z-index:3;
  white-space:nowrap;
}
body:not(.auth-body) #templates .template-filters{
  display:grid;
  grid-template-columns:minmax(210px,1.45fr) repeat(3,minmax(128px,.8fr));
  align-items:center;
  gap:8px;
  width:100%;
  min-width:0;
}
body:not(.auth-body) #templates .template-filters input,
body:not(.auth-body) #templates .template-filters select,
body:not(.auth-body) #templates #templateTypeFilter{
  width:100%;
  min-width:0;
  max-width:none;
}
body:not(.auth-body) #library>.card>.cardhead{
  align-items:flex-start;
  gap:18px;
  flex-wrap:wrap;
}
body:not(.auth-body) #library>.card>.cardhead>div{min-width:min(100%,420px);flex:1 1 420px}
body:not(.auth-body) #library .library-upload{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:44px;
  visibility:visible;
  opacity:1;
}
@media(max-width:1240px){
  body:not(.auth-body) #templates .template-page-head{grid-template-columns:1fr}
  body:not(.auth-body) #templates .template-toolbar{grid-template-columns:max-content minmax(0,1fr)}
}
@media(max-width:980px){
  body:not(.auth-body) #templates .template-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  body:not(.auth-body) #templates .template-filters input{grid-column:1/-1}
}
@media(max-width:700px){
  body:not(.auth-body) #templates .template-toolbar{grid-template-columns:1fr}
  body:not(.auth-body) #templates #openNewTemplate{width:100%}
  body:not(.auth-body) #templates .template-filters{grid-template-columns:1fr}
  body:not(.auth-body) #templates .template-filters input{grid-column:auto}
  body:not(.auth-body) #library .library-upload{width:100%}
}
.flow-builder{border:1px solid #dce7e3;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(19,55,42,.08)}
.flow-palette{background:#fff;color:#53665d;padding:16px 12px}
.flow-palette strong{color:#345247;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.flow-palette-item{border:1px solid transparent;border-radius:9px;background:#fff;padding:9px;transition:background .15s,border-color .15s,transform .15s}
.flow-palette-item:hover{background:#f1f8f5;border-color:#cce4da;transform:translateX(2px)}
.flow-canvas-viewport{background-color:#fbfdff;background-image:linear-gradient(#e9eff5 1px,transparent 1px),linear-gradient(90deg,#e9eff5 1px,transparent 1px);background-size:22px 22px}
.flow-canvas{align-items:flex-start;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,360px));justify-content:center;align-content:start;gap:42px 72px;padding:72px 50px 150px;transform:none}
.flow-node{width:100%;min-height:120px;border:1px solid #d4e4de;border-top:3px solid #178a67;border-radius:12px;box-shadow:0 8px 22px rgba(37,74,59,.12);background:#fff}
.flow-node>header{padding:12px 13px;background:#fff}
.flow-node>header>div>strong{font-size:13px;color:#243f35}
.flow-node>header>div>small{font-size:10px;color:#8b9791}
.flow-node-fields,.flow-connections{padding:12px 14px}
.flow-connections{background:#fbfdfc}
.flow-node:not(:last-child):after,.flow-node:not(:last-child):before{display:none}
.flow-number{width:30px;height:30px;font-size:11px}
.flow-node-toggle,.flow-node .remove-flow-node{border-radius:8px}
.knowledge-chatbot-panel{background:linear-gradient(145deg,#f9fbff 0%,#f4fbf7 100%)}
.knowledge-chatbot-head h3{font-size:21px}
.knowledge-chatbot-head p{max-width:680px;font-size:11px;line-height:1.6}
.knowledge-toggle{padding:9px 13px;border:1px solid #cfe2d9;border-radius:999px;background:#fff;box-shadow:0 3px 12px rgba(35,78,61,.07)}
.knowledge-steps{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}
.knowledge-steps span{padding:6px 10px;border:1px solid #dfe8e4;border-radius:999px;background:#fff;color:#74827c;font-size:9px;font-weight:800}
.knowledge-steps span.active{border-color:#9ad1bb;background:#e9f8f1;color:#087753}
.knowledge-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.knowledge-status strong{color:#087753;font-size:11px}
.knowledge-status span{padding:4px 7px;border-radius:6px;background:#fff}
.knowledge-workbench{display:grid;grid-template-columns:1.25fr .75fr;gap:13px;margin-top:13px}
.knowledge-test,.knowledge-advanced{padding:15px;border:1px solid #dce6e2;border-radius:11px;background:#fff}
.knowledge-test>strong{font-size:12px;color:#2c2850}
.knowledge-test>p{margin:4px 0 11px;color:var(--muted);font-size:9px}
.knowledge-test>div:first-of-type{display:flex;gap:8px}
.knowledge-test input{flex:1}
.knowledge-test-result{min-height:76px;margin-top:11px;padding:12px;border:1px dashed #d9e1de;border-radius:8px;background:#fafcfb;color:#66736e;font-size:10px;line-height:1.55}
.knowledge-test-result small{display:block;margin-bottom:6px;color:#087753;font-weight:900;text-transform:uppercase}
.knowledge-test-result.found{border-color:#9fd5bf;background:#f2fbf7;color:#30463e}
.knowledge-test-result.not-found{border-color:#e8cba9;background:#fffaf4}
.knowledge-advanced summary{cursor:pointer;color:#2c2850;font-size:11px;font-weight:800}
.knowledge-advanced .knowledge-message-grid{grid-template-columns:1fr}
.knowledge-advanced textarea{min-height:62px}
@media(max-width:850px){.knowledge-workbench{grid-template-columns:1fr}.knowledge-test>div:first-of-type{flex-direction:column}}
.flow-option-routes{display:flex;flex-direction:column;gap:7px}
.flow-option-routes>strong{display:block;margin-bottom:2px;color:#536b61;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.flow-route-row{display:grid;grid-template-columns:minmax(0,1fr) 12px;align-items:center;gap:8px;padding:7px 9px;border:1px solid #e0ebe6;border-radius:7px;background:#f8fcfa;font-size:10px;font-weight:600;color:#3c584c}
.flow-route-row:after{content:"";grid-column:2;width:8px;height:8px;border:2px solid #4f9e7e;border-radius:50%;background:#fff}
.flow-route-row select{grid-column:1/-1;margin-top:2px;padding:6px 7px;font-size:10px}
@media(max-width:980px){.flow-canvas{grid-template-columns:repeat(2,minmax(250px,1fr));padding:48px 24px 120px;gap:28px}}
@media(max-width:680px){.flow-builder{grid-template-columns:1fr}.flow-palette{max-height:300px;overflow:auto;border-right:0;border-bottom:1px solid #e0e8e4}.flow-canvas{grid-template-columns:1fr;padding:30px 16px 90px}.flow-node{max-width:none}}
.flow-route-port{grid-column:1/-1;width:100%;margin-top:2px;padding:7px 9px;border:1px dashed #62a88c;border-radius:7px;background:#effaf5;color:#087753;font-size:10px;font-weight:700;text-align:left;cursor:grab}
.flow-route-port:hover{background:#dff5eb;border-color:#087753}
.flow-route-port:active{cursor:grabbing}
.flow-route-hint{display:block;margin-top:4px;color:#82948c;font-size:9px;line-height:1.35}
.flow-route-row:after{display:none}
:root{--g:#0b8f7a;--dark:#122b35;--muted:#5d7079;--line:#d7e2e4;--bg:#f2f6f7;--ui-navy:#102f46;--ui-teal:#0b8f7a;--ui-cyan:#1b78a6;--ui-coral:#ef6b5b;--ui-surface:#fff;--ui-soft:#f7fafb;--ui-shadow:0 14px 38px rgba(18,53,68,.09)}
.sync-state{padding:5px 9px;border:1px solid #cee1de;border-radius:999px;background:#edf8f5;color:#15725f;font-weight:750}
body:not(.auth-body) .date-range-bar,body:not(.auth-body) .report-filters,body:not(.auth-body) .campaign-wizard-progress{border:1px solid #d6e2e4;background:#fff;box-shadow:var(--ui-shadow);backdrop-filter:none}
body:not(.auth-body) .dashboard-quick-actions button{border-color:rgba(255,255,255,.20);background:rgba(255,255,255,.10);color:#fff;box-shadow:none}
body:not(.auth-body) .dashboard-quick-actions button:hover{background:rgba(255,255,255,.17)}
body:not(.auth-body) .button-link{min-height:39px;border:1px solid #cbdadd;background:#fff;color:#244752;box-shadow:0 4px 12px rgba(19,56,69,.06);text-shadow:none;font-weight:720}
body:not(.auth-body) .button-link:hover{transform:translateY(-1px);border-color:#7dbbb1;background:#f4fbf9;box-shadow:0 8px 18px rgba(17,75,79,.10)}
body:not(.auth-body) .button-link.primary{border-color:#075f69;background:linear-gradient(135deg,#087567,#075f75);color:#fff;box-shadow:0 8px 18px rgba(5,95,105,.22);text-shadow:none}
body:not(.auth-body) .button-link.danger{border-color:#edc0bc;background:#fff5f3;color:#bd4137}
body:not(.auth-body) label{color:#34505a}
body:not(.auth-body) .table{border:1px solid #d9e3e5;border-radius:13px;background:#fff;box-shadow:none}
body:not(.auth-body) tbody tr:nth-child(even){background:#fbfcfd}
body:not(.auth-body) tbody tr:hover{background:#edf8f5}
body:not(.auth-body) .banner{border:1px solid #d4e1e3;background:#fff;box-shadow:0 7px 20px rgba(17,53,67,.06)}
body:not(.auth-body) .banner.ok{border-color:#b4dfd2;background:#edf9f5;color:#096b55}
body:not(.auth-body) .banner.bad{border-color:#efc5bd;background:#fff3f0;color:#a33e32}
body:not(.auth-body) .status-badge,body:not(.auth-body) .live-dot{border:1px solid #cfe0dd;background:#eef7f5;color:#176a5b}
body:not(.auth-body) .chat-panel{background-color:#e9efed;background-image:radial-gradient(rgba(27,75,68,.11) .7px,transparent .7px);background-size:13px 13px}
body:not(.auth-body) .chat-thread{background-color:transparent;background-image:none}
body:not(.auth-body) .chat-bubble{border:1px solid #dce5e3;box-shadow:0 2px 8px rgba(26,56,50,.08)}
body:not(.auth-body) .outgoing .chat-bubble{border-color:#bfe1d3;background:#dff6eb}
body:not(.auth-body) .flow-workspace{background-color:#f7fafb;background-image:linear-gradient(#e6eef0 1px,transparent 1px),linear-gradient(90deg,#e6eef0 1px,transparent 1px)}
body:not(.auth-body) .flow-node{border-color:#cfe0dc;border-top-color:#0d9277;box-shadow:0 9px 24px rgba(20,58,50,.10)}
body:not(.auth-body) #notice{z-index:120}
.toast{border-radius:11px;background:#102f3b;box-shadow:0 15px 35px rgba(6,37,48,.25)}
body.auth-body{background-color:#edf4f5;background-image:linear-gradient(rgba(21,75,84,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(21,75,84,.03) 1px,transparent 1px),radial-gradient(circle at 20% 15%,rgba(22,161,132,.16),transparent 25rem),radial-gradient(circle at 85% 85%,rgba(31,112,166,.13),transparent 28rem);background-size:28px 28px,28px 28px,auto,auto}
.auth-card{border-color:#d4e1e3;border-radius:20px;background:#fff;box-shadow:0 24px 60px rgba(15,52,65,.14);backdrop-filter:none}
.auth-card input{min-height:44px;border-color:#cbdadd}
.auth-card button{min-height:44px;border:0;background:linear-gradient(135deg,#087567,#075f75);color:#fff}
@media(max-width:760px){.knowledge-url-row{grid-template-columns:1fr}.knowledge-url-row button{width:100%}}
@media(max-width:480px){.grid{grid-template-columns:1fr}.dashboard-quick-actions{grid-template-columns:1fr}.knowledge-test>div:first-of-type{flex-direction:column}.knowledge-test button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}
body:not(.auth-body) .banner,body:not(.auth-body) .date-range-bar{background:linear-gradient(160deg,#fff,#f8fbfc)}
body:not(.auth-body) .button-link{position:relative;border:1px solid #c6d6da;border-bottom-width:3px;border-bottom-color:#aebfc4;border-radius:10px;background:linear-gradient(180deg,#fff 0%,#f7fafb 62%,#eaf1f3 100%);box-shadow:0 6px 0 rgba(38,74,86,.055),0 10px 18px rgba(19,54,67,.09),inset 0 1px 0 #fff;color:#224754;transition:transform .13s ease,box-shadow .13s ease,border-color .13s ease,filter .13s ease}
body:not(.auth-body) .button-link:hover{transform:translateY(-2px);border-color:#80b8b1;border-bottom-color:#4e978d;background:linear-gradient(180deg,#fff,#f1faf8);box-shadow:0 8px 0 rgba(34,112,102,.07),0 14px 24px rgba(15,72,77,.13),inset 0 1px #fff;filter:none}
body:not(.auth-body) .button-link:active{transform:translateY(2px);border-bottom-width:1px;box-shadow:0 2px 4px rgba(17,54,66,.13),inset 0 2px 4px rgba(20,65,76,.08)}
body:not(.auth-body) .button-link.primary{border-color:#075d69;border-bottom-color:#03434e;background:linear-gradient(155deg,#11967d 0%,#087265 46%,#07566f 100%);box-shadow:0 6px 0 #06454e,0 12px 22px rgba(4,82,88,.22),inset 0 1px rgba(255,255,255,.30);color:#fff}
body:not(.auth-body) .button-link.primary:hover{border-color:#086d74;border-bottom-color:#033f4a;background:linear-gradient(155deg,#14a88b,#08776c 48%,#075b78);box-shadow:0 8px 0 #06454e,0 16px 27px rgba(4,82,88,.27),inset 0 1px rgba(255,255,255,.34)}
body:not(.auth-body) .button-link.primary:active{box-shadow:0 2px 0 #063e47,0 5px 9px rgba(4,70,77,.20),inset 0 2px 5px rgba(0,31,39,.20)}
body:not(.auth-body) .button-link.danger{border-color:#efbbb5;border-bottom-color:#d7867e;background:linear-gradient(180deg,#fff8f7,#ffe9e6);box-shadow:0 5px 0 rgba(174,64,54,.09),0 9px 16px rgba(152,53,45,.08);color:#b83c32}
body:not(.auth-body) .phonebook-section-tabs>button{border-bottom-width:1px;box-shadow:none}
body.auth-body .brand{height:105px;overflow:hidden}
body.auth-body .brand-logo{width:100%;height:92px;max-height:none;object-fit:cover;object-position:50% 51%}
body.auth-body button{border-bottom:4px solid #043f49;background:linear-gradient(155deg,#11967d,#087265 48%,#07566f);box-shadow:0 6px 0 #043f49,0 13px 23px rgba(4,75,82,.22)}
body.auth-body button:active{transform:translateY(3px);border-bottom-width:1px;box-shadow:0 2px 0 #043f49,0 5px 9px rgba(4,75,82,.18)}
body.auth-body .brand{display:flex;align-items:center;justify-content:center;height:112px;padding:8px 18px}
body.auth-body .brand-logo{width:96%;height:96px;margin:auto;object-position:50% 24%}
body.auth-body .auth-card>.brand{overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:112px;height:auto;padding:10px 18px}
body.auth-body .auth-card>.brand .brand-logo{position:static;display:block;width:100%;height:auto;max-width:100%;max-height:96px;margin:0 auto;object-fit:contain;object-position:center;transform:none;padding:0;border:0;background:transparent}
@media(max-width:760px){body.auth-body .auth-card>.brand{min-height:92px;padding:8px 14px}body.auth-body .auth-card>.brand .brand-logo{max-height:76px}}
.knowledge-documents{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;align-items:center;margin-top:14px;padding:16px;border:1px solid #d3e2e3;border-radius:12px;background:linear-gradient(145deg,#fff,#f6fafb);box-shadow:0 8px 22px rgba(16,53,66,.06)}
.knowledge-documents>div:first-child strong{font-size:12px;color:#173746}
.knowledge-documents>div:first-child p{margin:4px 0 0;font-size:9px}
.knowledge-document-upload{display:inline-flex;align-items:center;justify-content:center;min-height:41px;margin:0;padding:9px 13px;border:1px solid #075d69;border-bottom:3px solid #03434e;border-radius:10px;background:linear-gradient(155deg,#11967d,#087265 48%,#07566f);box-shadow:0 5px 0 #06454e,0 10px 18px rgba(4,82,88,.20);color:#fff;font-size:10px;font-weight:800;cursor:pointer}
.knowledge-document-upload:hover{transform:translateY(-1px)}
.knowledge-document-upload input{display:none}
.knowledge-document-state{grid-column:1/-1;color:#567078;font-size:9px}
.knowledge-document-list{grid-column:1/-1;display:grid;gap:7px}
.knowledge-document-list>span{padding:10px;border:1px dashed #d6e1e3;border-radius:8px;color:#718188;font-size:9px}
.knowledge-document-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #dbe5e6;border-radius:9px;background:#fafdfe}
.knowledge-document-list article>div{min-width:0}
.knowledge-document-list article strong,.knowledge-document-list article small{display:block}
.knowledge-document-list article strong{overflow:hidden;color:#24444e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.knowledge-document-list article small{margin-top:3px;color:#708087;font-size:8px}
.knowledge-document-list article button{flex:none;min-height:32px}
.knowledge-test-result div{overflow-wrap:anywhere}
@media(max-width:700px){.knowledge-documents{grid-template-columns:1fr}.knowledge-document-upload{width:100%}.knowledge-document-list article{align-items:flex-start;flex-direction:column}.knowledge-document-list article button{width:100%}}
.knowledge-summary-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 18px;align-items:center;margin:14px 22px;padding:18px;border:1px solid #cfdfe1;border-left:4px solid #526bd6;border-radius:13px;background:linear-gradient(140deg,#fff,#f4f7ff 58%,#f0faf7);box-shadow:0 10px 26px rgba(17,53,67,.07)}
.knowledge-summary-panel>div:first-child{display:flex;flex-direction:column;gap:4px}
.knowledge-summary-panel>div:first-child span{color:#5265bd;font-size:8px;font-weight:900;letter-spacing:.13em}
.knowledge-summary-panel>div:first-child strong{color:#193945;font-size:14px}
.knowledge-summary-panel>div:first-child p{max-width:800px;margin:0;font-size:9px}
.knowledge-summary-preview{grid-column:1/-1;padding:13px;border:1px solid #dce5e8;border-radius:10px;background:#fff;color:#405961;font-size:10px;line-height:1.6}
.knowledge-summary-preview>small{display:block;margin-bottom:6px;color:#16806b;font-size:8px;font-weight:850;text-transform:uppercase}
.knowledge-summary-preview details{margin-top:10px;padding-top:9px;border-top:1px solid #e2e9eb}
.knowledge-summary-preview summary{cursor:pointer;color:#3d59b0;font-weight:800}
.knowledge-summary-preview details p{max-height:320px;overflow:auto;margin:9px 0;padding:10px;border-radius:8px;background:#f7fafb;white-space:normal}
.knowledge-summary-preview details small{color:#6a7980}
@media(max-width:700px){.knowledge-summary-panel{grid-template-columns:1fr;margin:12px}.knowledge-summary-panel>button{width:100%}}
body:not(.auth-body) #reportDateRanges button.active,
body:not(.auth-body) #dashboardDateRanges button.active{border-color:#057453;border-bottom-color:#034f3a;background:linear-gradient(155deg,#13a77d,#07865f 58%,#056d52);color:#fff;box-shadow:0 5px 0 #045a43,0 10px 18px rgba(7,134,95,.20),inset 0 1px rgba(255,255,255,.30)}
.flow-generator-panel,.knowledge-chatbot-panel,.knowledge-summary-panel{display:none}
.chatbot-studio .flow-palette-meta span{font-size:0}
.chatbot-studio .flow-palette-meta span:after{content:"CLICK TO ADD";font-size:8px}
.chatbot-studio .flow-canvas-toolbar>span{font-size:0}
.chatbot-studio .flow-canvas-toolbar>span:after{content:"Connect nodes using the round bullet points";font-size:9px}
.chat-body{display:flex;min-height:0;flex:1}
.chat-body>.chat-thread{min-width:0;flex:1}
.chat-details{display:none;width:310px;max-width:45%;overflow:auto;border-left:1px solid var(--line);background:#fff}
.chat-details.open{display:block}
.chat-details>header{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line)}
.chat-details>section{padding:14px;border-bottom:1px solid var(--line)}
.chat-details>section>strong{display:block;margin-bottom:10px}
.chat-detail-add{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:9px}
.chat-detail-add input,.chat-details textarea{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px}
.chat-details textarea{min-height:80px;margin-bottom:7px;resize:vertical}
.chat-tag-list{display:flex;flex-wrap:wrap;gap:6px}
.chat-tag{padding:6px 9px;border-radius:16px;background:#e9f7f0;color:#08724b}
.chat-tag span{margin-left:3px}
.chat-note-list{display:grid;gap:8px;margin-top:12px}
.chat-note-list article{padding:10px;border:1px solid var(--line);border-radius:8px;background:#f8faf9}
.chat-note-list p{margin:0 0 7px;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-note-list small{color:var(--muted)}
.chat-note-list button{float:right;padding:3px 6px;font-size:8px}
@media(max-width:850px){.chat-details{position:absolute;z-index:5;inset:66px 0 0 auto;width:min(88%,340px);max-width:none;box-shadow:-12px 0 30px #14251d24}}
.chat-list-filters{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 12px 10px}
.chat-list-filters .chat-unread-toggle,.chat-list-filters select{width:100%;min-width:0;margin:0;padding:8px;border:1px solid var(--line);border-radius:8px;background:#f8fbfa;font-size:9px}
.chat-contact-copy em{display:block;margin-top:5px;color:#708078;font-size:8px;font-style:normal}
.chat-sla-badge{padding:6px 8px;border-radius:14px;background:#eef3f1;color:#53625c;font-size:8px;font-weight:800;white-space:nowrap}
.chat-sla-badge.waiting{background:#fff2d8;color:#8b5d00}
.chat-sla-badge.overdue{background:#ffe5e2;color:#ad3028}
.chat-sla-badge.responded{background:#e5f7ee;color:#08724b}
.chat-details select{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff}
.chat-agent-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}
.chat-assignment-state{display:block;color:var(--muted)}
.chat-assignment-state,#chatAssignmentState{display:block;color:var(--muted)}
.chat-activity-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.chat-activity-head>strong{margin:0}
.chat-activity-report{margin-top:10px;overflow:auto}
.chat-activity-table{min-width:270px;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.chat-activity-table>div{display:grid;grid-template-columns:minmax(90px,1.4fr) repeat(3,minmax(48px,.6fr));gap:6px;padding:8px;border-top:1px solid var(--line);font-size:8px}
.chat-activity-table>div:first-child{border-top:0;background:#eef5f2}
.chat-activity-table span:not(:first-child),.chat-activity-table b:not(:first-child){text-align:right}
.flow-import-button{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;font-size:9px;font-weight:800}
.flow-import-button input{display:none}
.chatbot-lifecycle-panel{position:relative;margin:14px 0;padding:18px;border:1px solid #cfe0d8;border-radius:12px;background:#f8fbfa}
.chatbot-lifecycle-panel[hidden]{display:none}
.chatbot-lifecycle-panel h3{margin:0 90px 5px 0}
.chatbot-lifecycle-panel p{color:var(--muted)}
.chatbot-lifecycle-close{position:absolute;top:12px;right:12px}
.chatbot-version-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:12px}
.chatbot-version-list button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}
.chatbot-version-list small{color:var(--muted)}
.flow-check-result{margin-top:12px;padding:12px;border-radius:9px;background:#e9f7f0;color:#08724b}
.flow-check-result.has-errors{background:#fff0ed;color:#a3332c}
.flow-check-result ul{margin:9px 0 0;padding-left:18px}
.chatbot-simulator-message{max-width:680px;margin:14px 0;padding:13px;border-radius:10px;background:#dcf8c6;color:#1c352b;white-space:normal;line-height:1.55}
.chatbot-simulator-actions{display:flex;flex-wrap:wrap;gap:8px}
.chatbot-simulator-actions button{min-width:110px}
.chatbot-analytics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:18px 0}
.chatbot-analytics-cards article{padding:14px;border:1px solid #d6e5e2;border-radius:14px;background:#f5fbf9}
.chatbot-analytics-cards small{display:block;color:#58706f;margin-bottom:5px}
.chatbot-analytics-cards strong{font-size:1.45rem;color:#073b3a}
.chatbot-analytics-table{overflow:auto;border:1px solid #dce8e7;border-radius:14px}
.chatbot-analytics-table table{width:100%;border-collapse:collapse;min-width:620px}
.chatbot-analytics-table th,.chatbot-analytics-table td{padding:11px 13px;text-align:left;border-bottom:1px solid #e5eeee}
.chatbot-analytics-table th{background:#edf6f5;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
:root{--ui-content-max:1680px;--ui-page-gap:18px;--ui-card-radius:16px;--ui-card-pad:22px;--ui-control-height:42px}
body:not(.auth-body) .grid{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;align-items:start}
body:not(.auth-body) .form{width:100%;max-width:none}
body:not(.auth-body) .form label,body:not(.auth-body) .grid>label{min-width:0;margin:0;align-self:start}
body:not(.auth-body) label{line-height:1.35}
body:not(.auth-body) label>input,body:not(.auth-body) label>select,body:not(.auth-body) label>textarea{display:block;width:100%;max-width:100%;margin-top:7px}
body:not(.auth-body) .settings-actions,body:not(.auth-body) .cleanup-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body:not(.auth-body) .settings-actions{margin-top:18px}
body:not(.auth-body) .table{width:100%;min-width:0;overflow:auto;overscroll-behavior-inline:contain}
body:not(.auth-body) .table table{width:100%;margin:0}
body:not(.auth-body) .report-filters{width:100%;min-width:0;margin:0;grid-template-columns:repeat(6,minmax(125px,1fr)) auto;gap:12px;align-items:end}
body:not(.auth-body) .report-filters label{min-width:0;margin:0}
body:not(.auth-body) .date-range-bar{width:100%;min-width:0;margin:0;gap:16px}
body:not(.auth-body) .date-range-buttons{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
body:not(.auth-body) .chatbot-studio{width:100%;min-width:0;margin:0}
body:not(.auth-body) .flow-studio-head{gap:18px}
body:not(.auth-body) .flow-studio-actions{align-items:flex-end;gap:8px}
body:not(.auth-body) .flow-builder{width:100%;min-width:0}
body:not(.auth-body) .user-editor,body:not(.auth-body) .billing-price-grid,body:not(.auth-body) .billing-adjust-grid,body:not(.auth-body) .branding-domain-card{width:100%;min-width:0}
@media(max-width:1200px){:root{--ui-card-pad:20px}body:not(.auth-body) .report-filters{grid-template-columns:repeat(3,minmax(0,1fr))}body:not(.auth-body) .report-filters>button{width:100%}}
@media(max-width:900px){:root{--ui-page-gap:14px;--ui-card-pad:18px}body:not(.auth-body) .grid{grid-template-columns:1fr}body:not(.auth-body) .date-range-bar{align-items:flex-start;flex-direction:column}body:not(.auth-body) .date-range-buttons{width:100%;justify-content:flex-start}}
@media(max-width:760px){:root{--ui-page-gap:12px;--ui-card-pad:15px;--ui-card-radius:13px}body:not(.auth-body) .report-filters{grid-template-columns:1fr}body:not(.auth-body) .settings-actions>button,body:not(.auth-body) .settings-actions>.button-link,body:not(.auth-body) .cleanup-actions>button{flex:1 1 150px}}
@media(max-width:480px){body:not(.auth-body) .date-range-buttons{display:grid;grid-template-columns:1fr 1fr}body:not(.auth-body) .date-range-buttons button{width:100%;min-width:0}body:not(.auth-body) .settings-actions,body:not(.auth-body) .cleanup-actions{align-items:stretch;flex-direction:column}body:not(.auth-body) .settings-actions>*,body:not(.auth-body) .cleanup-actions>*{width:100%}}
body:not(.auth-body) .chat-attach>input[type="file"],
body:not(.auth-body) .library-upload>input[type="file"],
body:not(.auth-body) .flow-import-button>input[type="file"]{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;opacity:0;white-space:nowrap}
body:not(.auth-body) .chat-attach,body:not(.auth-body) .library-upload,body:not(.auth-body) .flow-import-button{position:relative;display:inline-flex;min-height:39px;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;white-space:nowrap}
body:not(.auth-body) .chat-attach{flex:0 0 auto;align-self:stretch;padding:0 13px;border:1px solid #cbdadd;border-bottom:3px solid #aebfc4;border-radius:10px;background:linear-gradient(180deg,#fff,#edf3f4)}
body:not(.auth-body) #library .library-upload{width:auto;max-width:170px;padding:9px 16px;line-height:1.25;text-align:center}
body:not(.auth-body) .flow-import-button{width:auto;max-width:150px;align-self:flex-end;padding:9px 14px;flex-direction:row}
body:not(.auth-body) #brandLogoFile,body:not(.auth-body) #brandFaviconFile,body:not(.auth-body) #brandLoginBackgroundFile{height:46px;padding:5px 7px;background:#f9fbfb;color:#607078;cursor:pointer}
body:not(.auth-body) #brandLogoFile::file-selector-button,body:not(.auth-body) #brandFaviconFile::file-selector-button,body:not(.auth-body) #brandLoginBackgroundFile::file-selector-button{height:34px;margin-right:11px;padding:0 14px;border:1px solid #9ebfba;border-radius:7px;background:linear-gradient(180deg,#fff,#eaf5f2);color:#155d52;font:inherit;font-weight:800;cursor:pointer}
body:not(.auth-body) #security td>strong,body:not(.auth-body) #security td>small{display:block;overflow-wrap:anywhere}
body:not(.auth-body) #security td>small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.35}
body:not(.auth-body) .branding-copyright-field{grid-column:1/-1}
.campaign-template-media[hidden],.security-collapsible-body[hidden]{display:none}
.campaign-template-media{width:100%;min-width:0}
.security-collapsible .cardhead{margin-bottom:0;padding-bottom:0;border-bottom:0}
.security-collapsible-body{margin-top:18px;padding-top:18px;border-top:1px solid #e1e9ea}
.security-section-actions{display:flex;justify-content:flex-end;margin-bottom:12px}
.security-collapsible .cardhead>button{min-width:88px}
@media(max-width:760px){.security-section-actions button{width:100%}}
.permission-grid .agent-access-permission{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 14px;padding:14px;border-color:#a9d8c5;background:linear-gradient(145deg,#f0faf6,#fff)}
.agent-access-permission>span:first-child{display:flex;align-items:center;gap:7px}
.agent-access-permission>small{grid-column:1;color:var(--muted);font-size:9px}
.agent-limit-control{grid-row:1/3;grid-column:2;display:flex;align-items:center;gap:8px;color:#365d50;font-size:10px;font-weight:800}
.agent-limit-control input{width:90px;min-height:38px;margin:0}
.agent-access-permission[hidden]{display:none}
@media(max-width:560px){.permission-grid .agent-access-permission{grid-template-columns:1fr}.agent-limit-control{grid-row:auto;grid-column:1;justify-content:space-between}.agent-limit-control input{width:120px}}
@media(max-width:760px){.campaign-page{max-width:100%}.campaign-limit{width:100%}.campaign-limit strong{font-size:27px}
  .campaign-workspace{width:100%;max-width:100%;margin:0;border-radius:14px}.campaign-main-grid{display:block;width:100%}.campaign-editor{width:100%;padding:14px}.campaign-preview-panel{width:100%}.campaign-wizard-progress{width:100%;margin:0 0 18px;padding:9px}.campaign-wizard-step{min-height:62px;padding:9px}.campaign-step-head h2{font-size:18px}.campaign-source-panel,.campaign-variable-section,.campaign-file-variable-map,.campaign-schedule-panel{padding:12px}
  .campaign-setup,.campaign-source-grid,.campaign-media-grid,.country-code-tool,.bulk-variable-mapping{grid-template-columns:1fr}.campaign-source-tabs,.campaign-schedule-tabs{display:grid;grid-template-columns:1fr}.campaign-launch{padding:14px}.campaign-preview-sticky{padding:14px}
  body:not(.auth-body) .banner,body:not(.auth-body) .date-range-bar,body:not(.auth-body) .report-filters{max-width:100%}.table{max-width:calc(100vw - 16px)}
  #notice{right:9px;bottom:calc(9px + env(safe-area-inset-bottom));left:9px}.toast{width:100%;text-align:center}
}
@media(max-width:390px){.campaign-editor{padding:11px}}
@media(max-width:760px){.sync-state{min-height:38px}
  #consent>.card{min-height:0}#consent .cardhead{margin-bottom:12px;padding-bottom:12px}#consent .consent-entry{margin:0 0 10px;padding:13px}#consent .table{margin-top:0}
  #enableChatNotifications{display:inline-flex;min-height:34px;padding:6px 8px;font-size:8px;align-items:center}
}
@media(max-width:760px){
  body:not(.auth-body) .grid,body:not(.auth-body) .billing-price-grid,body:not(.auth-body) .billing-adjust-grid,body:not(.auth-body) .permission-grid,body:not(.auth-body) .profile-summary,body:not(.auth-body) .api-type-grid,body:not(.auth-body) .phonebook-manage-grid,body:not(.auth-body) .report-analytics-grid,body:not(.auth-body) .failure-insight-grid,body:not(.auth-body) .template-button-row,body:not(.auth-body) .flow-studio-head{grid-template-columns:1fr}
  body:not(.auth-body) .template-health-stats,body:not(.auth-body) .api-log-stats,body:not(.auth-body) .report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  body:not(.auth-body) .settings-actions,body:not(.auth-body) .cleanup-actions,body:not(.auth-body) .user-editor-actions,body:not(.auth-body) .template-buttons-head,body:not(.auth-body) .phonebook-toolbar,body:not(.auth-body) .report-pagination,body:not(.auth-body) .report-bulk-toolbar{width:100%;align-items:stretch;flex-direction:column}
  body:not(.auth-body) .settings-actions>*,body:not(.auth-body) .cleanup-actions>*,body:not(.auth-body) .user-editor-actions>*{width:100%;max-width:100%}
  body:not(.auth-body) .table{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}body:not(.auth-body) .table table{min-width:640px}body:not(.auth-body) .table:after{display:block;padding:6px 2px 0;color:#718078;font-size:8px;content:"Swipe table left or right"}.dashboard-quick-actions{grid-template-columns:1fr}
  #inbox>.card{padding:0;overflow:hidden}.chat-app{height:calc(100dvh - 112px);min-height:480px}.chat-list-head{height:auto;min-height:67px;padding:11px}.chat-list-filters{grid-template-columns:1fr}.chat-search{margin:9px}.chat-contact{padding:11px}.chat-compose{grid-template-columns:auto minmax(0,1fr) auto}
  #chatbot_flows .chatbot-studio{overflow:hidden}.flow-studio-head{padding:14px}.flow-studio-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.flow-select-label,.flow-name-label{grid-column:1/-1}.flow-builder{grid-template-columns:1fr}.flow-palette{position:static;width:100%;max-height:260px;grid-template-columns:1fr 1fr}.flow-workspace{padding:8px}.flow-canvas-viewport{max-width:100%}.flow-canvas{grid-template-columns:1fr;padding:24px 10px 70px}.flow-node{width:100%;max-width:100%}.flow-node-fields,.flow-connections{grid-template-columns:1fr}
  #reports .date-range-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.report-rate-bars,.report-delivery-time-chart,.report-filters{grid-template-columns:1fr}.report-analytics-panel,.template-performance-section,.failure-insights-section{padding:12px}
  #templates .template-page-head,#templates .template-toolbar,#templates .template-filters{grid-template-columns:1fr}.template-button-row>*{grid-column:1}.media-library{grid-template-columns:1fr}.media-card{grid-template-columns:46px minmax(0,1fr)}
  #users .user-editor{padding:12px}.permission-grid .agent-access-permission{grid-template-columns:1fr}.agent-limit-control{grid-area:auto;width:100%;justify-content:space-between}.agent-limit-control input{width:120px}
  #branding .branding-domain-card{grid-template-columns:1fr;padding:13px}.branding-domain-card>button{width:100%}
}
@media(max-width:430px){body:not(.auth-body) .template-health-stats,body:not(.auth-body) .api-log-stats,body:not(.auth-body) .report-stats{grid-template-columns:1fr}.flow-studio-actions{grid-template-columns:1fr}.flow-studio-actions>*{grid-column:1}}
body:not(.auth-body) .table{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
body:not(.auth-body) .table table{max-width:none}
@media(max-width:1100px){
  body:not(.auth-body) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  body:not(.auth-body) .grid,body:not(.auth-body) .report-filters{grid-template-columns:1fr}
  body:not(.auth-body) .grid{grid-template-columns:1fr}
  body:not(.auth-body) .date-range-bar{gap:10px}
  body:not(.auth-body) .date-range-buttons{display:flex;flex-wrap:wrap;max-width:100%}
  body:not(.auth-body) .date-range-buttons button{flex:1 1 110px}
  body:not(.auth-body) .table{width:100%;max-width:100%}
}
@media(max-width:480px){
  body:not(.auth-body) .date-range-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}
  body:not(.auth-body) .date-range-buttons button{width:100%;min-width:0}
}
@media(max-width:760px){
  body.inbox-page #inbox.page.active{height:calc(100dvh - 112px);min-height:500px;overflow:hidden}
  body.inbox-page #inbox.page.active>.chat-app.card{display:block;height:100%;min-height:0;padding:0;overflow:hidden}
  body.inbox-page #inbox .chat-panel{height:100%;min-height:0;overflow:hidden}
  body.inbox-page #inbox .chat-active{height:100%;min-height:0;overflow:hidden}
  body.inbox-page #inbox .chat-body{display:flex;min-height:90px;flex:1 1 auto;overflow:hidden}
  body.inbox-page #inbox .chat-thread{display:block;height:auto;min-height:90px;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
  body.inbox-page #inbox .chat-compose{flex:0 0 auto;max-height:58dvh;overflow-x:hidden;overflow-y:auto}
}
.meta-feature-center{margin:16px 0}
.meta-feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.meta-feature-card{min-width:0;padding:16px;border:1px solid #dce7e3;border-radius:14px;background:linear-gradient(145deg,#fff,#f7faf9);box-shadow:0 8px 20px rgba(16,59,47,.06)}
.meta-feature-card.available{border-color:#b8decf;background:linear-gradient(145deg,#f1fbf7,#fff)}
.meta-feature-card.setup{border-color:#ead8ae;background:linear-gradient(145deg,#fffaf0,#fff)}
.meta-feature-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.meta-feature-card-head span{padding:5px 8px;border-radius:999px;background:#e7f6ef;color:#087451;font-size:8px;font-weight:900;text-transform:uppercase}
.meta-feature-card.setup .meta-feature-card-head span{background:#fff0cd;color:#895f00}
.meta-feature-card-head b{color:#9aaba5;font-size:10px}
.meta-feature-card>strong{display:block;color:#153c30;font-size:14px}
.meta-feature-card p{min-height:42px;margin:7px 0;color:#36594e;font-size:10px;line-height:1.45}
.meta-feature-card>small{display:block;min-height:42px;color:#72867f;font-size:8.5px;line-height:1.45}
.meta-feature-card>button{width:100%;margin-top:12px}
@media(max-width:1100px){.meta-feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.meta-feature-cards{grid-template-columns:1fr}.meta-feature-card p,.meta-feature-card>small{min-height:0}}
body:not(.auth-body) .banner{border-radius:13px;box-shadow:0 7px 22px rgba(17,53,67,.05)}
@media(min-width:761px){
body.inbox-page #inbox.page.active{height:auto;min-height:0;overflow:hidden}body.inbox-page #inbox.page.active>.chat-app{height:100%;min-height:0}
}
@media(max-width:760px){
body.inbox-page #inbox.page.active{height:auto;min-height:0;overflow:hidden}body.inbox-page #inbox.page.active>.chat-app.card{height:100%;min-height:0}
}
.campaign-phone-avatar{background:linear-gradient(145deg,var(--g),var(--brand))}
body:not(.auth-body) .primary,body:not(.auth-body) .library-upload,body:not(.auth-body) .campaign-launch .primary{background:linear-gradient(145deg,var(--g),color-mix(in srgb,var(--g) 74%,var(--brand)));border-color:var(--g);color:#fff}
body:not(.auth-body) .date-range-buttons button.active{border-color:color-mix(in srgb,var(--g) 48%,#b8cbc4);background:color-mix(in srgb,var(--g) 12%,white);color:color-mix(in srgb,var(--g) 78%,#102f35)}
body:not(.auth-body) .flow-studio-title>small,body:not(.auth-body) a:not(.button-link){color:var(--g)}
:root{
  --ui-surface:#ffffff;
  --ui-surface-soft:#f8fbfa;
  --ui-text:#15352b;
  --ui-border:color-mix(in srgb,var(--g) 12%,#d9e3df);
  --ui-shadow-sm:0 2px 3px rgba(12,43,33,.09),0 7px 18px rgba(12,43,33,.06);
  --ui-shadow-md:0 4px 0 rgba(12,43,33,.12),0 11px 24px rgba(12,43,33,.09);
  --ui-shadow-card:0 12px 32px rgba(12,43,33,.075);
}
body:not(.auth-body) .banner{
  border-color:var(--ui-border);
  background:color-mix(in srgb,var(--ui-surface) 96%,var(--g) 4%);
  box-shadow:var(--ui-shadow-card);
}
body:not(.auth-body) .button-link,
.auth-body button,
.auth-body .button-link{
  position:relative;
  display:inline-flex;
  min-height:42px;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid color-mix(in srgb,var(--g) 14%,#cad7d2);
  border-bottom-color:color-mix(in srgb,var(--g) 24%,#aebdb7);
  border-radius:11px;
  background:linear-gradient(180deg,#fff 0%,#f5f8f7 68%,#edf3f0 100%);
  box-shadow:0 3px 0 rgba(19,54,42,.12),0 8px 17px rgba(19,54,42,.08),inset 0 1px rgba(255,255,255,.95);
  color:#23483b;
  font-weight:750;
  line-height:1.2;
  text-decoration:none;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,filter .14s ease;
  -webkit-tap-highlight-color:transparent;
}
@media(hover:hover){
  body:not(.auth-body) .button-link:hover,
  .auth-body button:hover,
  .auth-body .button-link:hover{
    border-color:color-mix(in srgb,var(--g) 32%,#b9c8c2);
    box-shadow:0 4px 0 rgba(19,54,42,.14),0 11px 22px rgba(19,54,42,.11),inset 0 1px #fff;
    filter:saturate(1.04);
    transform:translateY(-1px);
  }
}
body:not(.auth-body) .button-link:active,
.auth-body button:active,
.auth-body .button-link:active{
  box-shadow:0 1px 0 rgba(19,54,42,.13),0 4px 9px rgba(19,54,42,.08),inset 0 1px 2px rgba(11,42,31,.08);
  transform:translateY(2px);
}
body:not(.auth-body) .primary,
body:not(.auth-body) .library-upload,
.auth-body .primary{
  border-color:color-mix(in srgb,var(--g) 76%,#071d17);
  border-bottom-color:color-mix(in srgb,var(--g) 38%,#071d17);
  background:linear-gradient(160deg,color-mix(in srgb,var(--g) 88%,white),var(--g) 58%,color-mix(in srgb,var(--g) 72%,var(--brand)));
  box-shadow:0 4px 0 color-mix(in srgb,var(--g) 48%,#07281f),0 11px 24px color-mix(in srgb,var(--g) 23%,transparent),inset 0 1px rgba(255,255,255,.32);
  color:#fff;
  text-shadow:0 1px rgba(0,0,0,.12);
}
@media(hover:hover){
  body:not(.auth-body) .primary:hover,
  body:not(.auth-body) .library-upload:hover,
  .auth-body .primary:hover{
    box-shadow:0 5px 0 color-mix(in srgb,var(--g) 45%,#06241c),0 14px 29px color-mix(in srgb,var(--g) 29%,transparent),inset 0 1px rgba(255,255,255,.38);
  }
}
body:not(.auth-body) .primary:active,
body:not(.auth-body) .library-upload:active,
.auth-body .primary:active{
  box-shadow:0 1px 0 color-mix(in srgb,var(--g) 44%,#06241c),0 5px 12px color-mix(in srgb,var(--g) 23%,transparent),inset 0 1px 2px rgba(0,0,0,.13);
}
body:not(.auth-body) .danger{
  border-color:#efc4c1;
  border-bottom-color:#dca7a3;
  background:linear-gradient(180deg,#fff,#fff4f3);
  box-shadow:0 3px 0 #efcfcc,0 8px 17px rgba(174,48,39,.08);
  color:#ae3028;
}
body:not(.auth-body) .button-link[aria-disabled="true"],
.auth-body button:disabled{
  cursor:not-allowed;
  opacity:.52;
  box-shadow:none;
  filter:grayscale(.18);
  transform:none;
}
body:not(.auth-body) .button-link:focus-visible,
.auth-body button:focus-visible,
.auth-body input:focus-visible{
  outline:3px solid color-mix(in srgb,var(--g) 28%,transparent);
  outline-offset:2px;
}
.auth-body input{
  border:1px solid color-mix(in srgb,var(--g) 12%,#cbd8d3);
  border-radius:11px;
  background:linear-gradient(180deg,#fff,#fbfdfc);
  box-shadow:inset 0 1px 2px rgba(18,55,42,.045);
}
.auth-body input:focus{
  border-color:color-mix(in srgb,var(--g) 58%,#9fb7ae);
  background:#fff;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--g) 10%,transparent),inset 0 1px 2px rgba(18,55,42,.035);
}
body:not(.auth-body) .table{border:1px solid var(--ui-border);border-radius:13px;box-shadow:none}
body:not(.auth-body) tbody tr:last-child td{border-bottom:0}
body:not(.auth-body) .status-badge{border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:999px;box-shadow:inset 0 1px rgba(255,255,255,.62)}
body:not(.auth-body) .toast{background:linear-gradient(145deg,#143b2f,#09271e);box-shadow:0 15px 36px rgba(5,31,22,.28)}
.auth-body .auth-card{border-color:color-mix(in srgb,var(--g) 13%,#dbe5e1);box-shadow:0 24px 70px rgba(12,43,33,.14)}
@media(max-width:760px){
  body:not(.auth-body) .button-link{min-height:40px;border-radius:10px}
}
@media(prefers-reduced-motion:reduce){
  body:not(.auth-body) .button-link{transition:none}
}
@keyframes sidebar-group-open{from{opacity:.35;transform:translateY(-4px)}to{opacity:1;transform:none}}
body.inbox-page #inbox.page.active{width:100%;max-width:none;padding:0}
body.inbox-page #inbox>.chat-app.card{grid-template-columns:clamp(320px,25vw,380px) minmax(0,1fr);align-items:stretch}
body.inbox-page #inbox .chat-sidebar{min-width:0;width:100%;border-right:1px solid var(--ui-border)}
body.inbox-page #inbox .chat-list-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:18px 20px}
body.inbox-page #inbox .chat-list-head>div:first-child{min-width:0}
body.inbox-page #inbox .chat-list-head h2,body.inbox-page #inbox .chat-list-head small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.inbox-page #inbox .chat-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}
body.inbox-page #inbox .chat-head-actions button{min-width:72px;margin:0}
body.inbox-page #inbox .chat-search{display:block;width:calc(100% - 32px);min-width:0;margin:14px 16px 12px}
body.inbox-page #inbox .chat-list-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:0 16px 14px}
body.inbox-page #inbox .chat-list-filters .chat-unread-toggle,body.inbox-page #inbox .chat-list-filters select{height:44px;min-height:44px;padding:0 13px;font-size:10px}
body.inbox-page #inbox .chat-list{padding:0 8px 10px}
body.inbox-page #inbox .chat-contact{grid-template-columns:46px minmax(0,1fr) 62px;gap:11px;min-height:86px;margin:0;padding:13px 12px;align-items:center;border:1px solid transparent;border-bottom-color:var(--ui-border);border-radius:12px;box-shadow:none}
body.inbox-page #inbox .chat-contact+.chat-contact{margin-top:3px}
body.inbox-page #inbox .chat-contact.selected{border-color:color-mix(in srgb,var(--g) 24%,var(--ui-border));box-shadow:inset 4px 0 var(--brand)}
body.inbox-page #inbox .chat-contact .inbox-avatar{width:46px;height:46px;min-width:46px;flex:none;font-size:12px}
body.inbox-page #inbox .chat-contact-copy{min-width:0;overflow:hidden}
body.inbox-page #inbox .chat-contact-copy strong,body.inbox-page #inbox .chat-contact-copy small,body.inbox-page #inbox .chat-contact-copy em{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.inbox-page #inbox .chat-contact-copy strong{margin:0;font-size:13px;line-height:1.3}
body.inbox-page #inbox .chat-contact-copy small{margin:5px 0 0;font-size:10.5px;line-height:1.35}
body.inbox-page #inbox .chat-contact-copy em{margin-top:5px;font-size:8.5px;line-height:1.3}
body.inbox-page #inbox .chat-contact-meta{min-width:62px;width:62px;height:100%;align-self:stretch;align-items:flex-end}
body.inbox-page #inbox .chat-contact-meta time{width:100%;max-width:none;text-align:right;white-space:nowrap}
body.inbox-page #inbox .chat-panel{min-width:0;width:100%}
@media(max-width:1100px) and (min-width:761px){body.inbox-page #inbox>.chat-app.card{grid-template-columns:320px minmax(0,1fr)}body.inbox-page #inbox .chat-list-head{padding:15px}body.inbox-page #inbox .chat-head-actions{gap:6px}body.inbox-page #inbox .chat-head-actions button{min-width:62px;padding-inline:9px}body.inbox-page #inbox .chat-list-filters{grid-template-columns:1fr}}
@media(max-width:760px){body.inbox-page #inbox>.chat-app.card{display:block;grid-template-columns:none}body.inbox-page #inbox .chat-list-head{padding:13px 14px}body.inbox-page #inbox .chat-search{width:calc(100% - 24px);margin:11px 12px}body.inbox-page #inbox .chat-list-filters{grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 11px}body.inbox-page #inbox .chat-list{padding-inline:5px}body.inbox-page #inbox .chat-contact{grid-template-columns:44px minmax(0,1fr) 54px;min-height:78px;padding:11px 10px}body.inbox-page #inbox .chat-contact .inbox-avatar{width:44px;height:44px;min-width:44px}body.inbox-page #inbox .chat-contact-meta{width:54px;min-width:54px}}
@media(min-width:761px) and (max-width:1280px){
  body.inbox-page #inbox>.chat-app.card{display:block;position:relative}
  body.inbox-page #inbox .chat-sidebar{width:100%;height:100%;border-right:0}
  body.inbox-page #inbox .chat-list-filters{grid-template-columns:1fr 1fr}
  body.inbox-page #inbox .chat-panel{position:absolute;inset:0;z-index:5;width:100%;height:100%;transform:translateX(102%);transition:transform .2s ease}
  body.inbox-page #inbox .chat-panel.mobile-open{transform:translateX(0)}
  body.inbox-page #inbox .chat-header #chatBack{display:inline-flex;align-items:center;justify-content:center}
}
:root{--theme-primary:#07875f;--theme-primary-dark:#075844;--theme-primary-deep:#092b35;--theme-primary-soft:#e8f6f1;--theme-primary-border:#a8d4c5;--theme-accent:#1d4ed8;--theme-accent-dark:#243f89;--theme-on-primary:#fff;--theme-on-accent:#fff}
body:not(.auth-body) .primary{border-color:var(--theme-primary);background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-dark));color:var(--theme-on-primary)}
.branding-color-field{min-width:0}
body:not(.auth-body) #branding input[type="color"]{width:100%;min-height:52px;padding:5px;border:1px solid var(--theme-primary-border);border-radius:10px;background:#fff;cursor:pointer}
@media(max-width:760px){body:not(.auth-body) .grid,body:not(.auth-body) .billing-price-grid,body:not(.auth-body) .meta-detail-grid{grid-template-columns:minmax(0,1fr)}
  body:not(.auth-body) .banner{width:100%;max-width:100%;margin-right:0;margin-left:0}
  body:not(.auth-body) .settings-actions,body:not(.auth-body) .cleanup-actions{width:100%;align-items:stretch}body:not(.auth-body) .settings-actions>*,body:not(.auth-body) .cleanup-actions>*{min-width:0;flex:1 1 140px}
  body:not(.auth-body) .table{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
body:not(.auth-body) .settings-actions>button,
body:not(.auth-body) .settings-actions>.button-link,
body:not(.auth-body) .cleanup-actions>button,
body:not(.auth-body) .template-row-actions>button,
body:not(.auth-body) .phonebook-toolbar>button,
body:not(.auth-body) .report-pagination>button,
body:not(.auth-body) .campaign-wizard-nav>button,
body:not(.auth-body) .flow-actions>button,
body:not(.auth-body) .flow-studio-actions>button{display:inline-flex;height:40px;min-height:40px;max-height:40px;box-sizing:border-box;align-items:center;justify-content:center;padding:8px 13px;line-height:1.2;vertical-align:middle;white-space:nowrap}
body:not(.auth-body) .template-row-actions,body:not(.auth-body) .settings-actions,body:not(.auth-body) .cleanup-actions,body:not(.auth-body) .phonebook-toolbar,body:not(.auth-body) .campaign-wizard-nav,body:not(.auth-body) .flow-actions,body:not(.auth-body) .flow-studio-actions{align-items:center;gap:8px}
body:not(.auth-body) .template-row-actions>button.small,body:not(.auth-body) .cleanup-actions>button.small{height:36px;min-height:36px;max-height:36px;padding:7px 10px}
body:not(.auth-body) .settings-actions>select,body:not(.auth-body) .settings-actions>input,body:not(.auth-body) .phonebook-toolbar>input{height:40px;min-height:40px;max-height:40px;box-sizing:border-box}
@media(max-width:760px){body:not(.auth-body) .settings-actions>button,body:not(.auth-body) .settings-actions>.button-link,body:not(.auth-body) .cleanup-actions>button,body:not(.auth-body) .phonebook-toolbar>button,body:not(.auth-body) .campaign-wizard-nav>button{width:100%;height:42px;min-height:42px;max-height:none;white-space:normal}}
body:not(.auth-body) #overview .dashboard-wallet-action{display:grid;width:min(100%,480px);margin-left:auto;grid-template-columns:1fr;justify-self:end}
body:not(.auth-body) #overview .dashboard-wallet-action>button{width:100%;min-height:44px;text-align:center;font-weight:850}
@media(max-width:1050px){body:not(.auth-body) #overview .dashboard-wallet-action{width:100%;justify-self:stretch}}
body:not(.auth-body) #overview .dashboard-wallet-action>button{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-right:12px;padding-left:16px;text-align:left}
body:not(.auth-body) #overview .dashboard-wallet-action>button>span{font-weight:850}
body:not(.auth-body) #overview #headerWalletBalance{display:inline-flex;min-width:72px;min-height:30px;padding:5px 10px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:14px;font-weight:900;line-height:1}
@media(max-width:760px){body:not(.auth-body) #overview #headerWalletBalance{min-width:64px;font-size:12px}}
body:not(.auth-body)>#mobileNavToggle{display:none}
@media(max-width:760px){
  body:not(.auth-body)>#mobileNavToggle{position:fixed;z-index:120;top:calc(10px + env(safe-area-inset-top));right:auto;bottom:auto;left:10px;display:grid;width:42px;height:42px;min-width:42px;min-height:42px;max-width:42px;max-height:42px;margin:0;padding:0;align-content:center;justify-content:center;gap:5px;border:1px solid #cfe0e2;border-radius:11px;background:rgba(255,255,255,.96);box-shadow:0 7px 18px rgba(12,51,64,.16);transform:none}
  body:not(.auth-body)>#mobileNavToggle>span{display:block;width:20px;height:2px;margin:0;padding:0;border:0;border-radius:2px;background:#163b45;box-shadow:none;transition:transform .2s ease,opacity .2s ease}

  body.inbox-page:not(.auth-body)>#mobileNavToggle{display:grid}
}
@media(min-width:761px){
  body:not(.auth-body)>#mobileNavToggle{display:none;width:0;height:0;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;border:0}
}
.campaign-send-result{display:block;margin:12px 0 0;padding:13px 15px;border:1px solid #efb5ad;border-left:4px solid #c94135;border-radius:11px;background:#fff4f2;color:#7d2f27;font-family:inherit;font-size:11px;font-weight:700;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 8px 20px rgba(130,45,35,.08)}
.campaign-send-result[hidden]{display:none}
@media(max-width:760px){.campaign-send-result{padding:12px;font-size:10px}}
#billingEditor .billing-account-select{grid-column:1/-1;max-width:620px}
#billingEditor .wallet-current-balance{display:flex;min-height:88px;padding:14px 16px;box-sizing:border-box;flex-direction:column;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#ecfff8,#f7fffd)}
#billingEditor .wallet-current-balance small{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
#billingEditor .wallet-current-balance strong{color:var(--g);font-size:26px;line-height:1.15}
#billingEditor .wallet-current-balance span{overflow-wrap:anywhere;color:var(--muted);font-size:13px;font-weight:700}
#billingEditor .wallet-ledger>.cardhead{align-items:flex-end;margin-bottom:12px}
#billingEditor .wallet-ledger>.cardhead h3{margin:0 0 4px}
#billingEditor .wallet-ledger>.cardhead p{margin:0;color:var(--muted)}
#billingEditor .wallet-ledger-table{min-width:1450px}
#billingEditor .wallet-ledger-table th{white-space:nowrap}
#billingEditor .wallet-ledger-table td{vertical-align:middle}
#billingEditor .wallet-ledger-table td small{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.wallet-role-badge{display:inline-flex;padding:5px 9px;border:1px solid #b9ddd1;border-radius:999px;background:#edf9f5;color:#086d53;font-size:11px;font-weight:900;text-transform:uppercase}
.wallet-role-badge.reseller{border-color:#b9ccef;background:#eef4ff;color:#244f9f}
.wallet-role-badge.deleted{border-color:#d7d7d7;background:#f4f4f4;color:#666}
.wallet-debit{color:#a71920;font-weight:900}
.wallet-credit{color:#087657;font-weight:900}
.wallet-entry-delete{min-width:72px}
@media(max-width:800px){
  #billingEditor .billing-account-select{max-width:none}
  #billingEditor .wallet-current-balance{min-height:76px}
  #billingEditor .wallet-current-balance strong{font-size:23px}
  #billingEditor .wallet-ledger>.cardhead{align-items:stretch}
  #billingEditor #refreshWalletLedger{width:100%}
  #billingEditor .wallet-ledger-table{min-width:1300px}
}
.admin-wallet-page .admin-wallet-page-controls{margin-bottom:14px}
.admin-wallet-page .billing-account-select{grid-column:1/-1;max-width:720px}
.admin-wallet-page .wallet-current-balance{display:flex;min-height:88px;padding:14px 16px;box-sizing:border-box;flex-direction:column;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#ecfff8,#f7fffd)}
.admin-wallet-page .wallet-current-balance small,.wallet-total-balance small{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.admin-wallet-page .wallet-current-balance strong,.wallet-total-balance strong{color:var(--g);font-size:26px;line-height:1.15}
.admin-wallet-page .wallet-current-balance span{overflow-wrap:anywhere;color:var(--muted);font-size:13px;font-weight:700}
.wallet-total-balance{display:flex;min-width:190px;padding:12px 16px;box-sizing:border-box;flex-direction:column;gap:4px;align-items:flex-end;border:1px solid var(--line);border-radius:12px;background:#f4fffb}
.admin-wallet-page .wallet-ledger>.cardhead{align-items:flex-end;margin-bottom:12px}
.admin-wallet-page .wallet-ledger>.cardhead h3{margin:0 0 4px}
.admin-wallet-page .wallet-ledger>.cardhead p{margin:0;color:var(--muted)}
.admin-wallet-page .wallet-ledger-table{min-width:1450px}
.admin-wallet-page .wallet-ledger-table th{white-space:nowrap}
.admin-wallet-page .wallet-ledger-table td{vertical-align:middle}
.admin-wallet-page .wallet-ledger-table td small{display:block;margin-top:3px;color:var(--muted);font-size:11px}
#campaign .campaign-send-result{white-space:normal}
@media(max-width:800px){
  .admin-wallet-page>.cardhead,.admin-wallet-page .wallet-ledger>.cardhead{align-items:stretch;flex-direction:column}
  .admin-wallet-page .billing-account-select{max-width:none}
  .admin-wallet-page .wallet-current-balance{min-height:76px}
  .admin-wallet-page .wallet-current-balance strong,.wallet-total-balance strong{font-size:23px}
  .wallet-total-balance{width:100%;min-width:0;align-items:flex-start}
  .admin-wallet-page #refreshAdminWalletPage{width:100%}
  .admin-wallet-page .wallet-ledger-table{min-width:1300px}
}
.wallet-ledger-actions,.wallet-own-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.wallet-own-actions{flex-direction:column;align-items:flex-end}
.wallet-own-actions>strong{color:var(--g);font-size:28px}
.wallet-ledger-filters{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(170px,.7fr) auto;gap:12px;align-items:end;margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fcfb}
.wallet-ledger-filters label{display:flex;flex-direction:column;gap:6px;font-weight:800}
.wallet-ledger-filters select{width:100%}
.wallet-ledger-filters>span{align-self:center;color:var(--muted);font-size:13px;font-weight:800;white-space:nowrap}
#walletAdminPageRows tr[hidden]{display:none}
@media(max-width:800px){
  .wallet-ledger-actions,.wallet-own-actions{width:100%;align-items:stretch;flex-direction:column}
  .wallet-ledger-actions button,.wallet-own-actions button{width:100%}
  .wallet-own-actions>strong{font-size:24px}
  .wallet-ledger-filters{grid-template-columns:1fr}
  .wallet-ledger-filters>span{align-self:start}
}
.wallet-ledger-filters input[type=date]{min-width:155px}
.wallet-ledger-filters button{align-self:end;white-space:nowrap}
@media(min-width:1101px){.wallet-ledger-filters{display:grid;grid-template-columns:minmax(280px,2fr) minmax(150px,.9fr) 155px 155px auto auto;align-items:end;gap:10px}.wallet-ledger-filters>label{min-width:0;margin:0}.wallet-ledger-filters>label select,.wallet-ledger-filters>label input{width:100%}.wallet-ledger-filters>button{width:auto;min-width:105px;margin:0}.wallet-ledger-filters>#walletLedgerFilterState{align-self:center;white-space:nowrap}}
.campaign-preview-media{display:block;width:calc(100% + 22px);max-height:145px;margin:-11px -11px 10px;object-fit:cover;border-radius:9px 2px 0 0;background:#dce7e2}
.campaign-preview-document{display:flex;align-items:center;gap:8px;margin:-3px 0 9px;padding:8px;border:1px solid #dce6e2;border-radius:7px;background:#f5f7f6}
.campaign-preview-document b{display:grid;place-items:center;width:30px;height:36px;border-radius:4px;background:#d54a42;color:#fff;font-size:7px}
.campaign-preview-document span{min-width:0;overflow:hidden;color:#38544b;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.campaign-preview-body{white-space:pre-wrap}
.campaign-preview-buttons{display:grid;margin:9px -11px -11px;border-top:1px solid #e2e8e5}
.campaign-preview-buttons span{display:block;padding:7px 6px;border-bottom:1px solid #e7ecea;color:#087c6d;font-size:8px;font-weight:800;text-align:center}
.campaign-preview-buttons span:last-child{border-bottom:0}
@media(min-width:1051px){#bulk.page.active{display:grid;height:100%;min-height:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr);gap:10px}#bulk .campaign-limit{padding:7px 11px}#bulk .campaign-limit strong{font-size:21px}#bulk .campaign-workspace,#bulk .campaign-main-grid{height:100%;min-height:0;overflow:hidden}#bulk .campaign-main-grid{grid-template-columns:minmax(0,1fr) minmax(300px,340px)}#bulk .campaign-editor{height:100%;min-height:0;padding:16px 20px;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}#bulk .campaign-preview-panel{height:100%;min-height:0;overflow:hidden}#bulk .campaign-preview-sticky{position:relative;top:auto;display:flex;height:100%;min-height:0;padding:11px 14px;overflow:hidden;flex-direction:column}#bulk .campaign-preview-title{flex:0 0 auto;margin-bottom:7px}#bulk .campaign-phone{width:100%;max-width:250px;flex:0 1 auto;border-width:6px;border-radius:28px}#bulk .campaign-phone-screen{height:min(27vh,230px);min-height:155px;padding:12px 9px 8px;overflow-y:auto}#bulk .campaign-test-box{flex:0 0 auto;gap:4px;margin-top:7px;padding-top:7px}#bulk .campaign-test-box p{display:none}#bulk .campaign-test-box input,#bulk .campaign-test-box button{min-height:33px;padding:6px 9px}}
@media(max-width:1050px){#bulk.page.active{height:auto;overflow:visible}#bulk .campaign-editor,#bulk .campaign-preview-panel,#bulk .campaign-preview-sticky{height:auto;overflow:visible}.campaign-preview-media{max-height:180px}}
@media(min-width:1101px){.admin-wallet-page .admin-wallet-page-controls{display:grid;grid-template-columns:minmax(250px,1.6fr) minmax(170px,.85fr) minmax(125px,.65fr) minmax(165px,.8fr) minmax(210px,1fr) auto;gap:10px;margin:12px 0;padding:12px;align-items:end}.admin-wallet-page .admin-wallet-page-controls:before{grid-column:1/-1;margin:0 0 2px;font-size:15px}.admin-wallet-page .admin-wallet-page-controls>label{min-width:0;margin:0;gap:5px}.admin-wallet-page .admin-wallet-page-controls input,.admin-wallet-page .admin-wallet-page-controls select{min-height:40px;padding:8px 10px}.admin-wallet-page .wallet-current-balance{min-width:0;min-height:40px;height:40px;padding:5px 10px;gap:1px;border-radius:8px}.admin-wallet-page .wallet-current-balance small{font-size:7px}.admin-wallet-page .wallet-current-balance strong{font-size:15px}.admin-wallet-page .wallet-current-balance span{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.admin-wallet-page #walletPageAdjust{width:auto;min-width:120px;height:40px;min-height:40px;margin:0;padding:7px 11px;white-space:nowrap}}
@media(min-width:761px) and (max-width:1100px){.admin-wallet-page .admin-wallet-page-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-wallet-page #walletPageAdjust{align-self:end;min-height:42px}}
@media(min-width:1051px){#bulk .campaign-main-grid{grid-template-columns:minmax(0,1fr) minmax(370px,420px)}#bulk .campaign-preview-sticky{padding:10px 16px}#bulk .campaign-preview-title{margin-bottom:6px}#bulk .campaign-phone{width:min(100%,300px);max-width:300px;border-width:6px;border-radius:30px;box-shadow:0 12px 26px rgba(8,37,28,.16)}#bulk .campaign-phone-screen{height:clamp(250px,34vh,380px);min-height:250px;padding:13px 10px 9px}#bulk .campaign-message-preview{width:97%;font-size:9.5px;line-height:1.48}#bulk .campaign-preview-media{max-height:170px}#bulk .campaign-test-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:5px 8px;margin-top:6px;padding-top:6px}#bulk .campaign-test-box>div:first-child{grid-column:1/-1}#bulk .campaign-test-box label{min-width:0}#bulk .campaign-test-box button{width:auto;min-width:108px}#bulk #bulkTestState{grid-column:1/-1}}
@media(min-width:1051px) and (max-height:760px){#bulk .campaign-phone-screen{height:230px;min-height:190px}#bulk .campaign-preview-title strong,#bulk .campaign-test-box>div:first-child{display:none}}
@media(min-width:761px){body.inbox-page #inbox.page.active{display:flex;width:100%;height:auto;min-height:0;padding:0 3px 3px;overflow:hidden;flex:1 1 auto;flex-direction:column;gap:9px}body.inbox-page #inbox.page.active>.chat-app.card{display:grid;width:100%;height:auto;min-height:0;flex:1 1 auto;margin:0;overflow:hidden}}
@media(max-width:760px){body.inbox-page #inbox.page.active>.chat-app.card{min-height:calc(100dvh - 205px)}}
body:not(.auth-body) .wallet-ledger-filters{align-items:end}
@media(max-width:760px){body:not(.auth-body) .wallet-ledger-filters{display:grid;width:100%;grid-template-columns:1fr;gap:8px}body:not(.auth-body) .wallet-ledger-filters>*{width:100%;min-width:0}}
body:not(.auth-body) #overview .dashboard-wallet-action{width:260px;max-width:100%}
body:not(.auth-body) #overview .dashboard-wallet-action>button{min-height:42px;padding:5px 7px 5px 14px;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.10);box-shadow:none}
body:not(.auth-body) #overview .dashboard-wallet-action>button:before{content:"₹";display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.16);color:#fff;font-size:13px;font-weight:900}
body:not(.auth-body) #overview .dashboard-wallet-action>button>span{margin-right:auto}
body:not(.auth-body) #overview #headerWalletBalance{min-width:68px;padding:5px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.13);text-align:center;font-size:13px}
body:not(.auth-body) #wallet .wallet-own-filters{display:grid;grid-template-columns:220px 220px 138px;align-items:end;justify-content:start;gap:10px}
body:not(.auth-body) #wallet .wallet-own-filters label{min-width:0}
body:not(.auth-body) #wallet .wallet-own-filters input,body:not(.auth-body) #wallet .wallet-own-filters button{width:100%}
body:not(.auth-body) #profile .profile-editor-head{gap:14px}
body:not(.auth-body) #profile .profile-editor-head>div:nth-child(2){min-width:0;flex:1}
body:not(.auth-body) #profile .profile-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}
body:not(.auth-body) #profile #toggleBusinessProfileDetails[aria-expanded="true"]{border-color:#80c7b2;background:#e9f8f2;color:#08745a}
body:not(.auth-body) #profile #businessProfileDetails[hidden]{display:none}
body:not(.auth-body) #profile #businessProfileDetails{margin-top:14px}
body:not(.auth-body) #chatbot_flows .chatbot-studio{border-radius:14px;overflow:hidden}
body:not(.auth-body) #chatbot_flows .flow-studio-head{padding:14px 16px}
body:not(.auth-body) #chatbot_flows .flow-studio-title h2{font-size:19px}
body:not(.auth-body) #chatbot_flows .flow-builder{grid-template-columns:238px minmax(0,1fr);min-height:600px}
body:not(.auth-body) #chatbot_flows .flow-palette{padding:12px 10px}
body:not(.auth-body) #chatbot_flows .flow-palette-item{padding:7px 8px}
body:not(.auth-body) #chatbot_flows .flow-workspace{min-height:600px}
body:not(.auth-body) #chatbot_flows .flow-canvas-viewport{height:clamp(560px,68vh,760px);min-height:560px}
#chatbot_flows .flow-workspace{position:relative;padding:0;background:#f8fbff;overflow:hidden}
#chatbot_flows .flow-canvas-toolbar{position:relative;z-index:8;min-height:54px;padding:9px 14px;background:rgba(255,255,255,.96);box-shadow:0 2px 12px rgba(34,61,51,.06)}
#chatbot_flows .flow-canvas-toolbar>span{font-size:9px}
#chatbot_flows .flow-canvas-toolbar>span:after{content:none}
#chatbot_flows .flow-canvas-viewport{position:relative;overflow:auto;cursor:grab;overscroll-behavior:contain;scrollbar-gutter:stable;background-color:#fbfdff;background-image:radial-gradient(circle,#dce5ee 1px,transparent 1px);background-size:18px 18px}
#chatbot_flows .flow-canvas-viewport.is-panning{cursor:grabbing;user-select:none}
#chatbot_flows .flow-canvas{position:relative;display:flex;grid-template-columns:none;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:84px;width:max-content;min-width:100%;min-height:100%;padding:78px 118px 150px;box-sizing:border-box;transform:scale(var(--flow-zoom,1));transform-origin:0 0;transition:transform .16s ease}
#chatbot_flows .flow-node{flex:0 0 330px;width:330px;min-width:330px;max-width:330px;margin:0;cursor:default;border-color:#d9e3e8;border-radius:12px;box-shadow:0 8px 25px rgba(31,59,48,.11)}
#chatbot_flows .flow-node:not(:last-child):before,#chatbot_flows .flow-node:not(:last-child):after{display:none}
#chatbot_flows .flow-node>header{position:relative;min-height:52px;padding:10px 9px 10px 13px;gap:7px}
#chatbot_flows .flow-node>header>div>strong{font-size:11px}
#chatbot_flows .flow-node>header>div>small{max-width:112px}
#chatbot_flows .flow-node>header .small{min-width:27px;padding:5px 6px}
#chatbot_flows .flow-target-port{position:absolute;z-index:4;left:-7px;top:50%;margin:0;transform:translateY(-50%)}
#chatbot_flows .flow-link-row,#chatbot_flows .flow-route-row{position:relative;padding-right:12px}
#chatbot_flows .flow-source-port{position:absolute;right:-7px;top:50%;margin:0;transform:translateY(-50%)}
#chatbot_flows .flow-lines-svg{position:absolute;z-index:1;inset:0;overflow:visible;pointer-events:none}
#chatbot_flows .flow-node,#chatbot_flows .flow-empty{position:relative;z-index:2}
#chatbot_flows .flow-line{fill:none;stroke:#367fbd;stroke-width:2;filter:drop-shadow(0 1px 1px rgba(30,75,113,.15))}
#chatbot_flows .flow-line.preview{stroke-dasharray:5 5;opacity:.65}
#chatbot_flows .flow-minimap{position:absolute;z-index:9;right:18px;bottom:18px;width:150px;height:90px;padding:6px;overflow:hidden;border:1px solid #dce5eb;border-radius:9px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(33,57,48,.12);pointer-events:none}
#chatbot_flows .flow-minimap-track{position:relative;width:100%;height:100%}
#chatbot_flows .flow-minimap-track span{position:absolute;display:block;min-width:4px;min-height:3px;border:0;border-radius:2px;background:#9fb9c9}
#chatbot_flows .flow-minimap-window{position:absolute;display:block;border:1px solid #1677d2;border-radius:2px;background:rgba(22,119,210,.09);box-sizing:border-box}
#chatbot_flows .flow-view-controls [data-flow-zoom="fit"]{min-width:52px}
#chatbot_flows .flow-empty{min-width:310px;margin:40px}
@media(max-width:780px){#chatbot_flows .flow-canvas{flex-direction:row;grid-template-columns:none;gap:54px;width:max-content;min-width:100%;padding:60px 72px 130px}#chatbot_flows .flow-node{flex-basis:285px;width:285px;min-width:285px;max-width:285px}#chatbot_flows .flow-minimap{width:116px;height:70px;right:10px;bottom:10px}}
body:not(.auth-body) #chatbot_flows .flow-canvas{grid-template-columns:repeat(auto-fit,minmax(280px,340px));justify-content:center;gap:28px 34px;min-width:0;padding:42px 28px 110px}
body:not(.auth-body) #chatbot_flows .flow-node{width:100%;max-width:340px;min-height:0}
body:not(.auth-body) #chatbot_flows .flow-node>header{min-height:64px;padding:9px 10px;gap:7px}
body:not(.auth-body) #chatbot_flows .flow-node>header>div>strong{font-size:12px}
body:not(.auth-body) #chatbot_flows .flow-node-toggle,body:not(.auth-body) #chatbot_flows .remove-flow-node{min-width:38px;height:36px;padding:5px 8px;font-size:9px}
body:not(.auth-body) #chatbot_flows .flow-node-fields,body:not(.auth-body) #chatbot_flows .flow-connections{padding:10px 11px;gap:7px}
@media(max-width:1050px){body:not(.auth-body) #overview .dashboard-wallet-action{width:260px;justify-self:end}body:not(.auth-body) #chatbot_flows .flow-builder{grid-template-columns:210px minmax(0,1fr)}body:not(.auth-body) #chatbot_flows .flow-canvas{grid-template-columns:repeat(auto-fit,minmax(260px,320px))}}
@media(max-width:780px){body:not(.auth-body) #overview .dashboard-wallet-action{width:100%;justify-self:stretch}body:not(.auth-body) #wallet .wallet-own-filters{grid-template-columns:1fr}body:not(.auth-body) #profile .profile-editor-head{align-items:flex-start;flex-wrap:wrap}body:not(.auth-body) #profile .profile-head-actions{width:100%;margin-left:0;display:grid;grid-template-columns:1fr 1fr}body:not(.auth-body) #profile .profile-head-actions button{width:100%}body:not(.auth-body) #chatbot_flows .flow-builder{grid-template-columns:1fr}body:not(.auth-body) #chatbot_flows .flow-canvas{grid-template-columns:1fr;padding:24px 12px 80px}body:not(.auth-body) #chatbot_flows .flow-node{max-width:100%}}
body:not(.auth-body) #chatbot_flows .flow-palette-groups{display:grid;gap:16px}
body:not(.auth-body) #chatbot_flows .flow-palette-group{display:grid;gap:5px;min-width:0}
body:not(.auth-body) #chatbot_flows .flow-palette-group>header{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:28px;margin:0 0 3px;padding:3px 4px}
body:not(.auth-body) #chatbot_flows .flow-palette-group>header>strong{overflow:visible;color:#3b5b4f;font-size:10px;line-height:1.2;letter-spacing:.14em;white-space:nowrap}
body:not(.auth-body) #chatbot_flows .flow-palette-item{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;width:100%;height:auto;min-height:64px;padding:9px 8px;gap:10px;overflow:visible;text-align:left;white-space:normal}
body:not(.auth-body) #chatbot_flows .flow-palette-item>span:nth-child(2){display:grid;align-content:start;gap:3px;min-width:0;padding-right:0}
body:not(.auth-body) #chatbot_flows .flow-palette-item strong{overflow:visible;font-size:11px;line-height:1.25;letter-spacing:.08em;white-space:normal}
body:not(.auth-body) #chatbot_flows .flow-palette-item small{overflow:visible;font-size:9.5px;line-height:1.35;white-space:normal}
body:not(.auth-body) #chatbot_flows .flow-trigger-item{opacity:1;padding-right:8px}
body:not(.auth-body) #chatbot_flows .flow-trigger-item em{position:static;display:block;grid-column:2;margin-top:2px;color:#789087;font-size:7px;line-height:1.2;letter-spacing:.08em}
@media(max-width:780px){body:not(.auth-body) #chatbot_flows .flow-palette{max-height:390px}body:not(.auth-body) #chatbot_flows .flow-palette-groups{grid-template-columns:1fr;gap:14px}body:not(.auth-body) #chatbot_flows .flow-palette-item{min-height:66px}}
body:not(.auth-body) #overview .dashboard-delivery-chart{padding:18px 20px}
body:not(.auth-body) #overview .dashboard-delivery-chart .cardhead{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e3ece9}
body:not(.auth-body) #overview .dashboard-delivery-chart h2{font-size:16px}
body:not(.auth-body) #overview .dashboard-delivery-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body:not(.auth-body) #overview .dashboard-delivery-row{display:grid;gap:8px;min-width:0;padding:12px;border:1px solid #dbe7e3;border-radius:11px;background:#fbfdfc}
body:not(.auth-body) #overview .dashboard-delivery-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}
body:not(.auth-body) #overview .dashboard-delivery-row strong{color:#36554a;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
body:not(.auth-body) #overview .dashboard-delivery-row span{color:#153b34;font-size:18px;font-weight:900}
body:not(.auth-body) #overview .dashboard-delivery-track{height:10px;overflow:hidden;border-radius:999px;background:#e8f0ed}
body:not(.auth-body) #overview .dashboard-delivery-track i{display:block;height:100%;min-width:0;border-radius:inherit;background:#168f75;transition:width .3s ease}
body:not(.auth-body) #overview .dashboard-delivery-row.sent i{background:#137eaa}
body:not(.auth-body) #overview .dashboard-delivery-row.delivered i{background:#0b9b72}
body:not(.auth-body) #overview .dashboard-delivery-row.read i{background:#16b8c1}
body:not(.auth-body) #overview .dashboard-delivery-row.failed i{background:#e45e55}
@media(max-width:900px){body:not(.auth-body) #overview .dashboard-delivery-bars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){body:not(.auth-body) #overview .dashboard-delivery-bars{grid-template-columns:1fr}body:not(.auth-body) #overview .dashboard-delivery-chart{padding:14px}}
body:not(.auth-body) #overview .dashboard-delivery-bars{display:block;width:100%;min-height:260px;padding:8px 8px 0;border:1px solid #e0eae7;border-radius:12px;background:linear-gradient(180deg,#fbfefd 0%,#f6faf9 100%);overflow:hidden}
body:not(.auth-body) #overview .dashboard-delivery-svg{display:block;width:100%;height:260px;overflow:visible}
body:not(.auth-body) #overview .chart-grid-line{stroke:#dce8e4;stroke-width:1;stroke-dasharray:5 5}
body:not(.auth-body) #overview .chart-axis-line{stroke:#98ada6;stroke-width:1.25}
body:not(.auth-body) #overview .chart-axis-value{fill:#71847d;font-size:11px;font-weight:700;text-anchor:end}
body:not(.auth-body) #overview .chart-axis-title{fill:#577068;font-size:10px;font-weight:900;letter-spacing:.1em}
body:not(.auth-body) #overview .chart-axis-label{fill:#36564b;font-size:12px;font-weight:850;text-anchor:middle;text-transform:uppercase}
body:not(.auth-body) #overview .chart-bar-value{fill:#173e35;font-size:13px;font-weight:900;text-anchor:middle}
body:not(.auth-body) #overview .delivery-svg-series rect{filter:drop-shadow(0 5px 7px rgba(28,74,61,.13));transition:height .3s ease,y .3s ease}
@media(max-width:600px){body:not(.auth-body) #overview .dashboard-delivery-bars{min-height:220px;padding:4px 0 0;overflow-x:auto}body:not(.auth-body) #overview .dashboard-delivery-svg{width:720px;max-width:none;height:220px}}
@media(max-width:850px){
  body.inbox-page #inbox .chat-panel{isolation:isolate}
  body.inbox-page #inbox .chat-body{position:relative;overflow:hidden}
  body.inbox-page #inbox .chat-details{display:none;position:absolute;z-index:30;inset:0;width:100%;max-width:none;height:100%;overflow-x:hidden;overflow-y:auto;border-left:0;background:#fff;box-shadow:none;-webkit-overflow-scrolling:touch}
  body.inbox-page #inbox .chat-details.open{display:block}
  body.inbox-page #inbox .chat-details>header{position:sticky;z-index:3;top:0;min-height:54px;padding:8px 12px;background:rgba(255,255,255,.98);box-shadow:0 3px 10px rgba(18,53,68,.08)}
  body.inbox-page #inbox .chat-details>section{padding:13px 14px}
  body.inbox-page #inbox .chat-detail-add{grid-template-columns:minmax(0,1fr) auto}
  body.inbox-page #inbox .chat-activity-table{min-width:0;width:100%;overflow-x:auto}
}
@media(max-width:760px){
  body.inbox-page #inbox.page.active>.chat-app.card{position:relative;z-index:1;margin-top:0}
  body.inbox-page #inbox .chat-header{position:relative;z-index:20;min-height:60px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
  body.inbox-page #inbox .chat-body{z-index:10}
}
.reseller-usage-collapsible{padding:0;overflow:hidden}
.reseller-usage-collapsible>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;list-style:none}
.reseller-usage-collapsible>summary::-webkit-details-marker{display:none}
.reseller-usage-collapsible>summary>span:first-child{display:flex;flex-direction:column;gap:4px}
.reseller-usage-collapsible>summary strong{font-size:18px}
.reseller-usage-collapsible>summary small{color:var(--muted)}
.usage-summary-action{min-width:130px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;text-align:center;font-weight:800;background:#fff}
.reseller-usage-body{padding:0 20px 20px;border-top:1px solid var(--line)}
.reseller-usage-toolbar{display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(2,minmax(155px,.8fr)) repeat(3,auto);align-items:end;gap:10px;padding:16px 0}
.reseller-usage-toolbar label{display:flex;flex-direction:column;gap:6px;margin:0;font-weight:750}
.reseller-usage-toolbar input,.reseller-usage-toolbar select,.reseller-usage-toolbar button{height:46px;min-height:46px}
.reseller-usage-card .stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 14px}
.reseller-usage-card .stats article{min-height:92px}
.pricing-warning{border-color:#e3a646;background:#fff7e7}
.positive-margin{color:#087a55;font-weight:800}
.negative-margin{color:#b42318;font-weight:800}
@media(max-width:1100px){.reseller-usage-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.reseller-usage-toolbar button{width:100%}}
@media(max-width:760px){.reseller-usage-collapsible>summary{padding:14px;align-items:flex-start}.usage-summary-action{min-width:auto;padding:8px 10px}.reseller-usage-body{padding:0 12px 14px}.reseller-usage-toolbar{grid-template-columns:1fr}.reseller-usage-card .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.reseller-usage-card .table{max-width:100%;overflow-x:auto}.reseller-usage-card table{min-width:1050px}}
:root{--theme-card-radius:16px;--theme-card-shadow:0 14px 34px rgba(14,49,39,.09);--theme-page-bg:#f3f8f6;--theme-surface:#fff}
body:not(.auth-body)[data-brand-theme="ready"] .banner,body:not(.auth-body)[data-brand-theme="ready"] .chat-app{border-color:color-mix(in srgb,var(--theme-primary) 14%,#dce6e2);border-radius:var(--theme-card-radius);background:var(--theme-surface);box-shadow:var(--theme-card-shadow)}
body:not(.auth-body)[data-brand-theme="ready"] a{color:var(--theme-primary)}
body:not(.auth-body)[data-brand-theme="ready"] ::selection{background:var(--theme-accent);color:var(--theme-on-accent)}
body:not(.auth-body)[data-brand-theme="ready"] .status-badge.bot-on,body:not(.auth-body)[data-brand-theme="ready"] .sync-state{border-color:var(--theme-primary-border);background:var(--theme-primary-soft);color:var(--theme-primary-dark)}
body[data-theme-style="bold"] .primary{background:linear-gradient(135deg,var(--theme-primary),var(--theme-accent-dark))}
body[data-theme-style="executive"] .primary{border-radius:7px}
.branding-theme-style-field select{width:100%}
:root{
  --theme-shell:var(--theme-primary,#073f43);
  --theme-shell-dark:var(--theme-primary-dark,#053337);
  --theme-shell-deep:var(--theme-primary-deep,#03282c);
  --theme-action:var(--theme-accent,#12a89d);
  --theme-action-dark:var(--theme-accent-dark,#087f77);
  --theme-action-soft:var(--theme-accent-soft,#e6f7f5);
}
body:not(.auth-body)[data-brand-theme="ready"] .library-upload,
body:not(.auth-body)[data-brand-theme="ready"] .date-range-buttons button.active,
body:not(.auth-body)[data-brand-theme="ready"] .phonebook-section-tabs button.active{
  background:linear-gradient(180deg,var(--theme-action),var(--theme-action-dark));
  border-color:var(--theme-action-dark);
}
body:not(.auth-body)[data-brand-theme="ready"] :is(input,select,textarea,button):focus-visible{
  border-color:var(--theme-action);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-action) 24%,transparent);
}
body:not(.auth-body)[data-brand-theme="ready"] :is(a,.inline-link){color:var(--theme-action-dark)}
body:not(.auth-body)[data-brand-theme="ready"] .status-badge,
body:not(.auth-body)[data-brand-theme="ready"] .sync-state{
  border-color:color-mix(in srgb,var(--theme-action) 38%,#fff);
}
body:not(.auth-body)[data-brand-theme="ready"] .card-accent{
  border-top-color:var(--theme-action);
}
.reseller-wallet-ledger-page{padding:18px 20px}
.reseller-wallet-ledger-page > .cardhead{
  align-items:center;
  gap:18px;
  padding:0 0 16px;
  margin-bottom:16px;
  border-bottom:1px solid var(--line);
}
.reseller-wallet-ledger-page > .cardhead h2{margin:0 0 4px}
.reseller-wallet-ledger-page .wallet-own-actions{
  margin-left:auto;
  display:grid;
  grid-template-columns:auto auto;
  grid-template-areas:"label export" "balance export";
  align-items:center;
  justify-items:end;
  column-gap:14px;
  row-gap:2px;
}
.reseller-wallet-ledger-page .wallet-own-actions small{grid-area:label;white-space:nowrap}
.reseller-wallet-ledger-page .wallet-own-actions strong{grid-area:balance;font-size:26px;line-height:1;color:var(--theme-action,var(--brand))}
.reseller-wallet-ledger-page .wallet-own-actions button{grid-area:export;min-width:150px;min-height:44px}
.reseller-wallet-transfer-controls{
  display:grid;
  grid-template-columns:minmax(270px,1.2fr) minmax(220px,.9fr) minmax(220px,.9fr);
  gap:12px 14px;
  align-items:stretch;
  padding:16px;
  margin:0 0 14px;
}
.reseller-wallet-transfer-controls > *{min-width:0;margin:0}
.reseller-wallet-transfer-controls label{
  display:flex;
  flex-direction:column;
  gap:7px;
  align-self:stretch;
}
.reseller-wallet-transfer-controls :is(input,select){width:100%;min-height:44px}
.reseller-wallet-transfer-controls .wallet-current-balance{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:3px;
  min-height:76px;
  padding:10px 14px;
  border:1px solid color-mix(in srgb,var(--theme-action) 24%,var(--line));
  border-radius:14px;
  background:color-mix(in srgb,var(--theme-action-soft) 68%,#fff);
  overflow:hidden;
}
.reseller-wallet-transfer-controls .wallet-current-balance small,
.reseller-wallet-transfer-controls .wallet-current-balance strong,
.reseller-wallet-transfer-controls .wallet-current-balance span{display:block;width:100%;margin:0;line-height:1.3}
.reseller-wallet-transfer-controls .wallet-current-balance small{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.reseller-wallet-transfer-controls .wallet-current-balance strong{font-size:22px;color:var(--theme-action-dark)}
.reseller-wallet-transfer-controls .wallet-current-balance span{font-size:12px;overflow-wrap:anywhere}
.reseller-wallet-transfer-controls > button{
  grid-column:1/-1;
  width:max-content;
  min-width:190px;
  min-height:44px;
  justify-self:start;
}
.reseller-wallet-ledger-page > .wallet-ledger-filters{
  display:grid;
  grid-template-columns:minmax(230px,1.35fr) minmax(150px,.7fr) minmax(150px,.7fr) auto auto auto;
  gap:10px;
  align-items:end;
  padding:12px;
  margin:0 0 12px;
}
.reseller-wallet-ledger-page > .wallet-ledger-filters > input[type="hidden"]{display:none}
.reseller-wallet-ledger-page > .wallet-ledger-filters label{min-width:0}
.reseller-wallet-ledger-page > .wallet-ledger-filters :is(select,input,button){min-height:42px;width:100%}
.reseller-wallet-ledger-page > .wallet-ledger-filters button{width:auto;min-width:120px}
.reseller-wallet-ledger-page #walletLedgerFilterState{align-self:center;white-space:nowrap;text-align:right}
.reseller-wallet-ledger-page .table{margin-top:0}
.reseller-wallet-ledger-page .wallet-ledger-table{min-width:1180px}
@media(max-width:1100px){
  .reseller-wallet-transfer-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reseller-wallet-transfer-controls > button{grid-column:1/-1}
  .reseller-wallet-ledger-page > .wallet-ledger-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reseller-wallet-ledger-page #walletLedgerFilterState{text-align:left}
}
@media(max-width:720px){
  .reseller-wallet-ledger-page{padding:12px}
  .reseller-wallet-ledger-page > .cardhead{align-items:flex-start}
  .reseller-wallet-ledger-page .wallet-own-actions{margin-left:0;width:100%;grid-template-columns:1fr auto;justify-items:start}
  .reseller-wallet-ledger-page .wallet-own-actions button{min-width:132px}
  .reseller-wallet-transfer-controls,
  .reseller-wallet-ledger-page > .wallet-ledger-filters{grid-template-columns:1fr;padding:12px}
  .reseller-wallet-transfer-controls > button{grid-column:1;width:100%}
  .reseller-wallet-ledger-page > .wallet-ledger-filters button{width:100%}
  .reseller-wallet-ledger-page #walletLedgerFilterState{text-align:left;white-space:normal}
}
body:not(.auth-body)[data-brand-theme="ready"] :is(input,select,textarea,button):focus-visible{
  outline:0;
  border-color:color-mix(in srgb,var(--theme-accent) 72%,#fff);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 16%,transparent);
}
body:not(.auth-body)[data-brand-theme="ready"] .library-upload,
body:not(.auth-body)[data-brand-theme="ready"] .date-range-buttons button.active,
body:not(.auth-body)[data-brand-theme="ready"] .phonebook-section-tabs button.active{
  color:var(--theme-on-accent);
}
body:not(.auth-body)[data-brand-theme="ready"] :is(.top-actions,.shared-hero-actions) > button:not(.primary){
  background:#fff;
  color:#173b34;
  border-color:#d4e2de;
}
.wallet-user-ledger-page{padding:18px 20px}
.wallet-user-ledger-page>.cardhead{align-items:center;gap:18px;padding:0 0 16px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.wallet-user-ledger-page .wallet-own-actions{margin-left:auto;display:grid;grid-template-columns:auto auto;grid-template-areas:"label export" "balance export";align-items:center;justify-items:end;column-gap:14px;row-gap:2px}
.wallet-user-ledger-page .wallet-own-actions small{grid-area:label}
.wallet-user-ledger-page .wallet-own-actions strong{grid-area:balance;font-size:25px;line-height:1;color:var(--theme-accent-dark,var(--brand))}
.wallet-user-ledger-page .wallet-own-actions button{grid-area:export;min-width:150px;min-height:42px}
.wallet-user-ledger-page>.wallet-own-filters{display:grid;grid-template-columns:minmax(210px,1.25fr) minmax(160px,.75fr) minmax(160px,.75fr) auto auto auto;gap:10px;align-items:end;padding:12px;margin:0 0 12px}
.wallet-user-ledger-page>.wallet-own-filters label{min-width:0}
.wallet-user-ledger-page>.wallet-own-filters :is(select,input,button){width:100%;min-height:42px}
.wallet-user-ledger-page>.wallet-own-filters button{width:auto;min-width:120px}
.wallet-user-ledger-page #walletOwnFilterState{align-self:center;white-space:nowrap;text-align:right}
.wallet-user-ledger-page .table{margin-top:0}
.wallet-user-ledger-page .wallet-own-ledger-table{min-width:1120px}
.wallet-user-ledger-page .wallet-own-ledger-table td small{display:block;margin-top:3px;color:#70847d;font-size:10px}
@media(max-width:1100px){.wallet-user-ledger-page>.wallet-own-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-user-ledger-page #walletOwnFilterState{text-align:left}}
@media(max-width:720px){.wallet-user-ledger-page{padding:12px}.wallet-user-ledger-page>.cardhead{align-items:flex-start}.wallet-user-ledger-page .wallet-own-actions{margin-left:0;width:100%;grid-template-columns:1fr auto;justify-items:start}.wallet-user-ledger-page .wallet-own-actions button{min-width:132px}.wallet-user-ledger-page>.wallet-own-filters{grid-template-columns:1fr}.wallet-user-ledger-page>.wallet-own-filters button{width:100%}.wallet-user-ledger-page #walletOwnFilterState{white-space:normal}}
.settlement-report-card{display:grid;gap:18px}
.settlement-report-card>.cardhead small{color:var(--brand);font-weight:800;letter-spacing:.12em}
.settlement-filters{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr)) auto;gap:12px;align-items:end;padding:16px;border:1px solid #d9e8e4;border-radius:16px;background:#f7fbfa}
.settlement-filters label{display:grid;gap:6px;font-weight:700}
.settlement-summary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}
.settlement-summary article{padding:17px;border:1px solid #d9e8e4;border-radius:15px;background:linear-gradient(145deg,#fff,#f1f8f6)}
.settlement-summary small,.settlement-summary strong{display:block}
.settlement-summary strong{margin-top:6px;font-size:1.45rem;color:#073f38}
.settlement-category-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.settlement-category-summary span{display:flex;justify-content:space-between;gap:10px;padding:10px 13px;border-radius:10px;background:#eef6f4}
.settlement-category-summary b{font-size:.78rem}
.settlement-category-summary strong{font-size:.82rem;color:#075b4f}
.settlement-day-groups{display:grid;gap:12px}
.settlement-day{border:1px solid #d7e4e1;border-radius:14px;overflow:hidden;background:#fff}
.settlement-day>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;cursor:pointer;background:#f6f9f8;list-style:none}
.settlement-day>summary::-webkit-details-marker{display:none}
.settlement-day>summary span{display:flex;align-items:center;gap:14px}
.settlement-day>summary small{color:#667a77}
.settlement-day>summary>strong{font-size:1.1rem;color:#075b4f}
.settlement-day table small,.settlement-day table strong{display:block}
.settlement-day td,.settlement-day th{white-space:nowrap}
.settlement-category,.settlement-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:800}
.settlement-category.utility{background:#edf1f8;color:#40516a}
.settlement-category.marketing{background:#fff0f3;color:#a52b4b}
.settlement-category.authentication{background:#f4edff;color:#6739a6}
.settlement-category.service{background:#e8f7f3;color:#08705f}
.settlement-status.settled{background:#e5f7ee;color:#087447}
.settlement-status.pending{background:#fff4d8;color:#8a6100}
.settlement-status.failed{background:#ffe9e9;color:#a82b2b}
.settlement-empty{padding:40px;text-align:center;border:1px dashed #cbdad7;border-radius:14px;color:#687b78}
@media(max-width:1000px){.settlement-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.settlement-summary,.settlement-category-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.settlement-filters,.settlement-summary,.settlement-category-summary{grid-template-columns:1fr}.settlement-day>summary span{align-items:flex-start;flex-direction:column;gap:2px}}
body:not(.auth-body) #bulk .campaign-wizard-progress{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);gap:4px;min-height:0;margin:0 0 12px;padding:3px 7px;border-radius:10px}
body:not(.auth-body) #bulk .campaign-wizard-step{min-height:38px;padding:3px 7px;column-gap:6px;row-gap:0;border-radius:8px}
body:not(.auth-body) #bulk .campaign-wizard-step>span{width:22px;height:22px;font-size:8px}
body:not(.auth-body) #bulk .campaign-wizard-step>strong{font-size:10px}
body:not(.auth-body) #bulk .campaign-wizard-step>small{margin-top:0;font-size:7px;line-height:1.05}
body:not(.auth-body) #bulk .campaign-phone-screen{scrollbar-width:none}
body:not(.auth-body) #bulk .campaign-phone-screen::-webkit-scrollbar{display:none}
body:not(.auth-body) #bulk .campaign-preview-media{box-sizing:border-box;width:calc(100% + 22px);height:auto;max-height:112px;object-fit:contain;object-position:center;background:#fff}
@media(max-width:1050px){body:not(.auth-body) #bulk .campaign-preview-media{max-height:150px}}
@media(max-width:620px){body:not(.auth-body) #bulk .campaign-wizard-progress{grid-template-columns:1fr;gap:3px;padding:5px}body:not(.auth-body) #bulk .campaign-wizard-step{min-height:42px;padding:4px 7px}body:not(.auth-body) #bulk .campaign-preview-media{max-height:135px}}
body:not(.auth-body) #chatbot_flows .flow-canvas{display:block;min-width:1200px;min-height:720px;padding:0}
body:not(.auth-body) #chatbot_flows .flow-node{position:absolute;width:290px;min-width:290px;max-width:290px;margin:0;transition:box-shadow .12s ease}
body:not(.auth-body) #chatbot_flows .flow-node>header{cursor:move;touch-action:none;background:linear-gradient(180deg,#fff,#fbfdfc)}
body:not(.auth-body) #chatbot_flows .flow-node.is-dragging{z-index:20;box-shadow:0 17px 45px rgba(19,52,42,.24)}
body:not(.auth-body) #chatbot_flows .flow-node.is-dragging>header{cursor:grabbing}
body:not(.auth-body) #chatbot_flows .flow-node-fields{max-height:390px;overflow:auto}
body:not(.auth-body) #chatbot_flows .flow-view-controls [data-flow-zoom="auto"]{min-width:72px}
@media(max-width:780px){body:not(.auth-body) #chatbot_flows .flow-canvas{display:block;min-width:1000px;min-height:650px;padding:0}body:not(.auth-body) #chatbot_flows .flow-node{width:270px;min-width:270px;max-width:270px}}
body:not(.auth-body) #chatbot_flows .flow-connections{overflow:visible}
body:not(.auth-body) #chatbot_flows :is(.flow-link-row,.flow-route-row){position:relative;width:100%;box-sizing:border-box}
body:not(.auth-body) #chatbot_flows :is(.flow-link-row,.flow-route-row)>.flow-source-port{right:-21px;top:50%;margin:0;transform:translateY(-50%)}
body:not(.auth-body) #chatbot_flows .flow-target-port{left:-8px;top:50%}
body:not(.auth-body) #chatbot_flows .flow-source-port:not(.connected){background:#fff;box-shadow:0 0 0 2px #16825f}
body:not(.auth-body) #chatbot_flows .flow-source-port.connected{background:#10a773;box-shadow:0 0 0 2px #086a4c,0 0 0 5px rgba(16,167,115,.13)}
body:not(.auth-body) #chatbot_flows .flow-connections>:is(.flow-link-row,.flow-option-routes){grid-column:1/-1;width:100%;min-width:0;box-sizing:border-box}
body:not(.auth-body) #chatbot_flows :is(.flow-link-row,.flow-route-row)>.flow-source-port{right:-19px}
body:not(.auth-body) #queue .queue-filters{grid-template-columns:minmax(150px,.85fr) minmax(145px,.75fr) minmax(220px,1.35fr) minmax(135px,.7fr) minmax(135px,.7fr) auto}
body:not(.auth-body) #queue .queue-table-wrap{width:100%;max-width:100%;overflow:auto}
body:not(.auth-body) #queue .queue-pagination{width:100%}
@media(max-width:1250px){body:not(.auth-body) #queue .queue-filters{grid-template-columns:repeat(3,minmax(0,1fr))}body:not(.auth-body) #queue .queue-filters>button{width:100%}}
@media(max-width:760px){body:not(.auth-body) #queue .queue-filters{grid-template-columns:1fr}body:not(.auth-body) #queue .queue-table{min-width:980px}}
@media(max-width:760px){
  body:not(.auth-body) #queue>.card{min-width:0;padding:13px}
  body:not(.auth-body) #queue .queue-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  body:not(.auth-body) #queue .queue-stats>article{min-height:92px;padding:13px}
  body:not(.auth-body) #queue .queue-worker-meta{display:grid;grid-template-columns:1fr;gap:7px}
  body:not(.auth-body) #queue .queue-worker-meta span{width:100%;box-sizing:border-box}
  body:not(.auth-body) #queue .queue-date-range{align-items:stretch;flex-direction:column}
  body:not(.auth-body) #queue .queue-date-range .date-range-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  body:not(.auth-body) #queue .queue-date-range .date-range-buttons button{width:100%;min-height:42px}
  body:not(.auth-body) #queue .queue-filters{grid-template-columns:1fr;padding:12px}
  body:not(.auth-body) #queue .queue-filters :is(input,select,button){min-height:44px}
  body:not(.auth-body) #queue .queue-table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}
  body:not(.auth-body) #queue .queue-table-wrap::after{display:none;content:none}
  body:not(.auth-body) #queue .queue-table{display:block;width:100%;min-width:0;background:transparent}
  body:not(.auth-body) #queue .queue-table thead{display:none}
  body:not(.auth-body) #queue .queue-table tbody{display:grid;width:100%;gap:12px}
  body:not(.auth-body) #queue .queue-table tbody tr{display:block;width:100%;overflow:hidden;border:1px solid #d6e4df;border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(12,63,48,.07)}
  body:not(.auth-body) #queue .queue-table tbody td{display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px;align-items:start;width:auto;min-width:0;padding:10px 12px;border:0;border-top:1px solid #e7eeeb;white-space:normal;text-align:left}
  body:not(.auth-body) #queue .queue-table tbody td:first-child{border-top:0}
  body:not(.auth-body) #queue .queue-table tbody td::before{content:attr(data-label);color:#557068;font-size:9px;font-weight:800;line-height:1.4;text-transform:uppercase;letter-spacing:.04em}
  body:not(.auth-body) #queue .queue-table :is(code,.user-id,.campaign-rate){max-width:100%;white-space:normal;overflow-wrap:anywhere}
  body:not(.auth-body) #queue .queue-table .campaign-progress{min-width:0;width:100%}
  body:not(.auth-body) #queue .queue-table .template-row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:100%;gap:8px}
  body:not(.auth-body) #queue .queue-table .template-row-actions button{width:100%;min-height:42px;margin:0}
  body:not(.auth-body) #queue .queue-empty-row td{display:block;padding:24px 14px;text-align:center}
  body:not(.auth-body) #queue .queue-empty-row td::before{display:none}
  body:not(.auth-body) #queue .queue-pagination{align-items:stretch;flex-direction:column;padding:12px 0 0}
  body:not(.auth-body) #queue .queue-pagination>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%}
  body:not(.auth-body) #queue .queue-pagination label,body:not(.auth-body) #queue .queue-pagination strong{grid-column:1/-1;width:100%;text-align:center}
  body:not(.auth-body) #queue .queue-pagination button{width:100%;min-height:44px}
}
@media(max-width:420px){body:not(.auth-body) #queue .queue-table tbody td{grid-template-columns:92px minmax(0,1fr);padding:9px 10px}body:not(.auth-body) #queue .queue-table .template-row-actions{grid-template-columns:1fr}}
.wallet-report-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.wallet-report-summary>div{padding:15px 17px;border:1px solid var(--line,#d7e4df);border-radius:14px;background:linear-gradient(145deg,#fff,#f2faf7)}
.wallet-report-summary small{display:block;color:var(--muted,#627771);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.wallet-report-summary strong{display:block;margin-top:6px;font-size:1.25rem;color:var(--ink,#153a35)}
.wallet-date-ranges{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:12px 0;flex-wrap:wrap}
.wallet-date-ranges>span{margin-right:auto;font-weight:800}
.wallet-date-ranges button.active{color:#fff;background:#078866;border-color:#078866}
.wallet-report-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(145px,1fr)) auto;align-items:end;gap:10px}
.wallet-report-filters>span{grid-column:1/-1}
.wallet-pagination{margin-top:14px}
.wallet-ledger-table td{vertical-align:top}
@media(max-width:900px){.wallet-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wallet-report-summary,.wallet-report-filters{grid-template-columns:1fr}.wallet-date-ranges{justify-content:flex-start}.wallet-date-ranges>span{width:100%}#wallet .wallet-ledger-table{display:block;min-width:0}#wallet .wallet-ledger-table thead{display:none}#wallet .wallet-ledger-table tbody{display:grid;gap:12px}#wallet .wallet-ledger-table tr{display:block;border:1px solid var(--line,#d7e4df);border-radius:14px;padding:7px;background:#fff}#wallet .wallet-ledger-table tr[hidden]{display:none}#wallet .wallet-ledger-table td{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;padding:8px;border:0;border-bottom:1px solid #edf3f1;overflow-wrap:anywhere}#wallet .wallet-ledger-table td:last-child{border-bottom:0}#wallet .wallet-ledger-table td::before{content:attr(data-label);font-size:.72rem;font-weight:800;text-transform:uppercase;color:var(--muted,#627771)}.wallet-pagination{justify-content:center}.wallet-pagination>span:first-child{width:100%;text-align:center}}
@media(max-width:600px){.admin-activity-table{display:block;min-width:0}.admin-activity-table thead{display:none}.admin-activity-table tbody{display:grid;gap:12px}.admin-activity-table tr{display:block;border:1px solid var(--line,#d7e4df);border-radius:14px;padding:7px;background:#fff}.admin-activity-table td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;padding:8px;border:0;border-bottom:1px solid #edf3f1;overflow-wrap:anywhere}.admin-activity-table td:last-child{border-bottom:0}.admin-activity-table td::before{content:attr(data-label);font-size:.72rem;font-weight:800;text-transform:uppercase;color:var(--muted,#627771)}}
.provider-delete-dialog{width:min(92vw,520px);border:0;border-radius:22px;padding:0;box-shadow:0 24px 80px rgba(15,23,42,.32);color:#173a35;background:#fff}
.provider-delete-dialog::backdrop{background:rgba(8,27,35,.62);backdrop-filter:blur(3px)}
.provider-delete-dialog form{display:grid;gap:14px;padding:28px}
.provider-delete-dialog h2,.provider-delete-dialog p{margin:0}
.provider-delete-warning{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff0ed;color:#b42318;font-size:25px;font-weight:900}
.provider-delete-target{display:grid;gap:5px;padding:13px 15px;border:1px solid #f2c8c2;border-radius:13px;background:#fff8f6;overflow-wrap:anywhere}
.provider-delete-target small{color:#78534e}
.provider-delete-history-note{color:#526b67;font-size:.92rem}
.provider-delete-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}
.provider-delete-dialog-actions button{min-width:130px}
.provider-delete-dialog-actions .danger{background:#b42318;color:#fff;border-color:#b42318}
@media(max-width:560px){.provider-delete-dialog form{padding:22px}.provider-delete-dialog-actions{display:grid}.provider-delete-dialog-actions button{width:100%}}
.provider-onboarding-modes{display:grid;gap:9px;margin:18px 0;padding:14px;border:1px solid var(--line,#d7e4df);border-radius:15px;background:#f8fcfa}
.provider-onboarding-modes legend{padding:0 7px;font-weight:800;color:#173a35}
.provider-onboarding-modes label{display:flex;gap:11px;align-items:flex-start;padding:11px;border:1px solid #dbe9e4;border-radius:12px;background:#fff;cursor:pointer}
.provider-onboarding-modes label:has(input:checked){border-color:#118d69;background:#eefaf5;box-shadow:0 0 0 1px rgba(17,141,105,.15)}
.provider-onboarding-modes input{flex:0 0 auto;margin-top:3px}
.provider-onboarding-modes span{display:grid;gap:3px;min-width:0}
.provider-onboarding-modes strong{color:#173a35}
.provider-onboarding-modes small{color:#5a716b;line-height:1.4}
.provider-onboarding-modes em{color:#8a5d18;font-size:.78rem;font-style:normal}
.provider-onboarding-modes label.disabled{cursor:not-allowed;opacity:.62}
.provider-onboarding-modes label.disabled:has(input:checked){border-color:#dbe9e4;background:#fff;box-shadow:none}
@media(max-width:600px){.provider-onboarding-modes{padding:10px}.provider-onboarding-modes label{padding:10px}}
.provider-connect-card .provider-onboarding-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;overflow:visible}
.provider-connect-card .provider-onboarding-modes>label{position:relative;display:block;min-width:0;width:auto;height:auto;min-height:112px;margin:0;padding:13px 12px;overflow:hidden;border:1px solid #d6e5df;border-radius:12px;background:#fff;cursor:pointer}
.provider-connect-card .provider-onboarding-modes>label>input[type="radio"]{position:absolute;width:1px;height:1px;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;opacity:0;pointer-events:none}
.provider-connect-card .provider-onboarding-modes>label>span{display:block;width:auto;min-width:0;margin:0;padding:0}
.provider-connect-card .provider-onboarding-modes>label strong{display:block;margin:0 0 6px;padding-right:20px;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.provider-connect-card .provider-onboarding-modes>label small{display:block;font-size:9px;line-height:1.45;overflow-wrap:anywhere}
.provider-connect-card .provider-onboarding-modes>label em{display:block;margin-top:6px;font-size:8px;line-height:1.35}
.provider-connect-card .provider-onboarding-modes>label:before{position:absolute;top:13px;right:12px;width:14px;height:14px;border:2px solid #9bb0a9;border-radius:50%;background:#fff;content:""}
.provider-connect-card .provider-onboarding-modes>label:has(input:checked){border-color:#118d69;background:#eefaf5;box-shadow:0 0 0 1px rgba(17,141,105,.16)}
.provider-connect-card .provider-onboarding-modes>label:has(input:checked):before{border:4px solid #fff;background:#087a59;box-shadow:0 0 0 2px #087a59}
.provider-connect-card .provider-onboarding-modes>label.disabled{cursor:not-allowed;opacity:.58}
@media(max-width:1100px){.provider-connect-card .provider-onboarding-modes{grid-template-columns:1fr}.provider-connect-card .provider-onboarding-modes>label{min-height:0}}
.provider-onboarding-dialog{width:min(96vw,980px);max-height:min(90vh,760px);padding:0;overflow:auto;border:0;border-radius:20px;background:#fff;color:#183a35;box-shadow:0 28px 90px rgba(7,32,42,.34)}
.provider-onboarding-dialog::backdrop{background:rgba(8,25,34,.64);backdrop-filter:blur(3px)}
.provider-onboarding-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 18px;border-bottom:1px solid #e2ebe7}
.provider-onboarding-dialog-head h2,.provider-onboarding-dialog-head p{margin:0}
.provider-onboarding-dialog-head p{margin-top:6px;color:#657770;font-size:12px}
.provider-onboarding-dialog-head>button{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:50%;font-size:24px}
.provider-onboarding-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:22px 26px}
#providerOnboardingDialog .provider-onboarding-option{display:flex;width:100%;min-width:0;min-height:250px;height:auto;max-height:none;margin:0;padding:22px;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:11px;white-space:normal;overflow-wrap:anywhere;overflow:visible;border:1px solid #d8e5e0;border-radius:15px;background:#fff;color:#183a35;text-align:left;box-shadow:none}
.provider-onboarding-option:hover,.provider-onboarding-option:focus-visible{border-color:#087a65;background:#f3fbf8;outline:3px solid rgba(8,122,101,.12)}
#providerOnboardingDialog .provider-onboarding-option:disabled{cursor:not-allowed;opacity:1;background:#f1f4f6;color:#53616c;box-shadow:none}
.provider-onboarding-option strong{font-size:18px;line-height:1.25}
.provider-onboarding-option small{font-size:11px;line-height:1.55;color:#526a63}
.provider-onboarding-option em{margin-top:auto;color:#08735a;font-size:9px;font-style:normal;font-weight:800}
.provider-option-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#eaf0ff;color:#2363ed;font-size:20px;font-weight:900}
.provider-option-partner{background:#fff2df;color:#b75b00}
.provider-option-whatsapp{background:#e7f8ef;color:#079653;font-size:12px}
.provider-onboarding-dialog-actions{display:flex;justify-content:flex-end;padding:0 26px 22px}
.provider-onboarding-dialog-actions button{min-width:110px}
.provider-connect-button{width:100%}
@media(max-width:820px){.provider-onboarding-options{grid-template-columns:1fr 1fr}.provider-onboarding-option{min-height:220px}}
@media(max-width:680px){.provider-onboarding-dialog-head{padding:20px}.provider-onboarding-options{grid-template-columns:1fr;padding:18px 20px}.provider-onboarding-option{min-height:0}.provider-onboarding-dialog-actions{padding:0 20px 20px}.provider-onboarding-dialog-actions button{width:100%}}
#users #userRows td{padding:8px 9px;vertical-align:middle;line-height:1.35}
#users #userRows tr{height:auto}
#users .user-feature-count{display:inline-flex;max-width:105px;padding:5px 8px;border:1px solid #d8e5e0;border-radius:999px;background:#f1f7f5;font-size:9px;font-weight:800;white-space:nowrap}
.user-icon-actions{display:grid;min-width:0;grid-template-columns:repeat(3,30px);align-items:center;justify-content:start;gap:5px}
.user-icon-button{display:inline-grid;place-items:center;width:30px;height:30px;min-width:30px;min-height:30px;margin:0;padding:0;border-radius:8px;font-size:14px;line-height:1}
.user-icon-button.danger{color:#b42318;background:#fff4f2;border-color:#f0c6bf}
@media(max-width:760px){.user-icon-actions{grid-template-columns:repeat(3,42px);gap:7px}.user-icon-button{width:42px;height:42px;min-width:42px;min-height:42px}#users .user-feature-count{max-width:none}}
.template-content-cell{width:300px;max-width:300px}
.template-content-compact{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:center;min-width:0}
.template-content-tools{display:flex;gap:4px}
.template-content-icon{display:grid;place-items:center;width:28px;height:28px;min-width:28px;min-height:28px;margin:0;padding:0;border-radius:7px;font-size:13px}
.template-content-preview{display:block;min-width:0;overflow:hidden;color:#28453e;text-overflow:ellipsis;white-space:nowrap}
.template-content-full{grid-column:1/-1;max-height:220px;padding:9px;overflow:auto;border:1px solid #dce8e3;border-radius:9px;background:#f8fbfa;color:#28453e;white-space:pre-wrap;overflow-wrap:anywhere}
.template-content-compact.expanded{align-items:start}
.template-content-compact.expanded .toggle-template-content{color:#fff;background:#087a59;border-color:#087a59}
@media(max-width:760px){.template-content-cell{width:auto;max-width:none}.template-content-preview{max-width:none}.template-content-icon{width:42px;height:42px;min-width:42px;min-height:42px}.template-content-tools{gap:7px}}
:root{--ui-page-gap:12px;--ui-card-pad:16px;--ui-control-height:38px;--ui-density-xs:6px;--ui-density-sm:8px;--ui-density-md:12px;--ui-density-lg:16px}
body:not(.auth-body) .grid{gap:var(--ui-density-md)}
body:not(.auth-body) .settings-actions,body:not(.auth-body) .cleanup-actions,body:not(.auth-body) .wallet-ledger-actions,body:not(.auth-body) .wallet-own-actions,body:not(.auth-body) .template-row-actions,body:not(.auth-body) .phonebook-toolbar{gap:var(--ui-density-sm)}
body:not(.auth-body) .settings-actions{margin-top:var(--ui-density-md)}
body:not(.auth-body) label>input,body:not(.auth-body) label>select,body:not(.auth-body) label>textarea{margin-top:5px}
body:not(.auth-body) .banner{padding:11px 14px}
body:not(.auth-body) .table th,body:not(.auth-body) .table td{padding:9px 10px}
body:not(.auth-body) .table th{font-size:9px;letter-spacing:.045em}
body:not(.auth-body) .table td{line-height:1.35}
body:not(.auth-body) .report-filters,body:not(.auth-body) .wallet-report-filters,body:not(.auth-body) #queue .queue-filters{gap:var(--ui-density-sm);padding:12px}
body:not(.auth-body) .date-range-bar{gap:var(--ui-density-md);padding:12px 14px}
body:not(.auth-body) .date-range-buttons,body:not(.auth-body) .wallet-date-ranges{gap:var(--ui-density-sm)}
body:not(.auth-body) .wallet-report-summary{gap:var(--ui-density-md);margin:12px 0}
body:not(.auth-body) .wallet-report-summary>div{padding:12px 14px}
body:not(.auth-body) .wallet-report-summary strong{margin-top:4px}
body:not(.auth-body) .reseller-usage-collapsible>summary{padding:14px 16px}
body:not(.auth-body) .reseller-usage-body{padding:0 16px 16px}
body:not(.auth-body) .reseller-usage-toolbar{gap:8px;padding:12px 0}
body:not(.auth-body) .provider-onboarding-dialog-head{padding:20px 22px 15px}
body:not(.auth-body) .provider-onboarding-options{gap:12px;padding:18px 22px}
body:not(.auth-body) .provider-onboarding-option{min-height:220px;padding:18px}
body:not(.auth-body) .provider-onboarding-dialog-actions{padding:0 22px 18px}
@media(max-width:760px){:root{--ui-page-gap:9px;--ui-card-pad:12px}body:not(.auth-body) .banner{padding:10px 12px}body:not(.auth-body) .table th,body:not(.auth-body) .table td{padding:8px 9px}body:not(.auth-body) .report-filters,body:not(.auth-body) .wallet-report-filters,body:not(.auth-body) #queue .queue-filters{padding:10px}body:not(.auth-body) .provider-onboarding-dialog-head{padding:17px}body:not(.auth-body) .provider-onboarding-options{padding:14px 17px}body:not(.auth-body) .provider-onboarding-option{padding:15px}body:not(.auth-body) .provider-onboarding-dialog-actions{padding:0 17px 17px}}
@media(max-width:480px){body:not(.auth-body) .provider-onboarding-options{grid-template-columns:1fr}}
#providerOnboardingDialog[open]{display:flex;flex-direction:column;width:min(94vw,1180px);height:fit-content;min-height:0;max-height:calc(100dvh - 32px);margin:auto;overflow:hidden}
body:not(.auth-body) .provider-onboarding-dialog-head{flex:0 0 auto;background:#fff}
body:not(.auth-body) .provider-onboarding-options{flex:0 1 auto;min-height:0;overflow:auto;align-items:stretch;align-content:start;grid-auto-rows:max-content}
body:not(.auth-body) .provider-onboarding-dialog-actions{flex:0 0 auto;margin:0;background:#fff;border-top:1px solid #e2ebe7;padding-top:14px}
@media(max-width:680px){#providerOnboardingDialog .provider-onboarding-option{min-height:0;padding:16px}#providerOnboardingDialog .provider-onboarding-dialog-head h2{font-size:18px}#providerOnboardingDialog .provider-onboarding-dialog-head>button{flex-shrink:0}}
.impersonation-bar{display:flex;position:relative;z-index:58;width:100%;max-width:var(--ui-content-max);min-height:44px;margin:0 auto 10px;padding:7px 10px 7px 14px;box-sizing:border-box;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e4b557;border-radius:11px;background:#fff7df;color:#684600;box-shadow:0 5px 15px rgba(110,76,0,.09);font-size:10px}
.impersonation-bar span{min-width:0;overflow-wrap:anywhere}
.impersonation-bar button{height:32px;min-height:32px;max-height:32px;padding:5px 10px;flex:0 0 auto;border-color:#bd7b00;background:#fff;color:#744b00}
.impersonate-user{color:#075fca;background:#eef6ff;border-color:#b8d5fa}
.impersonate-user:hover{background:#dfeeff}
@media(max-width:760px){.impersonation-bar{align-items:stretch;flex-direction:column;margin-bottom:8px;padding:10px}.impersonation-bar button{width:100%;height:40px;min-height:40px;max-height:40px}}
body:not(.role-admin) #security .security-collapsible:has(#securitySessionsBody),body:not(.role-admin) #security .security-collapsible:has(#securityLoginsBody){display:none}
body.role-admin #provider .provider-connections-card :is(th,td):nth-child(5),body.role-admin #provider .provider-connections-card :is(th,td):nth-child(6),body:not(.role-admin) #provider .provider-connections-card :is(th,td):nth-child(3),body:not(.role-admin) #provider .provider-connections-card :is(th,td):nth-child(4){display:none}
body:not(.auth-body) #provider .provider-connections-card table{min-width:780px}
body:not(.auth-body) #provider .provider-row-actions{display:flex;min-width:112px;align-items:center;gap:5px;flex-direction:row;flex-wrap:wrap}
body:not(.auth-body) #provider .provider-row-actions button,body:not(.auth-body) #provider .provider-webhook-cell button{display:inline-grid;width:30px;height:30px;min-width:30px;min-height:30px;max-height:30px;margin:0;padding:0;place-items:center;border-radius:8px;font-size:0;line-height:1}
body:not(.auth-body) #provider .provider-row-actions button::before,body:not(.auth-body) #provider .provider-webhook-cell button::before{font-size:14px;line-height:1}
body:not(.auth-body) #provider .provider-register::before{content:"↻"}
body:not(.auth-body) #provider .provider-subscribe::before{content:"⟳"}
body:not(.auth-body) #provider .provider-disconnect::before{content:"⛓"}
body:not(.auth-body) #provider .provider-delete::before{content:"⌫"}
body:not(.auth-body) #provider .provider-register{color:#fff;background:#135fe4;border-color:#135fe4}
body:not(.auth-body) #provider .provider-subscribe{color:#086b50;background:#eef9f5;border-color:#b9dfd1}
body:not(.auth-body) #provider :is(.provider-disconnect,.provider-delete){color:#b42318;background:#fff4f2;border-color:#efc4bd}
@media(max-width:760px){body:not(.auth-body) #provider .provider-connections-card table{min-width:700px}body:not(.auth-body) #provider .provider-row-actions{min-width:72px}}
body:not(.auth-body) #provider .provider-row-actions button,body:not(.auth-body) #provider .provider-webhook-cell button{position:relative;overflow:hidden;color:transparent;text-indent:-9999px;white-space:nowrap}
body:not(.auth-body) #provider .provider-row-actions button::before,body:not(.auth-body) #provider .provider-webhook-cell button::before{position:absolute;inset:0;display:grid;place-items:center;text-indent:0}
body:not(.auth-body) #provider .provider-register::before{color:#fff}
body:not(.auth-body) #provider .provider-subscribe::before{color:#086b50}
body:not(.auth-body) #provider :is(.provider-disconnect,.provider-delete)::before{color:#b42318}
body:not(.auth-body) #provider .provider-connections-card th:nth-last-child(3),body:not(.auth-body) #provider .provider-connections-card td:nth-last-child(3){min-width:92px}
body:not(.auth-body) #provider .provider-connections-card th:last-child,body:not(.auth-body) #provider .provider-connections-card td:last-child{min-width:118px}
@media(min-width:761px){
  body:not(.auth-body) #users #userRows{font-size:10px}
  body:not(.auth-body) #users #userRows+*{min-width:0}
  body:not(.auth-body) #users .table>table{width:100%;min-width:1000px;table-layout:fixed}
  body:not(.auth-body) #users .table>table :is(th,td){min-width:0;white-space:normal;overflow-wrap:anywhere}
  body:not(.auth-body) #users .table>table :is(th,td):last-child{width:108px}
  body:not(.auth-body) #templates .templates-table{width:100%;min-width:1000px;table-layout:fixed}
  body:not(.auth-body) #templates .templates-table :is(th,td){min-width:0;white-space:normal;overflow-wrap:anywhere}
  body:not(.auth-body) #templates .templates-table :is(th,td):nth-child(2){width:28%}
  body:not(.auth-body) #queue .queue-table{width:100%;min-width:1040px;table-layout:fixed}
  body:not(.auth-body) #queue .queue-table :is(th,td){min-width:0;white-space:normal;overflow-wrap:anywhere}
  body:not(.auth-body) #wallet .wallet-ledger-table{width:100%;min-width:1080px;table-layout:fixed}
  body:not(.auth-body) #phonebook .phonebook-table>table{width:100%;min-width:100%;table-layout:fixed}
  body:not(.auth-body) #phonebook .phonebook-table :is(th,td){min-width:0;white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:760px){
  body:not(.auth-body) #chatbot_flows,body:not(.auth-body) #chatbot_flows .chatbot-studio,body:not(.auth-body) #chatbot_flows .flow-builder,body:not(.auth-body) #chatbot_flows .flow-workspace,body:not(.auth-body) #chatbot_flows .flow-canvas-viewport{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
  body:not(.auth-body) #chatbot_flows .flow-view-controls button{width:42px;min-width:42px}
  body:not(.auth-body) :is(#templates .templates-table,#reports .reports-table,#reports .template-performance-table,#users #userRows,#provider #providerConnectionRows,#security #securitySessionRows,#security #securityLoginRows,#consent tbody,#phonebook #phonebookRows){display:grid;width:100%;min-width:0;gap:12px}
  body:not(.auth-body) :is(#templates .templates-table,#reports .reports-table,#reports .template-performance-table,#users table:has(>#userRows),#provider table:has(>#providerConnectionRows),#security table:has(>#securitySessionRows),#security table:has(>#securityLoginRows),#consent table,#phonebook .phonebook-table>table){display:block;width:100%;min-width:0}
  body:not(.auth-body) :is(#templates .templates-table,#reports .reports-table,#reports .template-performance-table,#users table:has(>#userRows),#provider table:has(>#providerConnectionRows),#security table:has(>#securitySessionRows),#security table:has(>#securityLoginRows),#consent table,#phonebook .phonebook-table>table) thead{display:none}
  body:not(.auth-body) :is(#templates #templateRows,#reports #reportRows,#reports #templatePerformanceRows,#users #userRows,#provider #providerConnectionRows,#security #securitySessionRows,#security #securityLoginRows,#consent tbody,#phonebook #phonebookRows)>tr{display:block;width:100%;overflow:hidden;border:1px solid #d6e4df;border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(12,63,48,.07)}
  body:not(.auth-body) :is(#templates #templateRows,#reports #reportRows,#reports #templatePerformanceRows,#users #userRows,#provider #providerConnectionRows,#security #securitySessionRows,#security #securityLoginRows,#consent tbody,#phonebook #phonebookRows)>tr>td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;align-items:start;width:auto;min-width:0;padding:10px 12px;border:0;border-top:1px solid #e7eeeb;white-space:normal;text-align:left;overflow-wrap:anywhere}
  body:not(.auth-body) :is(#templates #templateRows,#reports #reportRows,#reports #templatePerformanceRows,#users #userRows,#provider #providerConnectionRows,#security #securitySessionRows,#security #securityLoginRows,#consent tbody,#phonebook #phonebookRows)>tr>td:first-child{border-top:0}
  body:not(.auth-body) :is(#templates #templateRows,#reports #reportRows,#reports #templatePerformanceRows,#users #userRows,#provider #providerConnectionRows,#security #securitySessionRows,#security #securityLoginRows,#consent tbody,#phonebook #phonebookRows)>tr>td::before{content:attr(data-label);color:#557068;font-size:9px;font-weight:800;line-height:1.4;text-transform:uppercase;letter-spacing:.04em}
  body:not(.auth-body) :is(#templates,#reports,#users,#provider,#security,#consent,#phonebook) .table{overflow:visible}
  body:not(.auth-body) #users .user-icon-actions{width:100%}
  body:not(.auth-body) #provider .provider-connections-card table{min-width:0}
  body:not(.auth-body) #provider .provider-row-actions{display:grid;grid-template-columns:repeat(2,42px);min-width:0;gap:7px}
  body:not(.auth-body) #provider .provider-row-actions button,body:not(.auth-body) #provider .provider-webhook-cell button{width:42px;height:42px;min-width:42px;min-height:42px;max-height:42px}
  body:not(.auth-body) #provider .provider-connections-card :is(th,td){min-width:0}
  body:not(.auth-body) :is(#templates,#reports,#users,#provider,#security,#consent,#phonebook) td[colspan]{display:block;padding:24px 14px;text-align:center}
  body:not(.auth-body) :is(#templates,#reports,#users,#provider,#security,#consent,#phonebook) td[colspan]::before{display:none}
}
@media(max-width:420px){body:not(.auth-body) :is(#templates #templateRows,#reports #reportRows,#reports #templatePerformanceRows,#users #userRows,#provider #providerConnectionRows,#security #securitySessionRows,#security #securityLoginRows,#consent tbody,#phonebook #phonebookRows)>tr>td{grid-template-columns:92px minmax(0,1fr);padding:9px 10px}}
body:not(.auth-body) #templates .template-row-actions{display:grid;grid-template-columns:repeat(4,32px);min-width:143px;width:max-content;gap:5px}
body:not(.auth-body) :is(#templates .template-action-icon,#phonebook .phonebook-action-icon){display:inline-grid;position:relative;width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;margin:0;padding:0;place-items:center;border-radius:8px;font-size:14px;line-height:1}
body:not(.auth-body) :is(#templates .template-action-icon,#phonebook .phonebook-action-icon).danger{color:#b42318;background:#fff4f2;border-color:#efc4bd}
body:not(.auth-body) #phonebook .phonebook-action-icon{margin-inline:auto}
@media(max-width:760px){
  body:not(.auth-body) #templates .template-row-actions{grid-template-columns:repeat(4,42px);min-width:0;width:100%;gap:7px}
  body:not(.auth-body) :is(#templates .template-action-icon,#phonebook .phonebook-action-icon){width:42px;height:42px;min-width:42px;min-height:42px;max-width:42px;max-height:42px}
  body:not(.auth-body) #phonebook .phonebook-action-icon{margin-inline:0}
}
@media(min-width:761px){
  body:not(.auth-body) #templates .templates-table :is(th,td):nth-child(1){width:130px}
  body:not(.auth-body) #templates .templates-table :is(th,td):nth-child(2){width:300px}
  body:not(.auth-body) #templates .templates-table :is(th,td):nth-child(4){width:64px}
  body:not(.auth-body) #templates .templates-table :is(th,td):nth-child(5){width:70px}
  body:not(.auth-body) #templates .templates-table :is(th,td):nth-child(6){width:78px}
  body:not(.auth-body) #templates .templates-table :is(th,td):nth-child(7){width:84px}
  body:not(.auth-body) #templates .templates-table :is(th,td):nth-child(8){width:150px}
  body:not(.auth-body) #templates .templates-table :is(th,td):nth-child(n+4){overflow-wrap:normal;word-break:normal}
  body:not(.auth-body) #templates .templates-table th:nth-child(n+4){white-space:nowrap}
}
body:not(.auth-body) #chatbot_flows{max-width:100%;overflow-x:hidden}
body:not(.auth-body) #chatbot_flows :is(.chatbot-studio,.flow-studio-head,.flow-builder,.flow-workspace,.flow-canvas-toolbar,.flow-canvas-viewport){max-width:100%;box-sizing:border-box}
@media(min-width:781px){
  body:not(.auth-body) #chatbot_flows .flow-builder{height:clamp(600px,calc(100dvh - 280px),760px);min-height:0;align-items:stretch}
  body:not(.auth-body) #chatbot_flows .flow-palette{height:100%;max-height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}
  body:not(.auth-body) #chatbot_flows .flow-workspace{height:100%;min-height:0}
  body:not(.auth-body) #chatbot_flows .flow-canvas-viewport{height:calc(100% - 54px);min-height:0}
}
@media(max-width:780px){
  body:not(.auth-body) #chatbot_flows .flow-studio-head{padding:12px}
  body:not(.auth-body) #chatbot_flows .flow-studio-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}
  body:not(.auth-body) #chatbot_flows :is(.flow-select-label,.flow-name-label){grid-column:1/-1}
  body:not(.auth-body) #chatbot_flows .flow-studio-actions :is(button,.button,.status-badge,select){width:100%;min-width:0;margin:0}
  body:not(.auth-body) #chatbot_flows .flow-studio-actions :is(button,.button){height:42px;min-height:42px;max-height:42px;padding:6px;white-space:normal;line-height:1.15}
  body:not(.auth-body) #chatbot_flows .flow-builder{height:auto;min-height:0}
  body:not(.auth-body) #chatbot_flows .flow-palette{height:300px;max-height:300px;min-height:300px;overflow-y:auto;overscroll-behavior:contain}
  body:not(.auth-body) #chatbot_flows .flow-workspace{height:620px;min-height:620px;max-height:620px}
  body:not(.auth-body) #chatbot_flows .flow-canvas-viewport{height:calc(100% - 133px);min-height:0}
}
body:not(.auth-body) #chatbot_flows .flow-node-move-controls{display:grid;flex:0 0 auto;grid-template-columns:repeat(2,22px);grid-template-rows:repeat(2,22px);gap:2px;width:46px;min-width:46px}
body:not(.auth-body) #chatbot_flows .flow-node-move{display:inline-grid;width:22px;height:22px;min-width:22px;min-height:22px;max-width:22px;max-height:22px;margin:0;padding:0;place-items:center;border:1px solid #cbdad4;border-radius:6px;background:#fff;color:#176e55;font-size:13px;font-weight:900;line-height:1;box-shadow:none}
body:not(.auth-body) #chatbot_flows .flow-node-move:hover,body:not(.auth-body) #chatbot_flows .flow-node-move:focus-visible{border-color:#77b79f;background:#eaf8f2;color:#075f43;outline:2px solid rgba(22,130,95,.18);outline-offset:1px}
body:not(.auth-body) #chatbot_flows .flow-node:focus{outline:2px solid rgba(22,130,95,.24);outline-offset:3px}
@media(max-width:780px){body:not(.auth-body) #chatbot_flows .flow-node-move-controls{grid-template-columns:repeat(2,25px);grid-template-rows:repeat(2,25px);width:52px;min-width:52px}body:not(.auth-body) #chatbot_flows .flow-node-move{width:25px;height:25px;min-width:25px;min-height:25px;max-width:25px;max-height:25px}}
body:not(.auth-body) #chatbot_flows .flow-node>header{position:relative;padding-right:78px;padding-bottom:32px}
body:not(.auth-body) #chatbot_flows .flow-node-move-controls{position:absolute;right:7px;bottom:6px;display:grid;grid-template-columns:repeat(2,22px);grid-template-rows:repeat(3,22px);grid-template-areas:". up" ". down" "left right";width:46px;height:68px;min-width:46px;gap:2px}
body:not(.auth-body) #chatbot_flows .flow-node-move-left{grid-area:left}
body:not(.auth-body) #chatbot_flows .flow-node-move-up{grid-area:up}
body:not(.auth-body) #chatbot_flows .flow-node-move-down{grid-area:down}
body:not(.auth-body) #chatbot_flows .flow-node-move-right{grid-area:right}
@media(max-width:780px){body:not(.auth-body) #chatbot_flows .flow-node>header{padding-right:88px;padding-bottom:36px}body:not(.auth-body) #chatbot_flows .flow-node-move-controls{right:7px;bottom:6px;grid-template-columns:repeat(2,25px);grid-template-rows:repeat(3,25px);width:52px;height:77px;min-width:52px}}
body:not(.auth-body) #reports .reports-table{min-width:1680px;table-layout:auto}
body:not(.auth-body) #reports .reports-table th:nth-child(6),body:not(.auth-body) #reports .reports-table td:nth-child(6){min-width:180px;width:220px}
body:not(.auth-body) #reports .reports-table th:nth-child(7),body:not(.auth-body) #reports .reports-table td:nth-child(7){min-width:300px;width:360px;white-space:pre-wrap;overflow-wrap:anywhere}
body:not(.auth-body) #reports .reports-table th:nth-child(10),body:not(.auth-body) #reports .reports-table td:nth-child(10){min-width:220px;width:260px;white-space:normal;overflow-wrap:anywhere}
@media(min-width:761px){
  body:not(.auth-body) #queue{gap:9px}
  body:not(.auth-body) #queue .queue-stats{gap:8px}
  body:not(.auth-body) #queue .queue-stats>article{min-height:72px;padding:10px 12px}
  body:not(.auth-body) #queue .queue-stats>article strong{font-size:28px;line-height:1}
  body:not(.auth-body) #queue>article.card{padding:12px 14px}
  body:not(.auth-body) #queue .cardhead{margin-bottom:8px;padding-bottom:8px}
  body:not(.auth-body) #queue .queue-worker-meta{margin:6px 0}
  body:not(.auth-body) #queue .queue-date-range{margin:0 0 8px;padding:8px 10px}
  body:not(.auth-body) #queue .queue-filters{gap:7px;margin:0 0 8px;padding:8px}
  body:not(.auth-body) #queue .queue-table{min-width:1220px;table-layout:fixed;font-size:9px}
  body:not(.auth-body) #queue .queue-table :is(th,td){padding:7px 8px;line-height:1.35}
  body:not(.auth-body) #queue .queue-table th:nth-last-child(7),body:not(.auth-body) #queue .queue-table td:nth-last-child(7){width:132px}
  body:not(.auth-body) #queue .queue-table th:nth-last-child(6),body:not(.auth-body) #queue .queue-table td:nth-last-child(6){width:105px}
  body:not(.auth-body) #queue .queue-table th:nth-last-child(2),body:not(.auth-body) #queue .queue-table td:nth-last-child(2){width:112px}
  body:not(.auth-body) #queue .queue-table th:last-child,body:not(.auth-body) #queue .queue-table td:last-child{width:90px}
  body:not(.auth-body) #queue .campaign-progress{display:grid;grid-template-columns:minmax(0,1fr) 34px;width:100%;min-width:0;gap:4px 6px;align-items:center}
  body:not(.auth-body) #queue .campaign-progress>span{width:100%;min-width:0}
  body:not(.auth-body) #queue .campaign-progress>strong{justify-self:end;text-align:right;font-size:9px}
  body:not(.auth-body) #queue .campaign-progress>small{display:block;grid-column:1/-1;min-width:0;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
  body:not(.auth-body) #queue .campaign-rate{line-height:1.3;white-space:normal;overflow-wrap:anywhere}
  body:not(.auth-body) #queue .queue-table .template-row-actions{display:flex;min-width:0;flex-wrap:wrap;gap:5px}
  body:not(.auth-body) #queue .queue-pagination{padding-top:8px}
}
:root{--ui-bg:#f7fafc;--ui-surface:#fff;--ui-ink:#17343b;--ui-muted:#62757c;--ui-border:#dce8ec;--ui-accent:#075d62;--ui-radius:16px;--ui-shadow:0 6px 22px rgba(18,55,67,.06)}
body:not(.auth-body) :is(h1,h2,h3,h4){color:var(--ui-ink);letter-spacing:-.025em}
body:not(.auth-body) :is(p,small,.muted){color:var(--ui-muted)}
body:not(.auth-body) :is(input,select,textarea){min-height:40px;border:1px solid #cfdfe4;border-radius:10px;background:#fff;color:var(--ui-ink);transition:border-color .16s,box-shadow .16s}
body:not(.auth-body) :is(input,select,textarea):focus{border-color:#5caeb0;box-shadow:0 0 0 3px rgba(45,145,148,.15);outline:0}
body:not(.auth-body) :is(.table,.queue-table-wrap){border:1px solid var(--ui-border);border-radius:12px;overflow:auto;background:#fff}
body:not(.auth-body) :is(.table, .queue-table-wrap) th{background:#edf6f6;color:#31545a;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
body:not(.auth-body) :is(.table,.queue-table-wrap) tr:nth-child(even){background:#fbfdfd}
body:not(.auth-body) :is(.table,.queue-table-wrap) td{vertical-align:top}
@media(max-width:760px){
  body:not(.auth-body) :is(.page>.card,.page>.banner){padding:14px;border-radius:13px}
  body:not(.auth-body) .table{border-radius:10px}
  body:not(.auth-body) .table table{min-width:720px}
}
@media(max-width:430px){
  body:not(.auth-body) :is(input,select,textarea){min-height:42px}
  body:not(.auth-body) .table table{min-width:640px}
}
body.professional-panel #chatbot_flows .flow-canvas-viewport.docked-horizontal{overflow-x:hidden;scroll-behavior:auto;scrollbar-gutter:auto}
body.professional-panel #overview .dashboard-wallet-action>button::before{color:#17343b;background:transparent}
body.professional-panel #branding .branding-colour-control{display:grid;grid-template-columns:52px minmax(100px,1fr);gap:10px;align-items:center}
body.professional-panel #branding input[type=color]{width:52px;height:42px;min-height:42px;padding:4px;box-sizing:border-box;cursor:pointer}
body.professional-panel #branding input[type=file]{width:100%;min-width:0;max-width:100%;min-height:42px;box-sizing:border-box;pointer-events:none}
body.professional-panel #branding input[type=file]::file-selector-button{pointer-events:auto;cursor:pointer}
body.professional-panel #branding .branding-colour-control input[type=text]{width:100%;min-width:0;height:42px;font-family:monospace}
body.professional-panel #overview .dashboard-wallet-action button{width:auto;min-width:0;height:auto;min-height:40px;max-height:none;display:flex;gap:10px;white-space:nowrap;padding:8px 12px;background:#edf7f4;color:#17343b}
body.professional-panel #overview .dashboard-wallet-action button :is(span,strong){color:#17343b;-webkit-text-fill-color:currentColor;white-space:nowrap}
@media(min-width:761px){
 body.professional-panel #mobileNavToggle{display:none}
}
@media(min-width:761px){
  :root{--ui-page-gap:9px;--ui-card-pad:13px;--ui-density-md:9px;--ui-density-lg:13px}
  body:not(.auth-body) .date-range-bar{padding:10px 12px}
}
.dashboard-stats-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0 0;padding:0 2px}
.dashboard-stats-label strong{font-size:15px;color:var(--dark)}
.dashboard-stats-label small{color:var(--muted);font-size:11px}
@media(max-width:760px){.dashboard-stats-label{align-items:flex-start;flex-direction:column;gap:3px}.dashboard-stats-label strong{font-size:14px}}
body:not(.auth-body) :is(.dashboard-network-stats,.queue-stats,.report-stats)>article{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;align-items:center;column-gap:10px;min-height:78px;padding:11px 13px}
body:not(.auth-body) :is(.dashboard-network-stats,.queue-stats,.report-stats)>article>span{grid-column:1;grid-row:1}
body:not(.auth-body) :is(.dashboard-network-stats,.queue-stats,.report-stats)>article>strong{grid-column:1;grid-row:2;margin:2px 0 0;align-self:end}
body:not(.auth-body) :is(.dashboard-network-stats,.queue-stats,.report-stats)>article>small{grid-column:1/-1;grid-row:3;display:block;min-width:0;margin-top:3px;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
body:not(.auth-body) :is(.dashboard-network-stats,.queue-stats,.report-stats)>article::after{grid-column:2;grid-row:1/3;align-self:center}
body:not(.auth-body) .dashboard-network-stats>article:nth-child(1)::after{content:"↗";color:#2463dd;background:#eaf1ff}
body:not(.auth-body) .dashboard-network-stats>article:nth-child(2)::after{content:"✓";color:#087b58;background:#e7f7ef}
body:not(.auth-body) .dashboard-network-stats>article:nth-child(3)::after{content:"◉";color:#2463dd;background:#eaf1ff}
body:not(.auth-body) .dashboard-network-stats>article:nth-child(4)::after{content:"!";color:#b7473d;background:#fff0ee}
body:not(.auth-body) .dashboard-network-stats>article::after{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;font-size:14px;font-weight:900}
body:not(.auth-body) .queue-stats>article::before,body:not(.auth-body) .report-stats>article::before{right:12px;left:auto;top:12px;bottom:auto;width:28px;height:28px;border-radius:9px;opacity:.75}
body:not(.auth-body) .queue-stats>article>small,body:not(.auth-body) .report-stats>article>small{max-width:100%}
body:not(.auth-body) .report-stats{align-items:stretch}
body:not(.auth-body) .report-stats>article{min-height:82px}
@media(max-width:760px){body:not(.auth-body) :is(.dashboard-network-stats,.queue-stats,.report-stats)>article{min-height:74px;padding:10px 11px}body:not(.auth-body) :is(.dashboard-network-stats,.queue-stats,.report-stats)>article>small{font-size:9px}}
:root{--clean-bg:#f3f7f8;--clean-surface:#fff;--clean-surface-soft:#f8fbfb;--clean-text:#163742;--clean-muted:#627986;--clean-line:#dce7ea;--clean-radius:12px;--clean-shadow:0 5px 20px rgba(17,54,67,.06);--clean-gap:10px}
body.professional-panel :is(.cardhead h2,.card>h2){font-size:17px;line-height:1.2;letter-spacing:-.015em}
body.professional-panel :is(.cardhead p,.card>p){font-size:12px;line-height:1.4}
body.professional-panel .dashboard-stats-label{margin:0;padding:0 2px 6px}
body.professional-panel .dashboard-stats-label small{font-size:10px}
body.professional-panel .table{border:1px solid var(--clean-line);border-radius:10px;background:#fff}
body.professional-panel .table th{padding:9px 10px;background:#f1f7f8;color:#4c6875;font-size:10px;letter-spacing:.04em}
body.professional-panel .table td{padding:9px 10px;border-color:#ebf1f2;font-size:12px}
body.professional-panel .table tr:hover td{background:#f8fcfb}
body.professional-panel :is(.report-filters,.wallet-report-filters,#queue .queue-filters){gap:8px;padding:10px;background:var(--clean-surface-soft);box-shadow:none}
body.professional-panel .date-range-bar{padding:10px 12px;box-shadow:none}
body.professional-panel .date-range-bar strong{font-size:14px}
body.professional-panel .date-range-bar small{font-size:10px}
body.professional-panel .date-range-buttons{gap:6px}
body.professional-panel .date-range-buttons button{min-height:34px;padding:6px 10px}
body.professional-panel #connection.ok,body.professional-panel #reportLiveStatus,body.professional-panel #queueWorkerMeta{display:none}
body.professional-panel .banner{min-height:auto;margin:0;padding:10px 12px;font-size:12px;box-shadow:none}
body.professional-panel .banner.bad{display:block}
body.professional-panel .queue-date-range{margin-top:10px}
body.professional-panel #reports .report-command-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border:1px solid var(--clean-line);border-radius:var(--clean-radius);background:var(--clean-surface);box-shadow:var(--clean-shadow)}
body.professional-panel #reports .report-date-range{display:flex;align-items:center;gap:9px;margin:0;padding:6px 8px;border-radius:10px;background:var(--clean-surface-soft)}
body.professional-panel #reports .report-date-range>div:first-child{display:flex;flex-direction:column;gap:1px;white-space:nowrap}
body.professional-panel #reports .report-date-range strong{font-size:11px}
body.professional-panel #reports .report-date-range small{font-size:9px}
body.professional-panel #reports .report-date-range .date-range-buttons{flex-wrap:nowrap}
body.professional-panel #reports .report-date-range .date-range-buttons button{min-height:32px;padding:5px 8px;white-space:nowrap}
body.professional-panel #reports .cleanup-actions{display:flex;gap:6px;white-space:nowrap}
body.professional-panel #reports .cleanup-actions button{min-height:34px;white-space:nowrap}
body.professional-panel #reports .delivery-time-panel{display:none}
body.professional-panel #reports .failure-insights-section{display:none}
body.professional-panel #bulk .campaign-recipient-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;align-items:end;gap:8px;margin:0 0 12px;padding:9px 10px;border:1px solid var(--clean-line);border-radius:11px;background:var(--clean-surface-soft)}
body.professional-panel #bulk .campaign-recipient-toolbar .campaign-setup{display:block;margin:0;padding:0;border:0;background:transparent}
body.professional-panel #bulk .campaign-recipient-toolbar .campaign-setup label{display:grid;gap:5px;margin:0;font-size:10px}
body.professional-panel #bulk .campaign-recipient-toolbar .campaign-source-tabs{display:flex;gap:5px;margin:0;flex-wrap:nowrap}
body.professional-panel #bulk .campaign-recipient-toolbar .campaign-source-tabs button{min-height:38px;padding:7px 9px;white-space:nowrap}
body.professional-panel #bulk .campaign-recipient-toolbar .country-code-tool{display:grid;grid-template-columns:70px auto;align-items:end;gap:5px;margin:0;padding:0;border:0;background:transparent}
body.professional-panel #bulk .campaign-recipient-toolbar .country-code-tool label{margin:0;font-size:10px}
body.professional-panel #bulk .campaign-recipient-toolbar .country-code-tool input{height:38px;min-height:38px;padding:6px 8px}
body.professional-panel #bulk .campaign-recipient-toolbar .country-code-tool button{height:38px;min-height:38px;padding:6px 9px;white-space:nowrap}
body.professional-panel #bulk .campaign-recipient-toolbar .country-code-tool small{display:none}
@media(max-width:1050px){body.professional-panel #bulk .campaign-recipient-toolbar{grid-template-columns:1fr auto}body.professional-panel #bulk .campaign-recipient-toolbar .campaign-setup{grid-column:1/-1}.campaign-recipient-toolbar .country-code-tool{justify-self:end}}
@media(max-width:620px){body.professional-panel #bulk .campaign-recipient-toolbar{display:block;padding:10px}.campaign-recipient-toolbar .campaign-setup{margin-bottom:9px}.campaign-recipient-toolbar .campaign-source-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:9px}.campaign-recipient-toolbar .campaign-source-tabs button{min-width:0;padding:7px 5px;font-size:9px;white-space:normal}.campaign-recipient-toolbar .country-code-tool{width:100%;grid-template-columns:1fr auto}.campaign-recipient-toolbar .country-code-tool label{min-width:0}}
body.professional-panel #bulk .campaign-wizard-step-panel>.wizard-step-heading{align-items:center;gap:8px;margin:0 0 9px}
body.professional-panel #bulk .campaign-wizard-step-panel>.wizard-step-heading>span{width:28px;height:28px;min-width:28px;font-size:13px}
body.professional-panel #bulk .campaign-wizard-step-panel>.wizard-step-heading h2{margin:0;font-size:18px;line-height:1.1}
body.professional-panel #bulk .campaign-wizard-step-panel>.wizard-step-heading p{display:none}
@media(max-width:760px){body.professional-panel .table th,body.professional-panel .table td{padding:8px 9px}}
@media(max-width:680px){body.professional-panel #reports .report-command-bar{align-items:stretch;flex-direction:column}body.professional-panel #reports .report-date-range{align-items:flex-start;flex-direction:column}body.professional-panel #reports .report-date-range .date-range-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.report-command-bar .cleanup-actions{display:grid;grid-template-columns:1fr 1fr}.report-command-bar .cleanup-actions button{width:100%}}
}
@layer layout {/* Shared layout source. After migration edit assets/theme.css directly. */
:root{--g:#087f5b;--brand:#2563eb;--dark:#172b3a;--muted:#526477;--line:#d5dee8;--bg:#f3f6fa;--surface:#fff;--soft:#f7faf9;--ui-surface:#fff;--ui-surface-soft:#f7faf9;--ui-text:#172b3a;--ui-muted:#526477;--ui-border:#d5dee8;--ui-border-strong:#c5d2df;--gap:clamp(12px,1vw,20px);--body-size:clamp(13px,calc(12px + .12vw),15px);--rail:clamp(224px,16vw,264px);--content-max:2400px;--success:#087f5b;--warning:#8a5300;--danger:#b42318;--info:#175cd3;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px #172b3a08;--shadow-md:0 8px 24px #172b3a0d;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--dark);background:var(--theme-page-bg,var(--bg));line-height:1.45}
/* One branded scrollbar treatment for every panel surface: page, tables,
   side navigation, chat columns and flow canvas all inherit the active theme. */
body.professional-panel,body.professional-panel *{scrollbar-width:thin;scrollbar-color:var(--theme-primary,var(--g)) var(--theme-primary-soft,#edf4f1)}
body.professional-panel *::-webkit-scrollbar{width:12px;height:12px}
body.professional-panel *::-webkit-scrollbar-track{background:var(--theme-primary-soft,#edf4f1);border-radius:99px}
body.professional-panel *::-webkit-scrollbar-thumb{min-height:30px;border:3px solid var(--theme-primary-soft,#edf4f1);border-radius:99px;background:var(--theme-primary,var(--g))}
body.professional-panel *::-webkit-scrollbar-thumb:hover{background:var(--theme-accent,var(--brand))}
button,input,select,textarea{font:inherit}
.emoji-results button{font-size:27px;line-height:1.2;min-width:42px;min-height:42px;padding:5px}
button,.button-link,.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--dark);font-size:var(--body-size);font-weight:600;line-height:1.2;cursor:pointer;text-decoration:none}
button:hover:not(:disabled),.button-link:hover{background:#eaf1f6;color:var(--dark);transform:none}
button.primary,.button-link.primary{background:var(--theme-primary,var(--g));color:var(--theme-on-primary,#fff);border-color:var(--theme-primary,var(--g))}
button.primary:hover:not(:disabled){background:var(--theme-primary,var(--g));color:var(--theme-on-primary,#fff);box-shadow:inset 0 0 0 2px currentColor}
button.danger{background:#fff1ef;color:#a32d26;border-color:#efc4bf}
button:disabled{cursor:not-allowed;background:#edf1f4;color:#657482;opacity:1;box-shadow:none}
/* Shared selected-tab treatment: white face, readable label and branded base.
   Keep selection separate from hover and ordinary action/submit buttons. */
body.professional-panel :is(.date-range-buttons,.wallet-date-ranges,.workspace-tabs,.workspace-tab-buttons,.phonebook-section-tabs,.campaign-source-tabs,.campaign-schedule-tabs,.template-step-nav,[role="tablist"]){padding-bottom:6px}
body.professional-panel :is(.date-range-buttons,.wallet-date-ranges,.workspace-tabs,.workspace-tab-buttons,.phonebook-section-tabs,.campaign-source-tabs,.campaign-schedule-tabs,.template-step-nav,[role="tablist"]) button:is(.active,[aria-selected="true"],[aria-pressed="true"]):not(:disabled),
body.professional-panel button[role="tab"][aria-selected="true"]:not(:disabled){
  background:var(--surface,#fff);color:var(--dark,#172b3a);-webkit-text-fill-color:currentColor;
  border:1px solid var(--line,#d5dee8);border-bottom-color:var(--theme-accent,var(--g,#087f5b));
  box-shadow:0 5px 0 color-mix(in srgb,var(--theme-accent,var(--g,#087f5b)) 78%,#102f35),0 9px 16px color-mix(in srgb,var(--theme-accent,var(--g,#087f5b)) 16%,transparent);
  transform:none;font-weight:700;
}
:is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--theme-accent,var(--brand));outline-offset:3px}
[hidden]{display:none!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-width:0;max-width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--dark);font-size:var(--body-size)}
input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--theme-primary,var(--g))}
input[type=color]{max-width:64px}
/* Native upload fields expose only their real button. The wide filename area
   caused empty, clickable boxes and cropped neighbouring form content. */
body.professional-panel input[type=file]:not([hidden]):not(.library-upload input,.flow-import-button input,.chat-attach input){display:block;width:clamp(118px,10vw,148px)!important;min-width:118px!important;max-width:148px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:8px;background:transparent!important;color:transparent!important;font-size:0!important;line-height:0!important;box-shadow:none!important;pointer-events:none}
body.professional-panel input[type=file]:not([hidden]):not(.library-upload input,.flow-import-button input,.chat-attach input)::file-selector-button{display:block;width:100%;height:40px;min-height:40px;margin:0;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--dark);font:600 var(--body-size)/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;pointer-events:auto}
body.professional-panel input[type=file]:not([hidden]):not(.library-upload input,.flow-import-button input,.chat-attach input):hover::file-selector-button{border-color:var(--theme-accent,var(--brand));background:var(--theme-primary-soft,#edf4f1)}
body.professional-panel label:has(>input[type=file]:not([hidden]):not(.library-upload input,.flow-import-button input,.chat-attach input)){align-items:flex-start;max-width:100%}
.file-picker-status{display:block;max-width:100%;min-width:0;overflow-wrap:anywhere;color:var(--muted);font-size:var(--body-size);font-weight:400;cursor:default}
textarea{min-height:100px;resize:vertical}
label,.form label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:var(--body-size);font-weight:600}
h1,h2,h3,p{margin:0}
h2{font-size:clamp(18px,1.15vw,25px);line-height:1.25}
p,small{color:var(--muted)}
img{max-width:100%}
body.professional-panel{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);height:100vh;height:100dvh;overflow:hidden;font-size:var(--body-size)}
body.professional-panel.sidebar-compact{--rail:96px}
body.professional-panel>main{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;width:100%;margin:0;padding:var(--gap);gap:var(--gap);overflow:hidden}
body.professional-panel>main>header{display:flex;align-items:center;justify-content:space-between;flex:none;height:68px;margin:0}
body.professional-panel>main>header.header-actions-mounted{display:none}
body.professional-panel>main>header small{display:none}
.page{display:none}
body.professional-panel>main>.page.active{display:block;flex:1 1 0;min-width:0;min-height:0;width:100%;max-width:var(--content-max);margin:0 auto;padding:0 2px var(--gap);overflow:auto;scrollbar-gutter:stable}
.page>*+*{margin-top:var(--gap)}
.page>:is(.shared-page-hero,.dashboard-hero,.campaign-hero,.provider-hero,.phonebook-hero,.profile-hero){display:flex;position:relative;align-items:center;gap:10px;width:100%;height:68px;min-height:68px;max-height:68px;padding:10px 14px;margin:0;flex:none;border-radius:12px;background:var(--theme-primary,var(--g));color:var(--theme-on-primary,#fff);overflow:visible}
.page>:is(.shared-page-hero,.dashboard-hero,.campaign-hero,.provider-hero,.phonebook-hero,.profile-hero)>div:first-child{flex:1 1 auto;min-width:0}
.page>:is(.shared-page-hero,.dashboard-hero,.campaign-hero,.provider-hero,.phonebook-hero,.profile-hero)>div:first-child>:is(p,small){display:none}
.page>:is(.shared-page-hero,.dashboard-hero,.campaign-hero,.provider-hero,.phonebook-hero,.profile-hero) :is(h1,h2,h3){font-size:clamp(18px,1.15vw,24px);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-header-actions,.header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin:0;height:40px}
.page-header-actions>.sync-state,.provider-hero>button{display:none}
.header-refresh,.user-menu-toggle{height:38px;white-space:nowrap;font-size:13px}
.header-account{position:relative;flex:none}
.user-menu-toggle>span{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--theme-primary,var(--g));color:var(--theme-on-primary,#fff)}
.user-menu{display:none;position:absolute;z-index:200;right:0;top:calc(100% + 8px);width:290px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 110px);overflow:auto;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--dark);box-shadow:0 12px 35px #14253626}
.user-menu.open{display:grid;gap:8px}
.user-menu-identity{display:grid;gap:4px;padding:4px 0 10px;overflow-wrap:anywhere}
.user-menu-identity small{font-size:12px}
.user-menu>a{padding:10px;border-radius:8px;color:#a32d26;background:#fff1ef;text-decoration:none}
.header-password-panel{display:none}
.header-password-panel.open{display:grid;gap:8px}
.user-menu-footer-actions{display:flex;gap:6px;align-items:center}
.dashboard-wallet-action,.dashboard-quick-actions,.campaign-limit{display:flex;align-items:center;gap:6px;flex:none;margin:0}
#overview .dashboard-hero{flex-wrap:nowrap}
#overview .dashboard-wallet-action{display:flex;width:auto;max-width:none;height:40px;grid-template-columns:none;align-items:stretch;flex-wrap:nowrap;overflow:visible}
#overview .dashboard-wallet-action>button{flex:none;width:auto;height:40px;min-height:40px;max-height:40px;margin:0;white-space:nowrap}
#overview .dashboard-wallet-action>button[data-open-page="wallet"]{min-width:126px}
#overview #headerWalletBalance{display:inline-flex;min-width:56px;min-height:26px;align-items:center;justify-content:center;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--dark);-webkit-text-fill-color:currentColor;font-size:12px;font-weight:900;line-height:1}
#overview .dashboard-wallet-action>.dashboard-plan-card{display:grid;flex:none;width:220px;min-width:220px;height:40px;min-height:40px;max-height:40px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 10px;overflow:hidden}
#overview .dashboard-plan-card>span{min-width:0;gap:0}
#overview .dashboard-plan-card .dashboard-plan-expiry{justify-self:end;text-align:right}
#overview .dashboard-plan-card :is(b,strong){display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#overview .dashboard-plan-card small{font-size:7px;line-height:1.1;white-space:nowrap}
.dashboard-plan-card{display:flex;align-items:center;gap:8px;min-height:38px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--dark);font-size:12px}
.dashboard-plan-card>span{display:grid;gap:2px}.dashboard-plan-card small{font-size:10px}
#panelSidebar{grid-column:1;grid-row:1;display:flex;flex-direction:column;min-width:0;height:100%;padding:12px 8px;overflow:auto;background:var(--theme-primary,var(--g));color:var(--theme-on-primary,#fff);border-right:1px solid var(--theme-primary-border,var(--line))}
#panelSidebar .brand{display:flex;align-items:center;justify-content:center;min-height:60px;padding:8px;background:#fff;border-radius:10px}
#panelSidebar .brand-logo{max-height:50px;object-fit:contain}.brand-icon{display:none}
#panelSidebar nav{display:grid;gap:5px;margin-top:10px}
#panelSidebar nav button{appearance:none;display:flex;justify-content:flex-start;gap:9px;width:100%;text-align:left;background-color:transparent!important;color:var(--theme-on-primary,#fff)!important;border:0;font-size:13px;min-height:40px}
#panelSidebar nav button:hover{background-color:transparent!important;color:var(--theme-on-primary,#fff)!important;box-shadow:inset 0 0 0 1px currentColor}#panelSidebar nav button.active,#panelSidebar .nav-group.current>.nav-group-toggle{background-color:var(--theme-accent,var(--brand))!important;color:var(--theme-on-accent,#fff)!important;box-shadow:inset 3px 0 currentColor}
.nav-group-toggle>b{margin-left:auto}.nav-group-items{display:none;padding-left:12px}.nav-group.open>.nav-group-items{display:grid;gap:3px}
/* Expanded groups keep indentation inside the rail, not beyond its edge. */
#panelSidebar nav,.nav-group,.nav-group-items{min-width:0;max-width:100%}
body:not(.sidebar-compact) #panelSidebar .nav-group-items{margin:4px 0 6px 10px;padding:0 0 0 8px;border-left:1px solid color-mix(in srgb,var(--theme-on-primary,#fff) 30%,transparent)}
body:not(.sidebar-compact) #panelSidebar nav button{min-width:0;max-width:100%;height:auto;white-space:normal;overflow-wrap:anywhere}
body:not(.sidebar-compact) #panelSidebar .nav-group.current>.nav-group-toggle{background-color:color-mix(in srgb,var(--theme-on-primary,#fff) 12%,transparent)!important;color:var(--theme-on-primary,#fff)!important;box-shadow:none}
body:not(.sidebar-compact) #panelSidebar .nav-group.open>.nav-group-toggle>b{transform:rotate(90deg)}
.sidebar-nav-icon{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
#sidebarModeToggle,#sidebarModeToggle:hover{margin:10px auto 0;width:36px;padding:7px;background:var(--theme-primary,var(--g));color:var(--theme-on-primary,#fff);border-color:currentColor}
#sidebarModeToggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.sidebar-compact #panelSidebar .nav-group-items{display:none}
.sidebar-compact #panelSidebar nav>button,.sidebar-compact #panelSidebar .nav-group-toggle{flex-direction:column;justify-content:center;text-align:center;font-size:11px;min-height:64px;padding:6px 3px}
.sidebar-compact .nav-group-toggle>b{display:none}
.sidebar-flyout{position:fixed;z-index:300;width:240px;max-height:calc(100dvh - 16px);overflow:auto;padding:10px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #14253626;color:var(--dark)}
.sidebar-flyout>strong{display:block;padding:8px}.sidebar-flyout>button{display:flex;width:100%;justify-content:flex-start;margin-top:5px}.flyout-icon{display:flex}
.sidebar-flyout>strong{color:var(--theme-on-primary,#fff);background:var(--theme-primary,var(--g));border-radius:6px}
.sidebar-flyout>button:hover,.sidebar-flyout>button.active{appearance:none;background-color:var(--theme-accent,var(--brand))!important;color:var(--theme-on-accent,#fff)!important;border-color:var(--theme-accent,var(--brand))!important}
#panelSidebar :is(small,.sidebar-footer){color:inherit}
.card,.banner{min-width:0;padding:var(--gap);border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 3px 12px #172b3a05}
.cardhead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.cardhead>div{min-width:0}.cardhead p{margin-top:5px;max-width:85ch}
.grid{display:grid;gap:var(--gap)}.billing-price-grid,.report-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--gap)}
/* Reports use proportional tracks, not 220px auto-fit columns which orphaned
   Reset when the desktop sidebar expanded. Admin adds one optional User field. */
#reports .report-filters{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:clamp(6px,.6vw,12px)}
#reports .report-filters>label{min-width:0;margin:0}
#reports .report-filters :is(input,select,button){min-width:0;max-width:100%;width:100%;padding-inline:clamp(6px,.55vw,12px)}
#reports #resetReportFilters{white-space:normal;align-self:end}
@media(min-width:1200px){
  #reports .report-filters{grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr) minmax(0,1.1fr) repeat(2,minmax(0,1fr)) minmax(88px,.7fr)}
  #reports .report-filters:has(#reportUserFilter){grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) repeat(2,minmax(0,1fr)) minmax(88px,.7fr)}
}
@media(max-width:480px){#reports .report-filters{grid-template-columns:minmax(0,1fr)}}
/* Shared filter sizing across feature pages. Status text keeps its own row. */
body.professional-panel :is(.queue-filters,.wallet-ledger-filters,.provider-connection-filters,.settlement-filters){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;min-width:0;gap:clamp(6px,.6vw,12px)}
body.professional-panel :is(.queue-filters,.wallet-ledger-filters,.provider-connection-filters,.settlement-filters)>*{min-width:0;max-width:100%}
body.professional-panel :is(.queue-filters,.wallet-ledger-filters,.provider-connection-filters,.settlement-filters) :is(input,select,button){min-width:0;max-width:100%;width:100%;padding-inline:clamp(6px,.55vw,12px)}
body.professional-panel :is(.queue-filters,.wallet-ledger-filters,.provider-connection-filters,.settlement-filters)>button{height:auto;white-space:normal;align-self:end}
body.professional-panel .wallet-ledger-filters>[role="status"]{grid-column:1/-1}
body.professional-panel :is(.settings-actions,.phonebook-toolbar,.report-bulk-toolbar,.flow-canvas-toolbar>div){flex-wrap:wrap;min-width:0;max-width:100%;gap:8px}
body.professional-panel :is(.settings-actions,.phonebook-toolbar,.report-bulk-toolbar,.flow-canvas-toolbar>div)>button{max-width:100%;white-space:normal;overflow-wrap:anywhere;height:auto}
@media(min-width:1200px){
 body.professional-panel .queue-filters{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(88px,.7fr)}
 body.professional-panel .queue-filters:has(#queueUserFilter){grid-template-columns:repeat(5,minmax(0,1fr)) minmax(88px,.7fr)}
 body.professional-panel .wallet-ledger-filters{grid-template-columns:repeat(6,minmax(0,1fr))}
 body.professional-panel .wallet-own-filters{grid-template-columns:repeat(5,minmax(0,1fr))}
 body.professional-panel .admin-activity-filters{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(88px,.7fr)}
 body.professional-panel .settlement-filters{grid-template-columns:repeat(5,minmax(0,1fr))}
 body.professional-panel .settlement-filters:has(#settlementReseller){grid-template-columns:repeat(6,minmax(0,1fr))}
 body.professional-panel .provider-connection-filters{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(88px,.7fr)}
}
body.professional-panel .provider-connection-count{grid-column:1/-1}
@media(max-width:480px){body.professional-panel :is(.queue-filters,.wallet-ledger-filters,.provider-connection-filters,.settlement-filters){grid-template-columns:minmax(0,1fr)}}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:var(--gap)}
.stats article{min-width:0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.stats span{display:block;font-size:12px;color:var(--muted)}.stats strong{display:block;font-size:clamp(24px,1.5vw,36px);font-variant-numeric:tabular-nums}
.table,.table-wrap{min-width:0;max-width:100%;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:10px 12px;border-bottom:1px solid var(--line);font-size:var(--body-size)}th{background:#f1f5f8}td{vertical-align:top}td small{display:block}
/* Ledger headings must remain readable in both wallet and user billing views. */
/* One restrained heading scale for all data tables and mobile row labels. */
body.professional-panel th,
body.professional-panel td[data-label]::before{
  font-size:clamp(11px,calc(10px + .1vw),13px);
  font-weight:600;
  letter-spacing:.015em;
  line-height:1.4;
}
.wallet-ledger-table th{white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;height:auto;vertical-align:top}
.wallet-ledger-table td{white-space:normal;overflow-wrap:anywhere}
/* Campaign actions must fit the cell, including their raised button shadow. */
#queue .queue-table td[data-label="Campaign"],#queue .queue-table td[data-label="Template"]{white-space:normal;overflow-wrap:anywhere;word-break:normal}
#queue .queue-table td[data-label="Campaign"]>strong,#queue .queue-table td[data-label="Campaign"]>code{display:block;width:100%;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
#queue .queue-table .template-row-actions{display:flex;flex-direction:column;align-items:stretch;min-width:0;width:100%;gap:8px;padding-bottom:5px}
#queue .queue-table .template-row-actions button{min-width:0;width:100%;max-width:100%;height:auto;white-space:normal;overflow-wrap:anywhere;margin:0;line-height:1.3}
@media(min-width:761px){#queue .queue-table th:last-child,#queue .queue-table td:last-child{width:170px;min-width:170px;padding:10px 12px 14px}}
.workspace-tabs,.workspace-tab-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.workspace-tabs{padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.workspace-tabs-title{display:none}
.panel-footer{display:flex;flex:none;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:var(--content-max);margin:0 auto;padding:8px 12px;min-height:42px;max-height:80px;overflow:auto;border-radius:10px;background:#172c40;color:#fff;font-size:12px}
.panel-footer-support{display:flex;gap:12px;flex-wrap:wrap}.panel-footer a{color:#fff;text-decoration:none}.panel-footer a span{font-size:10px;margin-right:6px}
.table-scroll-dock{display:block;flex:none;height:15px;overflow-x:auto;overflow-y:hidden}.table-scroll-dock>div{height:1px}
/* Reports keep the horizontal table control beside the fixed footer. */
body.professional-panel #reports .report-workspace-card>.table{overflow-x:hidden}
.report-table-scroll-dock{width:100%;max-width:var(--content-max);margin:calc(var(--gap) * -0.55) auto 0;border:1px solid var(--line);border-radius:8px;background:var(--surface);scrollbar-color:var(--theme-primary,var(--g)) #e7eff1}
.report-table-scroll-dock::-webkit-scrollbar{height:14px}.report-table-scroll-dock::-webkit-scrollbar-track{background:#e7eff1;border-radius:99px}.report-table-scroll-dock::-webkit-scrollbar-thumb{background:var(--theme-primary,var(--g));border:3px solid #e7eff1;border-radius:99px}
.impersonation-bar{display:flex;align-items:center;justify-content:space-between;flex:none;gap:8px;flex-wrap:wrap;padding:8px 12px;border:1px solid #ecd69b;border-radius:10px;background:#fff8e1;font-size:12px}
#notice{position:fixed;right:18px;bottom:18px;z-index:500}.toast{padding:12px 16px;background:#172c40;color:white;border-radius:8px}
.mobile-nav-toggle,.mobile-nav-backdrop{display:none}
#reports :is(.delivery-time-panel,.failure-insights-section):not([hidden]){display:block}
/* Let long form labels and action groups grow instead of clipping content. */
.page :is(.grid,.card,.form,.toolbar,.toolbar-group,.filter-toolbar)>*{min-width:0}
.page :is(label,.cardhead h2,.cardhead h3){overflow-wrap:anywhere}
.page :is(.toolbar,.toolbar-group,.filter-toolbar){display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.page :is(input,select,textarea){max-width:100%}
.page :is(.table,.table-wrap){overscroll-behavior-x:contain}
@media(max-width:1100px){#overview .dashboard-hero{height:auto;max-height:none;min-height:68px;flex-wrap:wrap}#overview .dashboard-wallet-action{height:auto;flex-wrap:wrap}#overview .dashboard-hero>.page-header-actions{height:auto;flex-wrap:wrap}}
body.inbox-page #inbox.page.active{display:flex;flex:1 1 0;width:100%;height:auto;min-height:0;max-width:none;padding:0 2px var(--gap);overflow:hidden;flex-direction:column}
body.inbox-page #inbox.page.active>.chat-app.card{display:grid;grid-template-columns:clamp(300px,25vw,380px) minmax(0,1fr);flex:1 1 0;width:100%;height:100%;min-height:0;margin:0;padding:0;overflow:hidden}
body.inbox-page #inbox .chat-sidebar{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}
body.inbox-page #inbox :is(.chat-list-head,.chat-search-shell,.chat-list-filters){flex:0 0 auto}
body.inbox-page #inbox .chat-list{display:flex;flex:1 1 0;flex-direction:column;align-items:stretch;width:100%;height:0;min-height:0;padding:0 8px 10px;overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable;overscroll-behavior:contain}
body.inbox-page #inbox .chat-contact{display:grid;grid-template-columns:46px minmax(0,1fr) 62px;grid-template-rows:auto;flex:0 0 auto;width:100%;min-height:84px;max-height:94px;align-items:center;gap:10px;margin:0;padding:11px 10px;overflow:hidden}
body.inbox-page #inbox .chat-contact-copy{display:flex;min-width:0;max-width:100%;flex-direction:column;justify-content:center;gap:3px;overflow:hidden}
body.inbox-page #inbox .chat-contact-copy :is(strong,small,em){display:block;position:static;width:100%;max-width:100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.inbox-page #inbox .chat-contact-copy .chat-contact-phone{order:2}body.inbox-page #inbox .chat-contact-copy small:not(.chat-contact-phone){order:3}body.inbox-page #inbox .chat-contact-copy em{order:4}
body.inbox-page #inbox .chat-panel,body.inbox-page #inbox .chat-active{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}
body.inbox-page #inbox .chat-active{flex-direction:column}
body.inbox-page #inbox .chat-header{flex:0 0 auto}
body.inbox-page #inbox .chat-body{display:flex;flex:1 1 0;height:0;min-height:0;overflow:hidden}
body.inbox-page #inbox .chat-thread{flex:1 1 0;width:auto;height:auto;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
body.inbox-page #inbox aside.chat-details{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto}
body.inbox-page #inbox .chat-compose{flex:0 0 auto;max-height:min(210px,32dvh);padding:8px 10px;overflow-x:hidden;overflow-y:auto}
body.inbox-page #inbox .chat-compose #replyText{height:40px;min-height:40px;max-height:96px}
#chatbot_flows .flow-canvas-viewport{overflow:scroll;overflow-y:auto;overflow-x:scroll;scrollbar-gutter:stable both-edges;scrollbar-width:auto;scrollbar-color:var(--theme-primary,var(--g)) #e7eff1}
#chatbot_flows .flow-canvas-viewport::-webkit-scrollbar{width:14px;height:14px}
#chatbot_flows .flow-canvas-viewport::-webkit-scrollbar-track{background:#e7eff1;border-radius:99px}
#chatbot_flows .flow-canvas-viewport::-webkit-scrollbar-thumb{background:var(--theme-primary,var(--g));border:3px solid #e7eff1;border-radius:99px}
#chatbot_flows .flow-canvas{min-width:1600px!important;min-height:760px!important;padding:0!important}
#chatbot_flows :is(.flow-target-port,.flow-source-port){appearance:none;box-sizing:border-box;display:block!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;padding:0!important;margin:0!important;border:3px solid #fff!important;border-radius:50%!important;background:#fff;line-height:0!important;font-size:0!important;box-shadow:0 0 0 2px var(--theme-primary,var(--g))!important;cursor:crosshair}
#chatbot_flows .flow-target-port{left:-10px!important;top:50%!important;transform:translateY(-50%)}
#chatbot_flows :is(.flow-link-row,.flow-route-row)>.flow-source-port{right:-10px!important;top:50%!important;transform:translateY(-50%)}
#chatbot_flows .flow-source-port.connected{background:var(--theme-accent,#0b9b72)!important;box-shadow:0 0 0 2px var(--theme-accent,#0b9b72),0 0 0 5px color-mix(in srgb,var(--theme-accent,#0b9b72) 22%,transparent)!important}
#chatbot_flows :is(.flow-target-port,.flow-source-port):focus-visible{outline:3px solid color-mix(in srgb,var(--theme-accent,#0b9b72) 35%,transparent);outline-offset:3px}
#templates .template-page-head{display:block}
#templates .template-unified-toolbar{display:grid;width:100%;grid-template-columns:max-content max-content minmax(0,1fr);align-items:center;gap:10px;margin:12px 0 0;padding:10px;overflow-x:auto;overflow-y:hidden}
#templates .template-transfer-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;margin:0;padding:0;border:0;background:transparent}
#templates .template-unified-toolbar>#openNewTemplate{grid-column:2;grid-row:1;width:auto;min-width:170px;margin:0;white-space:nowrap}
#templates .template-unified-toolbar>.template-filters{display:grid;grid-column:3;grid-row:1;grid-template-columns:minmax(180px,1.6fr) repeat(3,minmax(120px,1fr));align-items:center;gap:8px;min-width:600px;width:100%;margin:0;padding:0;flex:none}
#templates .template-unified-toolbar :is(button,input,select){height:40px;min-height:40px;margin:0;white-space:nowrap}
#templates .template-unified-toolbar .template-filters>*{width:100%;min-width:0}
#bulk .campaign-recipient-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:end}#bulk .campaign-recipient-toolbar .campaign-setup{flex:1 1 240px;padding:0;margin:0}#bulk .campaign-source-tabs{display:flex;gap:5px;flex-wrap:wrap}#bulk .country-code-tool{display:flex;gap:6px;align-items:end;padding:0;margin:0}#bulk .country-code-tool input{width:70px}
#branding .billing-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#branding .branding-domain-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--theme-primary-soft,#f4faf7)}
#branding .branding-domain-status{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;border-radius:8px;background:var(--surface)}
#branding .brand-colour-studio{display:grid;gap:12px;margin:var(--gap) 0;padding:12px;border:1px solid var(--theme-primary-border,var(--line));border-radius:12px;background:var(--theme-primary-soft,#f4faf7)}
#branding .brand-colour-preview{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px}
#branding .brand-colour-preview>span,#branding .brand-colour-preview>b{display:block;width:40px;height:40px;border:2px solid #fff;border-radius:10px;box-shadow:0 2px 8px #172b3a22}
#branding .brand-colour-preview div{display:grid;gap:2px;min-width:0}#branding .brand-colour-preview small{white-space:normal}
#branding .brand-theme-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#branding .brand-theme-presets button{display:grid;grid-template-columns:38px minmax(0,1fr);justify-content:start;text-align:left;min-width:0;min-height:56px;padding:8px 10px;background:var(--surface)}
#branding .brand-theme-presets button.selected{border-color:var(--theme-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 18%,transparent)}
#branding .brand-theme-presets i{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,var(--p) 50%,var(--a) 50%)}
#branding .brand-theme-presets span,#branding .brand-theme-presets small{display:block;min-width:0}#branding .brand-theme-presets small{font-size:10px;margin-top:2px}
#branding .brand-colour-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#branding .brand-colour-actions button{width:100%}
#branding .branding-colour-control{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:8px}#branding .branding-colour-control input[type=color]{width:54px;height:42px;padding:4px}#branding .branding-colour-control input[type=text]{font-family:ui-monospace,monospace}
#branding input[type=file]{overflow:hidden}#branding input[type=file]::file-selector-button{border:1px solid var(--line);background:var(--surface);cursor:pointer}
/* Narrow screens keep account shortcuts and import/export labels accessible. */
#consent .consent-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 24px}
#consent .consent-tool-card{min-width:0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
#consent .consent-eyebrow{display:block;margin-bottom:8px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.08em}
#consent .consent-tool-card h3,#consent .consent-records-heading h3{font-size:16px;font-weight:600;margin:0 0 6px}
#consent .consent-tool-card p{font-size:13px;color:var(--muted);margin:0 0 18px}
#consent .consent-entry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;border:0;background:transparent;margin:0}
#consent .consent-entry>label{grid-column:1/-1;width:100%;min-width:0}
#consent .consent-entry button{width:100%;white-space:normal}
#consent .consent-guidance{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:16px}
#consent .consent-data-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:0;border:0;background:transparent;align-items:end}
#consent .consent-file-picker,#consent #consentImportState{grid-column:1/-1;min-width:0}
#consent .consent-data-tools button{width:100%;min-width:0;white-space:normal}
#consent #consentImportState{font-size:12px;color:var(--muted);line-height:1.6}
#consent .consent-records-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
#consent #consentState{margin:0;font-size:12px;color:var(--muted)}
@media(max-width:900px){#consent .consent-workspace{grid-template-columns:minmax(0,1fr)}#consent .consent-tool-card{padding:16px}}
#bulk .campaign-phone{height:auto;max-height:none;flex-shrink:0}
#bulk .campaign-source-card:has(#bulkPhonebookGroups)>label{display:flex;width:100%;min-width:0;max-width:100%;align-items:stretch}
#bulk #bulkPhonebookGroups{display:block;width:100%;min-width:0;max-width:100%;height:160px;min-height:160px;max-height:320px;padding:8px;overflow:auto;white-space:normal}
#bulk #bulkPhonebookGroups option{padding:7px 9px;white-space:normal;overflow-wrap:anywhere}
#bulk #bulkPhonebookGroups:disabled{height:64px;min-height:64px;color:var(--muted);background:var(--soft);opacity:1}
#bulk .campaign-phone-screen{height:auto;min-height:180px;max-height:none;overflow:visible;flex-shrink:0}
#bulk .campaign-message-preview{flex-shrink:0;overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:600px){
  #overview .dashboard-hero{flex-wrap:wrap;height:auto;max-height:none;gap:12px}
  #overview .dashboard-wallet-action{flex:1 1 100%;width:100%;height:auto;flex-wrap:wrap;gap:8px}
  #overview .dashboard-wallet-action>.dashboard-plan-card{flex:1 1 180px;width:auto;min-width:0;max-width:100%}
  #overview .dashboard-wallet-action>button[data-open-page="wallet"]{flex:1 1 126px;min-width:0}
  #templates .template-unified-toolbar .template-transfer-toolbar{grid-template-columns:minmax(0,1fr);min-width:0}
  #templates .template-transfer-toolbar button{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;height:auto}
}
#subscriptions .subscription-admin-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px}
#subscriptions .subscription-admin-grid>.subscription-message-pricing{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
#subscriptions .subscription-message-pricing>h3{margin:0;font-size:15px}#subscriptions .subscription-message-pricing>h3:first-child{grid-column:1;grid-row:1}#subscriptions .subscription-message-pricing>h3:nth-of-type(2){grid-column:2;grid-row:1}
#subscriptions .subscription-message-pricing>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#subscriptions .subscription-message-pricing>.grid:first-of-type{grid-column:1;grid-row:2}#subscriptions .subscription-message-pricing>.grid:nth-of-type(2){grid-column:2;grid-row:2}
#subscriptions .subscription-admin-grid>.subscription-description{grid-column:span 3}#subscriptions .subscription-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:1100px){.page-header-actions{gap:5px}.user-menu-toggle strong{max-width:90px;overflow:hidden;text-overflow:ellipsis}.dashboard-plan-card{font-size:11px}.campaign-main-grid{grid-template-columns:minmax(0,1fr)}.campaign-preview-panel{max-width:100%}#subscriptions .subscription-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#subscriptions .subscription-admin-grid>.subscription-description{grid-column:1/-1}#subscriptions .subscription-admin-grid>.subscription-message-pricing{display:block}#subscriptions .subscription-message-pricing>h3{margin:12px 0 8px}}
@media(max-width:850px){body.professional-panel{display:block}body.professional-panel>main{padding:8px}#panelSidebar{display:none;position:fixed;inset:0 auto 0 0;width:240px;z-index:410}.mobile-nav-open #panelSidebar{display:flex}.mobile-nav-toggle{display:flex;position:fixed;top:22px;left:18px;z-index:420;width:32px;min-height:32px;padding:6px;flex-direction:column;gap:4px}.mobile-nav-toggle span{width:18px;height:2px;background:currentColor}.mobile-nav-open .mobile-nav-backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:400}.page>:is(.shared-page-hero,.dashboard-hero,.campaign-hero,.provider-hero,.phonebook-hero,.profile-hero){padding-left:48px;height:auto;min-height:68px;max-height:none;flex-wrap:wrap}.page-header-actions{margin-left:auto}.user-menu-toggle strong,.user-menu-toggle>b{display:none}.panel-footer-support{display:none}.sidebar-compact #panelSidebar .nav-group-items{display:none}.sidebar-compact #panelSidebar .nav-group.open>.nav-group-items{display:grid}.sidebar-compact #panelSidebar nav>button,.sidebar-compact #panelSidebar .nav-group-toggle{flex-direction:row;min-height:40px;font-size:13px}.dashboard-quick-actions{flex-wrap:wrap}#templates .template-unified-toolbar{grid-template-columns:1fr;overflow:visible}#templates .template-unified-toolbar>.template-transfer-toolbar,#templates .template-unified-toolbar>#openNewTemplate,#templates .template-unified-toolbar>.template-filters{grid-column:1;grid-row:auto;width:100%;min-width:0}#templates .template-unified-toolbar>.template-transfer-toolbar{display:grid;grid-template-columns:1fr 1fr}#templates .template-unified-toolbar>.template-filters{grid-template-columns:1fr 1fr}#branding .billing-price-grid,#branding .brand-theme-presets{grid-template-columns:1fr}#branding .brand-colour-actions{grid-template-columns:1fr}}
@media(max-width:850px){body.inbox-page #inbox.page.active>.chat-app.card{display:block;position:relative}body.inbox-page #inbox .chat-sidebar{width:100%;height:100%}body.inbox-page #inbox .chat-panel{position:absolute;inset:0;z-index:5;width:100%;height:100%;transform:translateX(102%);transition:transform .2s ease}body.inbox-page #inbox .chat-panel.mobile-open{transform:translateX(0)}body.inbox-page #inbox .chat-header #chatBack{display:inline-flex}}
/* Chatbot studio: a dedicated editor surface, without changing flow behaviour. */
body.professional-panel #chatbot_flows .flow-studio-head{display:block;padding:22px;background:var(--surface);border-bottom:1px solid var(--line)}
body.professional-panel #chatbot_flows .flow-studio-title{min-width:0;margin-bottom:18px}
body.professional-panel #chatbot_flows .flow-studio-title h2{font-size:22px;font-weight:650;margin:6px 0}
body.professional-panel #chatbot_flows .flow-studio-title p{font-size:13px;line-height:1.6}
body.professional-panel #chatbot_flows .flow-studio-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}
body.professional-panel #chatbot_flows .flow-identity-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:12px;align-items:end}
body.professional-panel #chatbot_flows :is(.flow-select-label,.flow-name-label){grid-column:auto;min-width:0}
body.professional-panel #chatbot_flows .flow-command-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.professional-panel #chatbot_flows .flow-command-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
body.professional-panel #chatbot_flows .flow-studio-actions .flow-command-group button{width:auto;min-width:90px}
body.professional-panel #chatbot_flows .flow-more-tools{border-top:1px solid var(--line);padding-top:10px}
body.professional-panel #chatbot_flows .flow-more-tools summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--dark);padding:5px 0}
body.professional-panel #chatbot_flows .flow-more-tools summary span{font-size:11px;font-weight:400;color:var(--muted);margin-left:8px}
body.professional-panel #chatbot_flows .flow-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:12px}
body.professional-panel #chatbot_flows .flow-tools-grid>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
body.professional-panel #chatbot_flows .flow-tools-grid strong{grid-column:1/-1;font-size:11px;font-weight:600;color:var(--muted)}
body.professional-panel #chatbot_flows .flow-library-heading{display:grid;gap:4px;padding:0 0 14px}
body.professional-panel #chatbot_flows .flow-library-heading strong{font-size:14px;color:var(--dark)}
body.professional-panel #chatbot_flows .flow-library-heading small{font-size:11px;color:var(--muted);margin:0}
body.professional-panel #chatbot_flows :is(button,summary,input,select,textarea):focus-visible{outline:2px solid var(--theme-primary,var(--g));outline-offset:3px}
body.professional-panel #chatbot_flows .flow-node:focus-within{border-color:var(--theme-primary,var(--g));box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary,var(--g)) 15%,transparent)}
body.professional-panel #chatbot_flows .flow-studio-actions label{font-size:11px;letter-spacing:0;text-transform:none;font-weight:500}
body.professional-panel #chatbot_flows .flow-studio-actions :is(input,select,button,.button){width:100%;min-width:0;max-width:100%;height:auto;min-height:38px;margin:0;font-size:12px;white-space:normal;line-height:1.4}
body.professional-panel #chatbot_flows .flow-import-button{display:flex;justify-content:center;align-items:center;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--dark)}
body.professional-panel #chatbot_flows .flow-studio-actions .status-badge{justify-self:start;align-self:center}
body.professional-panel #chatbot_flows .flow-settings-panel{padding:0 22px;background:var(--soft);border:0;border-bottom:1px solid var(--line);border-radius:0}
body.professional-panel #chatbot_flows .flow-settings-panel summary{padding:14px 0;font-size:13px;font-weight:600}
body.professional-panel #chatbot_flows .flow-builder{grid-template-columns:260px minmax(0,1fr);height:clamp(540px,72dvh,960px);min-height:0}
body.professional-panel #chatbot_flows .flow-palette{padding:16px;height:100%;min-height:0;max-height:100%;background:var(--surface);overflow-y:auto}
body.professional-panel #chatbot_flows .flow-palette-search{border-radius:9px;background:var(--soft)}
body.professional-panel #chatbot_flows .flow-palette-group>header{padding:12px 0 6px}
body.professional-panel #chatbot_flows .flow-palette-group>header strong{font-size:10px;letter-spacing:.08em;color:var(--muted)}
body.professional-panel #chatbot_flows .flow-palette-item{display:flex;align-items:flex-start;gap:10px;padding:11px;margin:3px 0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--dark);height:auto;min-height:64px;opacity:1}
body.professional-panel #chatbot_flows .flow-palette-item:hover{background:var(--soft);border-color:var(--theme-primary,var(--g));box-shadow:0 2px 8px #142b4010}
body.professional-panel #chatbot_flows .flow-palette-item>span:nth-child(2){min-width:0;flex:1}
body.professional-panel #chatbot_flows .flow-palette-item strong{display:block;color:var(--dark);font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;line-height:1.4}
body.professional-panel #chatbot_flows .flow-palette-item small{display:block;color:var(--muted);font-size:11px;font-weight:400;line-height:1.5;margin:3px 0 0}
body.professional-panel #chatbot_flows .flow-palette-item em{display:none}
body.professional-panel #chatbot_flows .flow-workspace{display:flex;flex-direction:column;height:100%;min-height:0}
body.professional-panel #chatbot_flows .flow-canvas-toolbar{height:auto;min-height:58px;flex:none;flex-wrap:wrap;padding:10px 14px;color:var(--muted);font-size:11px;background:var(--surface)}
body.professional-panel #chatbot_flows .flow-canvas-toolbar>div{flex-wrap:wrap;gap:6px}
body.professional-panel #chatbot_flows .flow-canvas-viewport{flex:1;min-height:0;height:auto;background-color:var(--soft);background-image:radial-gradient(#b9c7d3 1px,transparent 1px);background-size:22px 22px}
body.professional-panel #chatbot_flows .flow-node{border:1px solid var(--line);border-top:3px solid var(--theme-primary,var(--g));border-radius:12px;box-shadow:0 6px 18px #152b4010;background:var(--surface)}
body.professional-panel #chatbot_flows .flow-node>header{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(0,1fr);gap:10px;padding:14px;position:relative;background:var(--surface);border-radius:12px 12px 0 0}
body.professional-panel #chatbot_flows .flow-node>header>div:not(.flow-node-move-controls){grid-column:2/4;display:block}
body.professional-panel #chatbot_flows .flow-node>header>div>strong{font-size:13px;color:var(--dark);font-weight:650}
body.professional-panel #chatbot_flows .flow-node>header>div>small{display:block;white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.5;color:var(--muted);margin-top:4px}
body.professional-panel #chatbot_flows .flow-node-move-controls{position:static;grid-column:1/-1;display:flex;width:auto;height:auto;min-width:0;gap:5px;flex-direction:row}
body.professional-panel #chatbot_flows .flow-node-move{width:30px;height:28px;min-width:30px;max-width:30px;min-height:28px;max-height:28px;font-weight:500;color:var(--dark);background:var(--soft)}
body.professional-panel #chatbot_flows .flow-node-toggle{grid-column:1/3}
body.professional-panel #chatbot_flows :is(.flow-node-toggle,.remove-flow-node){width:100%;height:auto;min-height:32px;font-size:11px;box-shadow:none}
body.professional-panel #chatbot_flows .flow-connections{background:var(--soft);padding:12px 14px;border-radius:0 0 12px 12px}
body.professional-panel #chatbot_flows :is(.flow-link-row,.flow-route-row){font-size:12px;line-height:1.5;min-height:38px}
body.professional-panel #chatbot_flows .flow-empty{margin:32px;width:min(480px,calc(100vw - 100px));padding:28px;min-height:180px;background:var(--surface);border:1px dashed var(--line);text-align:center;line-height:1.6}
body.professional-panel #chatbot_flows .flow-empty span{font-size:12px}
body.professional-panel #chatbot_flows .flow-actions{padding:16px 22px;background:var(--surface)}
body.professional-panel #chatbot_flows .flow-actions strong{font-size:13px;color:var(--dark)}
body.professional-panel #chatbot_flows .flow-actions small{font-size:11px;line-height:1.5;color:var(--muted)}
@media(max-width:900px){body.professional-panel #chatbot_flows .flow-studio-actions{grid-template-columns:repeat(3,minmax(0,1fr))}body.professional-panel #chatbot_flows :is(.flow-select-label,.flow-name-label){grid-column:1/-1}body.professional-panel #chatbot_flows .flow-builder{grid-template-columns:1fr;height:auto}body.professional-panel #chatbot_flows .flow-palette{height:270px;max-height:270px;min-height:0;border-bottom:1px solid var(--line)}body.professional-panel #chatbot_flows .flow-workspace{height:580px;min-height:0;max-height:none}body.professional-panel #chatbot_flows .flow-studio-head{padding:16px}body.professional-panel #chatbot_flows .flow-minimap{width:90px;height:60px;right:12px;bottom:20px}}
@media(max-width:900px){body.professional-panel #chatbot_flows .flow-tools-grid{grid-template-columns:1fr}body.professional-panel #chatbot_flows .flow-identity-row{grid-template-columns:1fr}body.professional-panel #chatbot_flows .flow-command-group{flex:1 1 100%}body.professional-panel #chatbot_flows .flow-command-group button{flex:1;min-width:0}body.professional-panel #chatbot_flows .flow-more-tools summary span{display:block;margin:5px 0 0}}
/* Keep mobile support details and long page names accessible instead of hiding them. */
@media(max-width:850px){
  body.professional-panel .panel-footer-support{display:flex;flex-wrap:wrap;gap:6px 12px;min-width:0;max-width:100%;overflow-wrap:anywhere}
  body.professional-panel .panel-footer{flex-wrap:wrap;height:auto;gap:8px}
  body.professional-panel .page>:is(.shared-page-hero,.dashboard-hero,.campaign-hero,.provider-hero,.phonebook-hero,.profile-hero) :is(h1,h2,h3){white-space:normal;overflow:visible;overflow-wrap:anywhere}
}
/* Shared SaaS surfaces. Tenant primary/accent variables remain authoritative. */
body.professional-panel{background:var(--bg);color:var(--dark)}
body.professional-panel .card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:var(--surface)}
body.professional-panel .cardhead{gap:var(--space-4);align-items:center;flex-wrap:wrap}
body.professional-panel .cardhead h2{font-size:clamp(16px,1.15vw,20px);font-weight:650;letter-spacing:-.02em}
body.professional-panel .cardhead p{margin-top:6px;font-size:13px;line-height:1.6}
body.professional-panel .page>:is(.shared-page-hero,.dashboard-hero,.campaign-hero,.provider-hero,.phonebook-hero,.profile-hero){height:auto;min-height:72px;max-height:none;flex-wrap:wrap;padding:16px 18px;background:var(--theme-primary,var(--g));color:var(--theme-on-primary,#fff);border:1px solid var(--theme-primary-border,var(--line));box-shadow:var(--shadow-sm)}
body.professional-panel .page>:is(.shared-page-hero,.dashboard-hero,.campaign-hero,.provider-hero,.phonebook-hero,.profile-hero) :is(h1,h2,h3){font-size:clamp(18px,1.4vw,24px);font-weight:650;letter-spacing:-.025em;white-space:normal;overflow-wrap:anywhere}
body.professional-panel #panelSidebar nav button{border-radius:var(--radius-sm);font-weight:550;line-height:1.45;padding-block:10px}
body.professional-panel #panelSidebar .nav-group-items button{font-size:12px}
body.professional-panel :is(.stats,.queue-stats) article{padding:18px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}
body.professional-panel .stats strong{font-size:clamp(24px,2vw,32px);font-weight:650;letter-spacing:-.035em;line-height:1.3;margin-top:6px}
body.professional-panel :is(label,.form label){font-weight:500;line-height:1.5}
body.professional-panel :is(input:not([type=file]):not([type=checkbox]):not([type=radio]),select,textarea){border-radius:var(--radius-sm);font-weight:400;box-shadow:none}
body.professional-panel :is(input,select,textarea)[aria-invalid=true]{border-color:var(--danger)}
body.professional-panel :is(button,.button-link,.btn){font-weight:550;transition:background-color .12s,border-color .12s;box-shadow:none}
body.professional-panel button.danger{color:var(--danger);background:#fff3f1;border-color:#f3c7c2}
body.professional-panel :is(th,td){padding:12px;line-height:1.5}
body.professional-panel th{background:var(--soft);color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.035em}
body.professional-panel tbody tr:hover{background:var(--soft)}
body.professional-panel :is(.table,.table-wrap){border-radius:var(--radius-md);scrollbar-gutter:stable}
body.professional-panel .status-badge{font-size:11px;font-weight:600;line-height:1.5;border-radius:999px;max-width:100%;white-space:normal}
body.professional-panel .banner{border-radius:var(--radius-md);padding:14px 16px;line-height:1.6}
body.professional-panel .toast{max-width:min(440px,calc(100vw - 24px));overflow-wrap:anywhere;line-height:1.5;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}
.auth-body .auth-card{width:min(460px,100%);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:clamp(20px,4vw,36px);background:var(--surface)}
.auth-body .auth-card h1{font-size:26px;letter-spacing:-.03em;line-height:1.3}
.auth-body .auth-card form{display:grid;gap:16px}.auth-body .auth-card label{font-weight:500}
.auth-body .auth-card input{min-height:44px}.auth-body .auth-card input[type=checkbox]{min-height:18px}
@media(max-width:850px){
 body.professional-panel>main>header:not(.header-actions-mounted){height:auto;min-height:68px;flex-wrap:wrap;gap:12px;padding:12px 8px 12px 48px}
 body.professional-panel>main>header .header-actions{flex-wrap:wrap;flex:1 1 auto;height:auto;min-width:0}
 body.professional-panel>main>header h1{font-size:20px;overflow-wrap:anywhere}
 body.professional-panel .page>:is(.shared-page-hero,.dashboard-hero,.campaign-hero,.provider-hero,.phonebook-hero,.profile-hero){padding-left:60px}
 body.professional-panel>#mobileNavToggle{z-index:420;top:22px;left:14px}
 body.professional-panel.mobile-nav-open #panelSidebar{display:flex!important;z-index:410}
 body.professional-panel .page-header-actions{flex-wrap:wrap;max-width:100%;height:auto}
 body.professional-panel :is(.settings-actions,.cardhead,.pagination){flex-wrap:wrap;gap:8px}
 body.professional-panel :is(button,.button-link){min-height:42px}
 body.professional-panel .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.professional-panel .cardhead{align-items:flex-start}
}
@media(max-width:480px){body.professional-panel .stats article{padding:12px}body.professional-panel .card{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){button,a{transition:none;animation:none}}

}
/* Campaign identity columns must not collapse when admin adds the User column. */
@media(min-width:761px){
  body.professional-panel #queue .queue-table-wrap{overflow-x:auto}
  body.professional-panel #queue .queue-table{min-width:1500px;table-layout:auto}
  body.professional-panel #queue .queue-table :is(th,td){white-space:normal;overflow-wrap:anywhere;vertical-align:top}
  body.professional-panel #queue .queue-table td[data-label="User"]{min-width:170px;width:170px}
  body.professional-panel #queue .queue-table td[data-label="Campaign"]{min-width:190px;width:190px}
  body.professional-panel #queue .queue-table td[data-label="Template"]{min-width:150px;width:150px}
  body.professional-panel #queue .queue-table td[data-label="User"] strong,
  body.professional-panel #queue .queue-table td[data-label="Campaign"] strong{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere}
}
/* Search lives inside the campaign user dropdown, not in the filter toolbar. */
#queue .queue-user-field{display:flex;flex-direction:column;gap:8px;min-width:0}
#queue .queue-user-dropdown{position:relative;min-width:0}
#queue .queue-user-dropdown>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:8px;background:var(--surface,#fff);padding:10px 12px;min-height:38px;color:var(--dark)}
#queue .queue-user-dropdown>summary::-webkit-details-marker{display:none}
#queue #queueUserSelectedLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#queue .queue-user-dropdown-menu{position:absolute;top:calc(100% + 5px);left:0;z-index:50;width:340px;max-width:calc(100vw - 60px);padding:10px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.16)}
#queue .queue-user-dropdown-menu input{width:100%;margin:0 0 8px}
#queue .queue-user-dropdown-menu select{width:100%;height:220px;max-height:220px;padding:4px;background:var(--surface,#fff)}
#queue .queue-user-dropdown-menu option{padding:8px;white-space:normal}
/* Preserve PNG alpha against the tenant sidebar theme; do not alter image pixels. */
#panelSidebar .brand.brand-transparent-logo,
#panelSidebar .brand.brand-transparent-logo :is(.brand-logo,.brand-icon){background:transparent;border-color:transparent;box-shadow:none}
/* Final branding bridge: neutral content remains readable; brand colour marks actions. */
body.professional-panel[data-brand-theme="ready"]{background:var(--theme-page-bg);color:var(--dark)}
body.professional-panel[data-brand-theme="ready"] :is(.card,.form-card,.modal-content,.dialog-card){background:var(--theme-surface);color:var(--dark)}
body.professional-panel[data-brand-theme="ready"] :is(button.primary,.button-link.primary,.btn.primary){background:var(--theme-primary)!important;background-image:none!important;color:var(--theme-on-primary)!important;border-color:var(--theme-primary)!important}
body.professional-panel[data-brand-theme="ready"] :is(button.primary,.button-link.primary,.btn.primary):hover:not(:disabled){box-shadow:inset 0 0 0 2px currentColor}
body.professional-panel[data-brand-theme="ready"] :is(input,select,textarea){color:var(--dark);background-color:var(--theme-surface)}
body.professional-panel[data-brand-theme="ready"] :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
body.professional-panel[data-brand-theme="ready"] :is(button,input,select,textarea,summary,a):focus-visible{outline:2px solid var(--theme-primary-ink);outline-offset:3px}
body.professional-panel[data-brand-theme="ready"] :is(th,.report-filters,.queue-filters,.wallet-ledger-filters){background-color:var(--soft);color:var(--dark)}
body.professional-panel[data-brand-theme="ready"] :is(.date-range-buttons,.wallet-date-ranges) button.active{background:var(--theme-surface);color:var(--dark);border-bottom-color:var(--theme-accent);box-shadow:0 4px 0 var(--theme-accent)}
body.professional-panel[data-brand-theme="ready"] .campaign-progress>span>i{background:var(--theme-primary)}
body.professional-panel[data-brand-theme="ready"] .panel-footer{background:var(--theme-primary);color:var(--theme-on-primary)}
body.professional-panel[data-brand-theme="ready"] .panel-footer :is(a,span,small){color:inherit}
body.professional-panel[data-brand-theme="ready"] .panel-footer a:hover{text-decoration:underline;text-underline-offset:3px}
body.professional-panel[data-brand-theme="ready"] .panel-footer a:focus-visible{outline-color:var(--theme-on-primary)}
body.professional-panel[data-brand-theme="ready"] #panelSidebar :is(button,summary,a):focus-visible{outline-color:var(--theme-on-primary)}
body.professional-panel[data-brand-theme="ready"] .page>:is(.shared-page-hero,.dashboard-hero,.campaign-hero,.provider-hero,.phonebook-hero,.profile-hero) :is(h1,h2,h3,p){color:var(--theme-on-primary)}
/* Status reds/greens, WhatsApp bubbles and customer logos deliberately retain meaning. */