:root{
  --ops-navy:#17324a;--ops-navy-2:#234760;--ops-violet:#356b7f;--ops-violet-2:#47869a;
  --ops-cyan:#18bfd0;--ops-green:#18b981;--ops-amber:#f5aa27;--ops-red:#f0445e;
  --ops-canvas:#f4f7fc;--ops-paper:#fff;--ops-ink:#14213d;--ops-muted:#687993;
  --ops-line:#dce5f1;--ops-soft:#eef3fa;--ops-radius:12px;
  --blue:var(--ops-violet);--citron:#2f7d68;--wine:#356b7f;--ink:var(--ops-ink);
  --muted:var(--ops-muted);--canvas:var(--ops-canvas);--paper:var(--ops-paper);--line:var(--ops-line);
}
*{box-sizing:border-box}
body{background:var(--ops-canvas);color:var(--ops-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.app{min-height:100vh;background:var(--ops-canvas)}
.sidebar{width:220px;background:linear-gradient(180deg,#122544 0%,#0d1a34 100%);border:0;padding:18px 12px 16px;color:#fff;box-shadow:10px 0 30px rgba(18,37,68,.08)}
.brand{padding:0 8px 18px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.brand strong{font-size:18px;letter-spacing:-.04em}.brand strong span{color:#a9b8d0;font-weight:500}
.brand-mark.small{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#855dff,#5925e6);box-shadow:0 7px 16px rgba(109,57,248,.4);color:#fff}
.workspace-switch{display:flex;margin:12px 0 9px;padding:10px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);border-radius:10px;color:#fff}
.workspace-icon{background:var(--ops-violet);color:#fff}.workspace-switch small{color:#9fb0ca}
.nav-section-label{color:#7184a2;font-size:12px;letter-spacing:.16em;margin:17px 10px 6px}
#navigation button{position:relative;width:100%;min-height:40px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#c7d2e4;font-size:12px;font-weight:570;gap:10px;transition:.16s ease}
#navigation button svg{width:18px;height:18px;stroke-width:1.7}
#navigation button:hover{background:rgba(255,255,255,.07);color:#fff}
#navigation button.active{color:#fff;background:linear-gradient(90deg,#6532ef,#7b45ff);box-shadow:0 8px 22px rgba(89,37,230,.3)}
#navigation button.active:before,#navigation button.active:after{display:none}
.sidebar-bottom{border-color:rgba(255,255,255,.08)}.help-card{display:none}.user-row{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#fff}.user-mini small{color:#91a3be}.logout-button{color:#b7c4d8}
.main{margin-left:220px;min-height:100vh}
.topbar{height:64px;padding:0 24px;background:var(--ops-navy);border:0;grid-template-columns:minmax(120px,.45fr) minmax(320px,520px) 1fr;color:#fff;box-shadow:0 3px 13px rgba(16,31,61,.18)}
.breadcrumbs{color:#9eb0c9}.breadcrumbs strong{color:#fff}.crumb-sep{color:#526b8e}
.global-search input{height:38px;min-height:38px;background:#1a355e;border:1px solid #36527a;color:#fff;border-radius:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.global-search input::placeholder{color:#aec0d7}.global-search span{color:#d4dfec}
.notification-button{border:1px solid #355075;background:#173158;color:#fff}.notification-button:hover{background:#203f6d}.notification-button span{background:var(--ops-red)}
.top-profile-avatar{background:#1985ee}.top-profile b{color:#fff}.top-profile small{color:#9fb1cb}.top-divider{background:#385071}
.content{max-width:none;padding:22px 24px 38px}
.page-head{align-items:flex-end;margin-bottom:18px;padding:0 2px}.page-head h2{font-size:28px;font-weight:820;letter-spacing:-.045em;color:var(--ops-ink)}.page-head p{font-size:12px;color:var(--ops-muted)}.page-head .eyebrow{display:none}
.head-actions{display:flex;gap:8px;align-items:center}
.primary{border:0;border-radius:8px;background:linear-gradient(135deg,var(--ops-violet),#5524ea);color:#fff;min-height:38px;padding:9px 15px;font-size:12px;font-weight:760;box-shadow:0 7px 16px rgba(109,57,248,.19)}
.primary:hover{filter:brightness(1.06);transform:translateY(-1px)}
.quiet,.copy-button{min-height:38px;border:1px solid var(--ops-line);border-radius:8px;background:#fff;color:#364967;padding:8px 13px;font-size:12px}.quiet:hover,.copy-button:hover{border-color:#b5c7df;background:#f8faff}.quiet:disabled{opacity:.45;cursor:not-allowed}
input,select,textarea{min-height:39px;border:1px solid var(--ops-line);border-radius:8px;background:#fff;color:var(--ops-ink);padding:8px 11px;font-size:12px;outline:none}
input:focus,select:focus,textarea:focus{border-color:#8c6aff;box-shadow:0 0 0 3px rgba(109,57,248,.1)}
.panel,.card,.metric{border:1px solid var(--ops-line);border-radius:var(--ops-radius);background:#fff;box-shadow:0 6px 24px rgba(30,59,105,.045)}
.metric{min-height:104px;padding:15px}.metric-icon{background:#ede9ff;color:var(--ops-violet)}.metric strong{font-size:25px;color:var(--ops-ink)}
.table-wrap{border:1px solid var(--ops-line);border-radius:11px;background:#fff;box-shadow:0 5px 22px rgba(30,59,105,.035);max-height:calc(100vh - 235px)}
table{font-variant-numeric:tabular-nums}th{position:sticky;top:0;z-index:1;background:#f1f5fa;color:#60718a;font-size:12px;padding:11px 13px;border-color:var(--ops-line)}td{padding:12px 13px;color:#293a56;border-color:#e7edf5;font-size:12px}tbody tr:hover{background:#f8f6ff}tbody tr:focus-within{background:#f4f1ff}
.badge{background:#eef2f7;color:#5e6e84;border:0;border-radius:999px;font-size:12px;padding:5px 8px}.badge.green{background:#ddf8ee;color:#087c5b}.badge.coral{background:#ffe4e9;color:#bb2641}
.empty{border:1px dashed #ccd8e8;border-radius:11px;background:#fff;color:#77879e;padding:30px;text-align:center}.compact-empty{margin:18px;padding:22px}.loading-state:before{content:"";display:block;width:26px;height:26px;margin:0 auto 12px;border:3px solid #ded7ff;border-top-color:var(--ops-violet);border-radius:50%;animation:ops-spin .8s linear infinite}@keyframes ops-spin{to{transform:rotate(360deg)}}
.customer-summaries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.customer-summary{display:flex;align-items:center;gap:11px;min-height:76px;padding:13px;border:1px solid var(--ops-line);border-radius:11px;background:#fff;color:var(--ops-ink);text-align:left;box-shadow:0 5px 18px rgba(30,59,105,.035)}
.customer-summary>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#ede9ff;color:var(--ops-violet);font-size:18px}.customer-summary small,.customer-summary strong{display:block}.customer-summary small{color:var(--ops-muted);font-size:12px}.customer-summary strong{font-size:22px;margin-top:3px}.customer-summary.active{border-color:#8f6fff;box-shadow:0 0 0 2px rgba(109,57,248,.08)}.customer-summary.active>span{background:var(--ops-violet);color:#fff}.customer-summary:nth-child(2)>span{background:#ddf8ee;color:#0b9a6b}.customer-summary:nth-child(3)>span{background:#ffe8f1;color:#ef3977}.customer-summary:nth-child(4)>span{background:#e5f4ff;color:#1689d8}
.customer-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 180px 200px;padding:11px;margin-bottom:10px;border:1px solid var(--ops-line);border-radius:11px;background:#fff}
.customer-toolbar input,.customer-toolbar select{max-width:none}
.inbox-shell{grid-template-columns:310px minmax(420px,1fr) 300px;height:calc(100vh - 96px);min-height:610px;margin:-8px -8px -38px;border:1px solid var(--ops-line);border-radius:12px 12px 0 0;overflow:hidden;background:#fff;box-shadow:0 10px 32px rgba(20,48,90,.07)}
.conversation-pane{background:#f9fbfe;border-color:var(--ops-line)}.inbox-pane-head{padding:16px 14px 11px;background:#fff;border-color:var(--ops-line)}.inbox-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.inbox-pane-head h2{font-family:inherit;font-size:20px;font-weight:820;color:var(--ops-ink)}.inbox-pane-head p{margin:3px 0 0;font-size:12px}.inbox-total{display:grid;place-items:center;min-width:28px;height:28px;border-radius:9px;background:#eee9ff;color:var(--ops-violet);font-size:12px;font-weight:800}
.channel-tabs{display:flex;gap:4px;margin:13px 0 10px;padding:4px;background:#eef2f8;border-radius:9px;overflow:auto}.channel-tabs button{min-height:29px;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:#66758c;font-size:12px;white-space:nowrap}.channel-tabs button b{margin-left:3px}.channel-tabs button.active{background:#fff;color:var(--ops-violet);box-shadow:0 2px 8px rgba(31,53,92,.08)}
.inbox-search input{height:38px;min-height:38px;border-radius:8px;background:#f8fafe}.conversation-list{background:#f9fbfe}
.conversation{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;padding:12px 13px;border:0;border-bottom:1px solid #e8eef6;background:transparent;text-align:left}.conversation .avatar{width:36px;height:36px;background:#e4ecf8;color:#294a78}.conversation-copy{min-width:0}.conversation-line{display:flex;justify-content:space-between;gap:8px}.conversation-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.conversation-line time{color:#8a98ab;font-size:12px;white-space:nowrap}.conversation-preview{display:block;margin-top:4px;color:#738198;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{grid-column:2 / 4;display:flex;gap:5px;margin-top:-4px}.channel-badge{font-size:12px;text-transform:capitalize;color:#62738c}.channel-badge.whatsapp{color:#0a9566}.channel-badge.instagram{color:#db3875}.channel-badge.telegram{color:#1689d8}.conversation:hover,.conversation.selected{background:#f0edff}.conversation.selected:before{width:3px;background:var(--ops-violet)}.unread{margin-left:auto;background:var(--ops-violet);color:#fff}
.thread{background:#f4f7fb}.thread-head{min-height:64px;padding:10px 14px;background:#fff;border-color:var(--ops-line)}.thread-head>.avatar{width:38px;height:38px;background:#e6effc;color:#31609b}.thread-title strong{font-size:12px}.thread-title small{font-size:12px}.provider-dot{background:var(--ops-green)}.assign-bar{margin-left:auto}.assign-bar select{min-height:34px;max-width:142px;font-size:12px}
.messages{padding:18px 20px;background:linear-gradient(rgba(247,249,253,.93),rgba(247,249,253,.93)),radial-gradient(circle at 1px 1px,#d8e1ee 1px,transparent 0);background-size:auto,18px 18px;scroll-behavior:smooth}.bubble{position:relative;max-width:72%;margin:5px 0;padding:10px 12px 22px;border:1px solid #e0e7f0;border-radius:12px 12px 12px 3px;background:#fff;color:#293850;font-size:12px;line-height:1.5;box-shadow:0 3px 10px rgba(25,52,92,.05)}.bubble.out{margin-left:auto;border-color:#d9f0e6;border-radius:12px 12px 3px 12px;background:#e8f8f1}.message-time{position:absolute;right:8px;bottom:5px;color:#8090a4;font-size:12px;white-space:nowrap}.bubble-media{padding:6px 6px 23px}.bubble-media img,.bubble-media video{width:auto;max-width:min(430px,100%);max-height:420px;border-radius:8px;background:#e9eef5}.bubble-media figcaption{padding:8px 5px 2px;font-size:12px}.media-skeleton{min-width:230px;min-height:150px;border-radius:8px;color:#6f7e94;background:linear-gradient(110deg,#e7edf5 20%,#f7f9fc 40%,#e7edf5 60%)}.bubble-audio{min-width:min(360px,72%)}.bubble-file button{background:#eeeaff;color:var(--ops-violet)}.bubble-legacy{display:flex;align-items:center;gap:10px;min-width:240px;background:#fff7e7;border-color:#f0d9a4}.bubble-legacy>span:nth-child(2){display:flex;flex-direction:column}.bubble-legacy b{font-size:12px}.bubble-legacy small:not(.message-time){color:#8b7448;font-size:12px}.legacy-media-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#ffe7ad;color:#9b6a00;font-size:17px}
.media-skeleton.media-retry{cursor:pointer;background:#fff0f3;color:#b52f49;border:1px dashed #efb6c1}.media-skeleton.media-retry:hover{background:#ffe5eb}
.compose{gap:8px;padding:10px 12px;background:#fff;border-color:var(--ops-line)}.compose-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ops-line);border-radius:8px;color:var(--ops-violet);font-size:18px}.compose input{background:#f7f9fc;border-color:#e0e7f1}.compose .primary{min-width:82px}
.customer-context{background:#fff;border-color:var(--ops-line)}.customer-head,.context-section{padding:15px;border-color:var(--ops-line)}.customer-identity .avatar{background:#e9e4ff;color:var(--ops-violet)}.context-section h3{font-size:12px;color:#243854}.context-kv{grid-template-columns:80px 1fr;font-size:12px}.context-kv span:nth-child(odd){color:#8090a6}.context-note{background:#fff8e6;border:1px solid #f3dfac;border-radius:8px;color:#6c5c37}
.notification-tabs{display:flex;gap:6px;margin-bottom:11px;padding:5px;border:1px solid var(--ops-line);border-radius:10px;background:#fff}.notification-tabs span{padding:7px 11px;border-radius:7px;color:#687993;font-size:12px}.notification-tabs .active{background:#eee9ff;color:var(--ops-violet);font-weight:800}.notification-list{gap:7px}.notification-card{grid-template-columns:4px minmax(0,1fr) auto;padding:12px 14px;border-radius:10px;border-color:var(--ops-line);box-shadow:0 4px 16px rgba(30,59,105,.035)}.notification-card.unread-card{background:#faf9ff;border-color:#d9d0ff}.notification-mark{width:4px}.notification-card p{margin:5px 0}.notification-card .row{padding:0}.notification-actions{white-space:nowrap}
.task-tabs{display:flex;gap:5px;width:max-content;padding:4px;margin-bottom:10px;border:1px solid var(--ops-line);border-radius:9px;background:#fff}.task-tabs button{min-height:32px;padding:7px 13px;border:0;border-radius:7px;background:transparent;color:#66768e;font-size:12px}.task-tabs button.active{background:var(--ops-violet);color:#fff}.mobile-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mobile-kanban section{padding:10px;border-radius:10px;background:#edf3fb}.mobile-kanban section:nth-child(2){background:#fff6e4}.mobile-kanban section:nth-child(3){background:#e9f8f2}.mobile-kanban h3{margin:0 0 9px;font-size:12px}.kanban-card{padding:10px;border:1px solid var(--ops-line);border-radius:9px;background:#fff;box-shadow:0 4px 12px rgba(30,59,105,.05)}.kanban-card strong{font-size:12px}.kanban-card small,.kanban-card time{font-size:12px}.mobile-task-list,.mobile-task-calendar,.mobile-task-fab{display:none}
.integration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.integration{min-height:145px}.webhook-panel{margin-top:13px}.form-card{border-top:3px solid var(--ops-violet)}.form-grid{gap:12px}.credential-panel{border-color:#cfc3ff;background:#faf8ff}
.dashboard-hero h1{font-family:inherit;font-weight:830;color:var(--ops-ink)}.greeting-sun{display:none}.quick-button{background:var(--ops-violet);color:#fff}.dashboard-metric.berry,.dashboard-metric.amber,.dashboard-metric.sage,.dashboard-metric.navy{background:#fff;color:var(--ops-ink)}.dashboard-metric .metric-copy>span,.dashboard-metric small,.dashboard-metric .metric-change{color:var(--ops-muted)!important}.dashboard-metric strong{color:var(--ops-ink)}.bar-chart{background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#edf2f8 45px)}.sales-bar i{background:linear-gradient(180deg,#9b7cff,#6233ed)}.source-donut{background:radial-gradient(circle at center,#fff 0 48%,transparent 49%),conic-gradient(#6d39f8 0 38%,#18b981 38% 62%,#f5aa27 62% 80%,#18bfd0 80% 92%,#f0445e 92% 100%)}
@media(max-width:1180px){.sidebar{width:200px}.main{margin-left:200px}.inbox-shell{grid-template-columns:280px minmax(380px,1fr)}.customer-context{display:none}.integration-grid{grid-template-columns:1fr 1fr}.customer-summaries{grid-template-columns:1fr 1fr}}
@media(max-width:820px){
  body{padding-bottom:68px}.sidebar{position:fixed;z-index:30;inset:auto 0 0;width:100%;height:68px;padding:0 4px;background:#fff;border-top:1px solid var(--ops-line);box-shadow:0 -8px 24px rgba(17,38,73,.08)}.brand,.workspace-switch,.sidebar-bottom,.nav-section-label{display:none}#navigation{display:flex;height:68px;overflow-x:auto;padding:0}.nav-group{display:contents}#navigation button{flex:1;min-width:72px;min-height:68px;padding:7px 4px;color:#6e7d92;border-radius:0;font-size:12px;gap:4px}#navigation button svg{width:18px;height:18px}#navigation button.active{background:#f0edff;color:var(--ops-violet);box-shadow:none}#navigation button.active:after{display:block;content:"";position:absolute;left:20%;right:20%;bottom:0;height:3px;border-radius:3px;background:var(--ops-violet)}.nav-label{display:none}.nav-label-mobile{display:inline}.main{margin-left:0}.topbar{height:58px;padding:0 14px;background:var(--ops-navy);display:flex}.breadcrumbs strong{font-size:17px}.global-search,.top-profile,.top-divider{display:none}.top-actions{margin-left:auto}.content{padding:14px 12px 24px}.page-head{align-items:flex-start;margin-bottom:13px}.page-head h2{font-size:23px}.page-head p{font-size:12px}.head-actions{width:100%}.head-actions>*{flex:1}.customer-summaries{grid-template-columns:1fr 1fr;gap:7px}.customer-summary{min-height:66px}.customer-toolbar{grid-template-columns:1fr 1fr;padding:8px}.customer-toolbar input{grid-column:1 / -1}.inbox-shell{display:block;height:auto;min-height:0;margin:-14px -12px -24px;border-radius:0;border-inline:0}.conversation-pane{border:0}.conversation-list{max-height:255px}.thread{min-height:calc(100svh - 126px);border-top:1px solid var(--ops-line)}.thread-head{position:sticky;top:58px;z-index:2}.messages{min-height:460px;padding:13px 10px}.bubble{max-width:90%;font-size:12px}.bubble-media img,.bubble-media video{max-height:330px}.compose{position:sticky;bottom:68px;z-index:3}.customer-context{display:none}.table-wrap{max-height:none}.integration-grid{grid-template-columns:1fr}.mobile-kanban{gap:5px}.mobile-kanban section{padding:7px 5px}.kanban-card{padding:8px 6px}.notification-card{grid-template-columns:4px 1fr}.notification-actions{grid-column:2}.metrics{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){.top-actions .connection{display:none}.customer-summary strong{font-size:18px}.customer-toolbar{grid-template-columns:1fr}.customer-toolbar input{grid-column:auto}.notification-tabs{overflow:auto}.notification-tabs span{white-space:nowrap}.head-actions{flex-wrap:wrap}.page-head>.head-actions{width:100%}.mobile-kanban{grid-template-columns:1fr}.mobile-kanban section{min-height:120px}.assign-bar{width:100%;display:grid;grid-template-columns:1fr 1fr}.assign-bar select{max-width:none}.thread-head{flex-wrap:wrap}.bubble-legacy{min-width:0}.bubble-audio{min-width:85%}}

/* Calm corporate palette: low-saturation blue, teal and neutral surfaces. */
.brand-mark.small{background:linear-gradient(145deg,#4f8798,#28576d);box-shadow:0 7px 16px rgba(31,73,94,.25)}
#navigation button.active{background:linear-gradient(90deg,#2f6075,#417f91);box-shadow:0 8px 22px rgba(29,73,92,.22)}
.primary{background:linear-gradient(135deg,var(--ops-violet),#29566d);box-shadow:0 7px 16px rgba(35,79,99,.16)}
input:focus,select:focus,textarea:focus{border-color:#6e9aaa;box-shadow:0 0 0 3px rgba(53,107,127,.11)}
.metric-icon,.customer-summary>span,.inbox-total,.notification-tabs .active,.bubble-file button{background:#e8f1f4}
tbody tr:hover,.conversation:hover,.conversation.selected{background:#f3f8fa}
tbody tr:focus-within{background:#edf4f7}
.loading-state:before{border-color:#d7e5ea;border-top-color:var(--ops-violet)}
.customer-summary.active{border-color:#7ea5b2;box-shadow:0 0 0 2px rgba(53,107,127,.08)}
.customer-summary:nth-child(3)>span{background:#fff0e7;color:#b96225}
.notification-card.unread-card{background:#f5f9fa;border-color:#cadde3}
.customer-identity .avatar{background:#e8f1f4}
.credential-panel{border-color:#cadde3;background:#f7fafb}
.sales-bar i{background:linear-gradient(180deg,#78a9b6,#356b7f)}
.source-donut{background:radial-gradient(circle at center,#fff 0 48%,transparent 49%),conic-gradient(#356b7f 0 38%,#18b981 38% 62%,#f5aa27 62% 80%,#18bfd0 80% 92%,#f0445e 92% 100%)}
@media(max-width:820px){#navigation button.active{background:#e8f1f4;color:var(--ops-violet);box-shadow:none}}

/* Use the supplied Puane wordmark; never synthesize a letter icon. */
.brand{min-height:54px;justify-content:center;padding:0 12px 18px}
.brand .brand-logo{display:block;width:148px;max-width:100%;height:auto;filter:invert(1) brightness(1.16);opacity:.98}
.login-mobile-brand .brand-logo{display:block;width:154px;max-width:55vw;height:auto;filter:none}
.brand-mark,.workspace-icon{display:none!important}
@media(max-width:820px){.brand{display:none}}
.instagram-panel{margin-top:13px}.instagram-panel .row{display:flex;align-items:center;justify-content:space-between;gap:12px}.instagram-panel h2{margin:0 0 6px}.instagram-panel .table-wrap{margin:10px 0;max-height:none}.ig-actions{margin-top:12px}.ig-actions .primary:disabled{opacity:.55;cursor:not-allowed}
.ig-banner{margin:8px 0;padding:10px 12px;border-radius:9px;font-size:12px;line-height:1.5}.ig-banner.ig-ok{background:#ddf8ee;color:#087c5b}.ig-banner.ig-warn{background:#fff4dc;color:#8a5a00}.ig-banner.ig-err{background:#ffe4e9;color:#bb2641}
.ig-table td .badge{white-space:nowrap}.ig-table .badge.ig-warn{background:#fff4dc;color:#8a5a00}.ig-table .badge.ig-err{background:#ffe4e9;color:#bb2641}
/* ---- Medya ekleri, yazma alanı, şablon, raporlar (20261002-connect-media) ---- */
:root{--ch-whatsapp:#2a78d6;--ch-instagram:#eb6834;--ch-telegram:#1baf7a}
.bubble-rich{display:flex;flex-direction:column;gap:6px;padding:6px 6px 22px;min-width:200px}
.bubble-rich .bubble-text{margin:2px 5px;font-size:12px;white-space:pre-wrap;word-break:break-word}
.bubble-failed{border-color:#efb6c1!important;background:#fff4f6!important}
.att-image{display:block;padding:0;border:0;background:#e9eef5;border-radius:8px;cursor:zoom-in;max-width:min(360px,100%)}
.att-image img{display:block;max-width:100%;max-height:360px;border-radius:8px;min-width:120px;min-height:80px}
.att-image.sticker,.att-image.sticker img{background:transparent;max-width:150px}
.att-video{display:block;max-width:min(420px,100%);max-height:380px;border-radius:8px;background:#0e1626}
.att-audio{display:block;width:min(320px,100%)}
.att-note{margin:0 5px;color:#6f7e94;font-size:12px}
.att-card{display:flex;align-items:center;gap:10px;min-width:220px;padding:9px 10px;border:1px solid #e0e7f0;border-radius:9px;background:#f8faff}
.att-card>span:not(.att-icon){display:flex;flex-direction:column;min-width:0;flex:1}
.att-card b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.att-card small{color:#6f7e94;font-size:12px}
.att-icon{font-size:18px;line-height:1}
.att-link{flex:none;border:0;border-radius:7px;background:#eeeaff;color:var(--ops-violet);padding:6px 10px;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}
.att-error{background:#fff4f6;border-color:#efb6c1}
.att-pending{min-width:220px;min-height:120px;display:grid;place-items:center;font-size:12px}
.message-time{display:inline-flex;align-items:center;gap:4px}
.delivery{font-size:12px;letter-spacing:-2px;color:#7b8aa0}
.delivery.read{color:#1d8cf8}
.delivery.failed{color:#c22b45;letter-spacing:0}
.reactions{position:absolute;bottom:-9px;right:10px;display:flex;gap:2px}
.reaction{padding:1px 5px;border:1px solid #e0e7f0;border-radius:999px;background:#fff;font-size:12px;box-shadow:0 2px 6px rgba(25,52,92,.08)}
button.compose-icon{background:#fff;cursor:pointer}
button.compose-icon:disabled{opacity:.4;cursor:not-allowed}
.thread.drop-active{outline:2px dashed var(--ops-violet);outline-offset:-6px}
.compose-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-top:1px solid #f0d9a4;background:#fff7e7;color:#6d5a2f;font-size:12px}
.compose-notice.warn{border-color:#efb6c1;background:#fff0f3;color:#9b2a3f}
.upload-preview{display:flex;align-items:center;gap:10px;padding:9px 12px;border-top:1px solid var(--ops-line);background:#fbfcff}
.upload-thumb{display:grid;place-items:center;width:56px;height:56px;border-radius:8px;overflow:hidden;background:#eef2f7;flex:none}
.upload-thumb img,.upload-thumb video{width:100%;height:100%;object-fit:cover}
.upload-body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.upload-body b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.upload-body small{color:#6f7e94;font-size:12px}
.upload-body input{min-height:32px}
.upload-body progress{width:100%;height:6px}
.upload-actions{display:flex;flex-direction:column;gap:6px}
.lightbox{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(9,16,30,.86)}
.lightbox img{max-width:100%;max-height:100%;border-radius:8px}
.lightbox-close{position:absolute;top:14px;right:16px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;font-size:22px;cursor:pointer}
.modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(9,16,30,.55)}
.modal{width:min(560px,100%);max-height:calc(100svh - 32px);overflow:auto;padding:18px;border-radius:14px;background:#fff;box-shadow:0 20px 60px rgba(9,16,30,.3)}
.modal label{display:flex;flex-direction:column;gap:5px;margin:10px 0;font-size:12px}
.modal .row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tpl-preview{margin:8px 0;padding:10px;border-radius:9px;background:#e8f8f1;font-size:12px;white-space:pre-wrap}
.wa-phone{flex-direction:row!important;align-items:center;gap:10px!important;padding:9px;border:1px solid var(--ops-line);border-radius:9px;cursor:pointer}
.wa-phone span{display:flex;flex-direction:column}
.wa-phone small{color:#6f7e94}
.badge.amber{background:#fff1d6;color:#8a5a00}
.report-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.segmented{display:inline-flex;border:1px solid var(--ops-line);border-radius:9px;overflow:hidden;background:#fff}
.segmented button{border:0;background:transparent;padding:8px 12px;font-size:12px;cursor:pointer;color:#364967}
.segmented button.active{background:#eeeaff;color:var(--ops-violet);font-weight:700}
.report-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.report-tile{display:flex;flex-direction:column;gap:4px;padding:14px}
.report-tile span{color:#5e6e84;font-size:12px}
.report-tile strong{font-size:22px;color:#14213d;font-variant-numeric:tabular-nums}
.report-tile small{color:#8a97aa;font-size:12px}
.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:14px;margin:14px 0}
#report-body{position:relative}
.report-chart .bars{display:flex;align-items:stretch;gap:2px;height:180px;padding:8px 0 22px;border-bottom:1px solid #e3ebf5}
.report-chart .col{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-width:4px;outline:none}
.report-chart .col:hover .stack,.report-chart .col:focus .stack{filter:brightness(1.08)}
.report-chart .stack{display:flex;flex-direction:column-reverse;gap:2px;height:100%;justify-content:flex-start}
.report-chart .seg{display:block;min-height:2px}
.report-chart .stack .seg:last-child{border-radius:4px 4px 0 0}
.report-chart .x{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:12px;color:#8a97aa;white-space:nowrap}
.ch-whatsapp{background:var(--ch-whatsapp)}.ch-instagram{background:var(--ch-instagram)}.ch-telegram{background:var(--ch-telegram)}
.legend{display:flex;gap:14px;margin:12px 0 0;font-size:12px;color:#364967}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend .sw{width:10px;height:10px;border-radius:3px}
.hbar{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:10px;margin:8px 0;font-size:12px}
.hbar .track{height:10px;border-radius:5px;background:#eef2f7;overflow:hidden}
.hbar .track i{display:block;height:100%;border-radius:0 4px 4px 0}
.hbar .track i.neutral{background:#7b8aa0}
.hbar .val{color:#364967;font-variant-numeric:tabular-nums}
.chart-tip{position:absolute;z-index:5;width:200px;padding:7px 9px;border-radius:8px;background:#14213d;color:#fff;font-size:12px;pointer-events:none}
.report-table{margin-top:14px;padding:12px}
.report-table summary{cursor:pointer;font-size:12px;font-weight:700}
@media (max-width:720px){.upload-preview{flex-wrap:wrap}.upload-actions{flex-direction:row}.compose-notice{flex-direction:column;align-items:flex-start}.hbar{grid-template-columns:70px 1fr auto}}
.bubble.out .att-card,.bubble .att-card{color:#293850}
.bubble .att-card b{color:#14213d}.bubble .att-card small{color:#6f7e94}
.bubble .att-error b{color:#9b2a3f}
.state-detail{display:block;white-space:normal;min-width:220px;margin-top:4px;max-width:340px;color:#6f7e94;font-size:12px;line-height:1.45}
.state-detail a{color:var(--ops-violet)}
.ig-banner ul{margin:6px 0 0 16px;padding:0}
.health-list{margin:0;padding:0;list-style:none;white-space:normal;min-width:200px;font-size:12px;line-height:1.6;color:#5e6e84}.health-list b{color:#14213d}.health-list .health-bad{color:#b52f49}