:root{--topbar-height: 72px;--brand-blue: #0a84ff;--brand-blue-dark: #0759a8;--brand-blue-soft: #eaf4ff;--brand-green: #4f9a68;--brand-green-dark: #35724a;--whatsapp-green: #25d366;--whatsapp-green-dark: #128c4a;--whatsapp-green-soft: #e9fbf1;--message-green-soft: #e3fcdb;--font-sans: "Roboto", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:#172033;background:#f4f7fb;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{max-width:100%;min-height:100%;overflow-x:hidden;width:100%}body{margin:0;min-width:320px;overflow:hidden;overscroll-behavior-x:none}button,input,textarea{font:inherit}input,select,textarea{font-weight:400}input::placeholder,textarea::placeholder{font-weight:400}button{cursor:pointer}.app-shell{background:#f4f7fb;height:100vh;max-width:100%;overflow:hidden;overscroll-behavior-x:none;width:100%}.loading-screen,.login-screen{align-items:center;background:#f4f7fb;display:grid;min-height:100vh;max-width:100%;overflow-x:hidden;padding:16px;place-items:center;width:100%}.loading-screen svg{animation:spin .9s linear infinite;color:var(--brand-blue)}@keyframes spin{to{transform:rotate(360deg)}}.login-panel{background:#fff;border:1px solid #dfe4ec;border-radius:8px;box-shadow:0 12px 32px #141c2a1f;display:grid;gap:20px;max-width:420px;min-width:0;padding:28px;width:100%}.login-brand{justify-content:center}.login-brand,.login-brand div{min-width:0}.login-panel label{color:#475366;display:grid;font-weight:600;gap:8px;min-width:0}.login-panel input{border:1px solid #cdd5e1;border-radius:8px;color:#172033;min-height:48px;min-width:0;padding:0 14px;width:100%}.public-proof-shell{background:#eef3f8;height:100vh;overflow-y:auto;padding:22px;width:100%}.public-proof-card{background:#fff;border:1px solid #d9e1ec;border-radius:8px;box-shadow:0 18px 46px #141c2a24;display:grid;gap:22px;margin:0 auto;max-width:760px;min-width:0;padding:28px;width:100%}.public-proof-message-card{max-width:460px;place-items:center;text-align:center}.public-proof-message-card svg:not(.public-proof-spinner){color:#be2d24}.public-proof-spinner{animation:spin .9s linear infinite;color:var(--brand-blue)}.public-proof-brand{align-items:center;display:flex;gap:14px;min-width:0}.public-proof-brand img{height:46px;object-fit:contain;width:46px}.public-proof-brand strong{color:#172033;font-size:24px;font-weight:700;letter-spacing:0}.public-proof-brand span{color:var(--brand-blue)}.public-proof-heading{align-items:start;border-top:1px solid #e1e7f0;display:flex;gap:16px;justify-content:space-between;min-width:0;padding-top:22px}.public-proof-heading h1{font-size:30px;font-weight:700;line-height:1.08;margin:6px 0 0}.section-kicker{color:#98a2b3;font-size:13px;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.public-proof-status{border-radius:999px;flex:0 0 auto;font-size:13px;font-weight:700;padding:8px 12px}.status-pending{background:#fff4d8;color:#8a5600}.status-approved{background:#dff5e8;color:#17633b}.status-changes_requested{background:#ffe8e5;color:#a3352c}.status-submitted{background:#dff5e8;color:#17633b}.public-proof-preview{background:#f8fafc;border:1px solid #d9e1ec;border-radius:8px;display:grid;gap:12px;min-height:280px;overflow:hidden;padding:14px}.public-proof-preview img,.public-proof-preview iframe{background:#fff;border:1px solid #e1e7f0;border-radius:6px;display:block;max-height:62vh;min-height:280px;object-fit:contain;width:100%}.public-proof-preview iframe{height:62vh}.public-proof-preview a{align-items:center;color:var(--brand-blue-dark);display:inline-flex;font-weight:650;gap:8px;justify-self:start;text-decoration:none}.public-proof-preview-empty,.public-proof-file{align-content:center;color:#667085;justify-items:center;text-align:center}.public-proof-status-note{align-items:start;background:#f7f9fc;border:1px solid #e1e7f0;border-radius:8px;color:#475366;display:flex;gap:10px;padding:14px}.public-proof-status-note svg{color:var(--brand-blue);flex:0 0 auto;margin-top:2px}.public-proof-status-note p{margin:0}.public-proof-actions{border-top:1px solid #e1e7f0;display:grid;gap:16px;padding-top:22px}.public-asset-dropzone{align-items:center;background:#f8fafc;border:1px dashed #b9c8db;border-radius:8px;color:#475366;cursor:pointer;display:grid;gap:10px;justify-items:center;min-height:160px;padding:22px;text-align:center;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.public-asset-dropzone.is-dragging-file{background:var(--brand-blue-soft);border-color:#7aa8dc;box-shadow:inset 0 0 0 1px #7aa8dc}.public-asset-dropzone input{height:1px;opacity:0;position:absolute;width:1px}.public-asset-dropzone-main{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:center}.public-asset-dropzone-main svg{color:var(--brand-blue)}.public-asset-dropzone-main strong{color:#172033;font-weight:650}.public-asset-dropzone-hint{color:#667085;font-size:13px}.public-asset-file-list{display:grid;gap:8px;list-style:none;margin:0;padding:0}.public-asset-file-list li{align-items:center;background:#fff;border:1px solid #d9e1ec;border-radius:8px;color:#344054;display:flex;gap:10px;justify-content:space-between;min-height:44px;min-width:0;padding:0 10px 0 12px}.public-asset-file-list li span{align-items:center;display:inline-flex;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-asset-file-list button{align-items:center;background:#eef1f5;border:0;border-radius:7px;color:#475366;display:inline-flex;flex:0 0 auto;height:30px;justify-content:center;width:30px}.public-asset-note-field{color:#475366;display:grid;font-weight:560;gap:8px}.public-asset-note-field textarea{border:1px solid #cdd5e1;border-radius:8px;color:#172033;font-weight:400;line-height:1.45;min-width:0;padding:12px 14px;resize:vertical;width:100%}.public-proof-approve,.public-proof-change-button{align-items:center;border:0;border-radius:8px;color:#fff;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:46px;padding:0 18px}.public-proof-approve{background:var(--brand-green)}.public-proof-change-button{background:var(--brand-blue);justify-self:start}.public-proof-approve:disabled,.public-proof-change-button:disabled{background:#c6cfdb;cursor:not-allowed}.public-proof-changes-form{display:grid;gap:12px}.public-proof-changes-form label{color:#475366;display:grid;font-weight:560;gap:8px}.public-proof-changes-form textarea{border:1px solid #cdd5e1;border-radius:8px;color:#172033;font-weight:400;line-height:1.45;min-width:0;padding:12px 14px;resize:vertical;width:100%}.login-panel .send-button{min-width:0;width:100%}.login-reset-link{color:var(--brand-blue);font-weight:600;justify-self:center;text-decoration:none}.login-reset-link:hover{text-decoration:underline}.form-error,.app-error,.app-success{background:#ffe2e4;border-radius:8px;color:#b42318;font-weight:600;margin:0;padding:12px 14px}.app-success{background:#d9fae6;color:#146a3a}.action-notice{align-items:center;display:flex;gap:12px;justify-content:space-between}.action-notice button{background:#fff;border:1px solid rgb(20 106 58 / 28%);border-radius:999px;color:#146a3a;flex:0 0 auto;font-size:13px;font-weight:600;min-height:30px;padding:0 12px}.action-notice button:disabled{color:#7aa68e;cursor:not-allowed}.topbar{align-items:center;background:#fbfcfe;border-bottom:1px solid #dfe4ec;display:flex;justify-content:space-between;height:var(--topbar-height);min-height:var(--topbar-height);min-width:0;padding:8px 28px;width:100%}.brand{align-items:center;display:flex;gap:12px;min-width:0}.brand img{border-radius:8px;height:46px;object-fit:cover;width:46px}.brand div{align-items:baseline;display:flex;gap:8px;letter-spacing:0;min-width:0}.brand strong{color:#172033;font-size:21px;font-weight:620}.brand span{color:var(--brand-blue);font-size:21px;font-weight:520}.logout-button,.send-button,.new-call-button,.new-message-button,.refresh-button,.settings-button,.ghost-button{align-items:center;border:0;border-radius:8px;display:inline-flex;font-family:"Inter",var(--font-sans);font-weight:560;gap:8px;justify-content:center;letter-spacing:0}.topbar-actions{align-items:center;display:flex;gap:10px}.topbar-actions .logout-button,.topbar-actions .new-call-button,.topbar-actions .new-message-button,.topbar-actions .refresh-button,.topbar-actions .settings-button{border-radius:7px;font-size:14px;font-weight:500;min-height:38px;padding:0 15px}.logout-button{background:#eef1f5;color:#475366;min-height:40px;padding:0 20px}.new-call-button{background:var(--brand-blue);color:#fff;min-height:40px;padding:0 18px}.new-message-button{background:var(--whatsapp-green);color:#fff;min-height:40px;padding:0 18px}.settings-button,.refresh-button{background:#fff;border:1px solid #cbd8e6;color:#36566f;min-height:40px;padding:0 16px}.refresh-button:disabled{background:#eef1f5;color:#98a2b6;cursor:not-allowed}.ghost-button{background:#fff;border:1px solid #d7dde7;color:#475366;min-height:42px;padding:0 16px}.workspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr) minmax(300px,360px);height:calc(100vh - var(--topbar-height));max-width:100%;min-height:0;overflow:hidden;width:100%}.inbox-panel,.context-panel,.conversation-panel{min-width:0}.inbox-panel,.context-panel{background:#fff}.inbox-panel{border-right:1px solid #dfe4ec;display:flex;flex-direction:column;height:100%;overflow:auto}.context-panel{border-left:1px solid #dfe4ec;height:100%;overflow:auto;padding:30px 28px}.context-panel-header{display:none}.metrics-row{border-bottom:1px solid #e7ebf1;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 18px}.metric-card{background:#fff;border:1px solid #d7dde7;border-radius:8px;color:#6c7588;min-height:74px;padding:10px 8px}.metric-card.is-active{border-color:var(--brand-blue);box-shadow:inset 3px 0 0 var(--brand-blue)}.metric-card span{display:block;font-size:11px;font-weight:560;margin-bottom:6px;text-transform:uppercase}.metric-card strong{color:var(--brand-blue);display:block;font-size:26px;font-weight:560;line-height:1}.metric-card strong.warning{color:#f2c600}.workspace-tabs{border-bottom:1px solid #e7ebf1;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.workspace-tabs button{align-items:center;background:#fff;border:1px solid #d7dde7;border-radius:8px;color:#5b6678;display:inline-flex;font-weight:620;gap:8px;justify-content:center;min-height:48px}.workspace-tabs button.is-active{background:var(--brand-blue-soft);border-color:#9ec4f8;color:var(--brand-blue-dark);box-shadow:inset 3px 0 0 var(--brand-blue)}.search-box{align-items:center;border-bottom:1px solid #e7ebf1;display:flex;gap:10px;padding:18px}.search-box input{border:1px solid #cdd5e1;border-radius:8px;color:#172033;font-size:14px;min-height:42px;min-width:0;padding:0 14px;width:100%}.conversation-filter{border-bottom:1px solid #e7ebf1;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 18px}.conversation-filter button{background:#fff;border:1px solid #d7dde7;border-radius:999px;color:#667085;font-size:12px;font-weight:560;min-height:32px;padding:0 10px;text-transform:capitalize}.conversation-filter button.is-active{background:var(--brand-blue-soft);border-color:#bfd5f8;color:var(--brand-blue-dark)}.conversation-list{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto}.panel-note{color:#68748a;font-weight:560;margin:0;padding:22px}.conversation-row{background:#fff;border:0;border-bottom:1px solid #edf0f4;color:#172033;min-height:92px;min-width:0;overflow:hidden;padding:14px 18px 12px;text-align:left;width:100%}.conversation-row.selected{background:var(--brand-blue-soft);box-shadow:inset 4px 0 0 var(--brand-blue)}.conversation-row.needs-reply{background:#fffaf0;box-shadow:inset 4px 0 #f2a900}.conversation-row.needs-reply.selected{background:#fff7e6;box-shadow:inset 4px 0 #d98500}.conversation-row.status-closed{background:#fbfcfe}.conversation-row.status-closed.selected{background:#eef1f5;border-color:#cbd3df;box-shadow:inset 4px 0 #7b8799}.conversation-row-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}.conversation-identity{align-items:center;display:flex;gap:7px;min-width:0}.conversation-row strong{font-size:13px;font-weight:620;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-row em{color:#98a2b6;font-size:13px;font-style:normal;white-space:nowrap}.conversation-row p{color:#667085;font-size:13px;margin:8px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.load-more-button{background:var(--brand-blue-soft);border:1px solid #bfd5f8;border-radius:8px;color:var(--brand-blue-dark);font-size:13px;font-weight:560;min-height:42px;margin:12px 18px 18px;padding:0 16px}.load-more-button:disabled{background:#eef1f5;border-color:#d7dde7;color:#98a2b6;cursor:not-allowed}.conversation-row footer{align-items:center;display:flex;gap:10px;min-width:0;overflow:hidden}.channel-pill,.delivery-pill,.attention-pill,.closed-pill,.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;min-height:26px;padding:0 12px}.conversation-identity .channel-pill,.conversation-identity .delivery-pill,.conversation-identity .attention-pill,.conversation-identity .closed-pill{font-size:10px;min-height:20px;padding:0 8px}.attention-pill{background:#fff1d6;color:#9a5600}.closed-pill{background:#eef1f5;color:#667085}.channel-pill.whatsapp{background:#d9fadd;color:var(--brand-green-dark)}.channel-pill.sms{background:#eef1f5;color:#475366}.delivery-pill.failed{background:#ffe2e4;color:#dc1f46}.status-pill.open{background:#ddf8e9;color:#16743c;text-transform:uppercase}.conversation-panel{display:grid;grid-template-rows:auto 1fr auto;height:100%;max-height:100%;min-width:0;overflow:hidden}.conversation-header{align-items:flex-start;background:#fbfdff;border-bottom:1px solid #dfe4ec;display:flex;gap:10px;justify-content:flex-start;min-height:74px;min-width:0;overflow:hidden;padding:13px 26px}.conversation-header>div,.conversation-header-actions{min-width:0}.conversation-header h1{font-size:18px;font-weight:620;line-height:1.1;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-id{color:#7b8799;display:none;font-size:12px;font-weight:560;letter-spacing:.02em;margin:0 0 8px;text-transform:uppercase}.conversation-header p{color:#7b8799;font-size:14px;font-weight:560;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-header-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.conversation-title-block{min-width:0;width:100%}.mobile-conversation-title-row{display:contents}.mobile-conversation-channel-pill{display:none}.conversation-meta-row{align-items:center;display:flex;gap:10px;min-width:0}.conversation-meta-row p{flex:0 1 auto}.mobile-chat-label,.mobile-channel-label{display:none}.context-toggle{align-items:center;background:#eef1f5;border:0;border-radius:8px;color:#475366;display:none;font-size:13px;font-weight:560;gap:6px;min-height:34px;padding:0 10px}.profile-panel-toggle{align-items:center;background:transparent;border:0;border-radius:8px;color:#667085;display:none;font-size:12px;font-weight:560;flex:0 0 auto;height:26px;justify-content:center;margin-top:1px;min-height:26px;min-width:26px;padding:0;width:26px}.profile-panel-toggle:hover{background:#eef2f7;color:#1f2a3d}.profile-panel-toggle:focus-visible{box-shadow:0 0 0 3px #0a84ff2e;outline:0}.conversation-status-action,.conversation-call-action,.conversation-proof-action{align-items:center;background:#fff;border:1px solid #d7dde7;border-radius:999px;color:#475366;display:inline-flex;font-size:12px;font-weight:560;gap:5px;min-height:30px;padding:0 12px}.conversation-call-action{border-color:#8fc8ff;color:var(--brand-blue)}.conversation-proof-action{border-color:#f4aac6;color:#b8326d}.conversation-asset-action{border-color:#f4c98a;color:#875000}.conversation-status-action.is-close-action{border-color:#f4b4ad;color:#b42318}.conversation-status-action:disabled,.conversation-call-action:disabled,.conversation-proof-action:disabled,.conversation-asset-action:disabled{background:#eef1f5;border-color:#d7dde7;color:#98a2b6;cursor:not-allowed}.message-thread{align-content:start;display:grid;gap:14px;height:100%;max-height:100%;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding:22px 26px}.message-bubble{background:#fff;border:1px solid #e1e6ee;border-radius:8px;box-shadow:0 3px 10px #141c2a12;max-width:min(640px,74%);min-width:0;overflow-wrap:anywhere;padding:14px 16px}.message-bubble.inbound{justify-self:start}.message-bubble.outbound{background:var(--message-green-soft);border-color:#b8efaa;color:#17351f;justify-self:end}.message-bubble.system-event{background:#f7f9fc;border-color:#dfe6f0;color:#475366;justify-self:center;max-width:min(560px,86%)}.message-bubble.system-event.is-approved{background:#eefaf3;border-color:#a8dfbc;color:#176a3b}.message-bubble.system-event.is-changes-requested{background:#fff7ed;border-color:#f7c98b;color:#8a4b00}.message-bubble.system-event.is-assets-submitted{background:#eef6ff;border-color:#a9cff5;color:#24547e}.message-bubble.system-event p{font-weight:520;white-space:pre-wrap}.message-bubble.system-event footer{color:#8a95a8}.message-bubble.system-event.is-approved footer{color:#4f8f68}.message-bubble.system-event.is-changes-requested footer{color:#9a6a2f}.message-bubble.system-event.is-assets-submitted footer{color:#527aa3}.conversation-panel.channel-whatsapp .message-bubble.outbound{background:var(--message-green-soft);border-color:#b8efaa}.conversation-panel.channel-whatsapp .message-bubble.outbound footer{color:#4d7255}.closed-note{background:#eef1f5;border-radius:8px;color:#475366;margin:0;padding:12px 14px}.confirmation-backdrop{align-items:center;background:#0c12208a;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:22px;position:fixed;z-index:2147483647}.confirmation-dialog{background:#fff;border:1px solid #d7dde8;border-radius:8px;box-shadow:0 22px 60px #0c12203d;max-width:430px;padding:22px;width:min(100%,430px)}.confirmation-dialog h2{color:#182233;font-size:20px;line-height:1.2;margin:0 0 10px}.confirmation-dialog p{color:#5a6578;font-size:14px;line-height:1.45;margin:0}.confirmation-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.danger-button{align-items:center;background:#b42318;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;justify-content:center;min-height:42px;padding:0 16px}.danger-button:disabled{cursor:not-allowed;opacity:.65}.message-bubble p{font-size:15px;line-height:1.45;margin:0;min-width:0}.message-bubble footer{color:#7a8496;display:flex;font-size:12px;font-weight:560;gap:10px;justify-content:flex-end;margin-top:10px}.message-bubble.outbound footer{color:#4d7255}.attachment-preview{background:#fff;border:1px solid rgb(20 28 42 / 10%);border-radius:8px;display:block;margin-bottom:12px;max-width:100%;overflow:hidden;text-decoration:none}.attachment-preview img{background:#fff;display:block;max-height:280px;max-width:100%;object-fit:contain;width:100%}.attachment-preview span{align-items:center;background:#f4f8fc;border:1px solid #dbe5ee;color:var(--brand-blue-dark);display:flex;gap:8px;padding:12px}.message-thread-end{height:1px}.composer{background:#fff;border-top:1px solid #dfe4ec;display:grid;flex-shrink:0;gap:8px;padding:10px 28px 12px}.composer.is-dragging-files{background:var(--brand-blue-soft);box-shadow:inset 0 0 0 2px #cbd8e6}.composer textarea{border:1px solid #cdd5e1;border-radius:22px;font-size:14px;line-height:1.35;max-height:132px;min-height:44px;min-width:0;padding:12px 16px;resize:none;width:100%}.composer-actions{align-items:center;display:grid;gap:10px;grid-template-columns:42px minmax(0,1fr) 42px}.attach-control{align-items:center;background:#eef1f5;border-radius:999px;color:#475366;cursor:pointer;display:inline-flex;height:42px;justify-content:center;width:42px}.attach-control.is-disabled{cursor:not-allowed;opacity:.55}.attach-control input{height:1px;opacity:0;position:absolute;width:1px}.send-button{background:var(--brand-blue);color:#fff;font-size:14px;min-height:46px;min-width:164px;padding:0 24px;transition:background .16s ease,transform .16s ease}.send-button:active:not(:disabled){transform:scale(1.03)}.send-button:disabled{background:#c6cfdb;cursor:not-allowed}.whatsapp-send-button:not(:disabled){background:var(--whatsapp-green)}.composer-send-button{border-radius:999px;min-height:42px;min-width:42px;padding:0;width:42px}.file-list{display:flex;flex-wrap:wrap;gap:8px}.file-list span{background:#eef1f5;border-radius:999px;color:#475366;font-size:13px;font-weight:560;padding:7px 12px}.context-section{border-bottom:1px solid #edf0f4;padding:0 0 18px}.context-section+.context-section{padding-top:18px}.context-section h2{align-items:center;color:#9ba4b6;display:flex;font-size:13px;font-weight:560;gap:8px;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}.context-section-heading{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.context-section-heading h2{margin:0}.ai-suggestion-heading{align-items:center;display:flex;gap:10px;justify-content:space-between;margin:0 0 10px;min-width:0}.ai-suggestion-heading h2{margin:0;min-width:0}.suggestion-status-pill{border-radius:999px;flex:0 0 auto;font-size:12px;font-weight:620;line-height:1;padding:5px 10px;text-transform:none}.suggestion-status-pill.ready{background:#ffdce8;color:#dc1f70}.suggestion-status-pill.empty{background:#f1f4f8;color:#667085}.icon-button{align-items:center;background:#eef1f5;border:0;border-radius:8px;color:#475366;display:inline-flex;height:32px;justify-content:center;width:32px}.icon-button:disabled{color:#98a2b6;cursor:not-allowed}.profile-action-buttons{align-items:center;display:flex;gap:8px}.context-section>strong{display:block;font-size:16px;font-weight:620;margin-bottom:4px;overflow-wrap:anywhere}.context-section>p,.context-section>em{color:#667085;display:block;font-size:14px;margin:0 0 5px;overflow-wrap:anywhere}.contact-search-results{border-top:1px solid #edf0f4;display:grid;gap:6px;padding:10px 7px 9px}.search-result-heading{align-items:center;color:#98a2b6;display:flex;font-size:11px;font-weight:560;justify-content:space-between;letter-spacing:.08em;padding:4px 6px;text-transform:uppercase}.search-result-heading em{font-style:normal;letter-spacing:0;text-transform:none}.contact-result-row{align-items:center;background:#fbfcfe;border:1px solid #e3e8f0;border-radius:8px;color:#172033;display:flex;gap:10px;justify-content:space-between;min-height:56px;min-width:0;padding:10px 12px;text-align:left}.contact-result-row span{display:grid;gap:3px;min-width:0}.contact-result-row strong,.contact-result-row em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-result-row em,.contact-result-row small{color:#68748a;font-size:12px;font-style:normal;font-weight:560}.customer-contact-picker{display:grid;gap:10px;min-width:0}.contact-picker-search{align-items:center;border:1px solid #cdd5e1;border-radius:8px;display:grid;gap:8px;grid-template-columns:18px minmax(0,1fr);min-height:44px;padding:0 12px}.contact-picker-search svg{color:#68748a}.contact-picker-search input{border:0;min-height:40px;padding:0}.contact-picker-search{background:#fff;width:100%}.contact-picker-search input{background:transparent;border-radius:0;box-shadow:none}.contact-picker-search input:focus{outline:none}.contact-picker-results{border:1px solid #e3e8f0;border-radius:8px;display:grid;gap:6px;max-height:220px;min-width:0;overflow:auto;padding:7px}.contact-picker-results{background:#fff}.contact-picker-result{align-items:center;background:#fbfcfe;border:1px solid #e3e8f0;border-radius:8px;color:#172033;display:grid;gap:10px;grid-template-columns:18px minmax(0,1fr) auto;min-height:54px;min-width:0;padding:9px 10px;text-align:left}.contact-picker-result span{display:grid;gap:2px;min-width:0}.contact-picker-result strong,.contact-picker-result em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-picker-result em,.contact-picker-result small{color:#68748a;font-size:12px;font-style:normal;font-weight:560}.contact-picker-divider{align-items:center;color:#68748a;display:grid;font-size:12px;font-weight:650;gap:10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);text-transform:uppercase}.contact-picker-divider:before,.contact-picker-divider:after{background:#e3e8f0;content:"";height:1px}.contact-picker-manual-fields{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.settings-surface{max-height:calc(100vh - 36px);max-width:560px;overflow:hidden}.settings-modal-body{min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable}.proof-request-surface{max-width:560px}.proof-request-form{max-height:min(680px,calc(100vh - 172px));overflow-y:auto;padding-right:4px;scrollbar-gutter:stable}.proof-request-form input,.proof-request-form textarea{font-weight:400}.proof-request-form input::placeholder,.proof-request-form textarea::placeholder{font-weight:400}.proof-recipient-card{align-items:center;background:#f7f9fc;border:1px solid #e2e8f0;border-radius:8px;color:#344054;display:flex;gap:10px;min-width:0;padding:11px 12px}.proof-recipient-card svg{color:#146a3a;flex:0 0 auto}.proof-recipient-card div{display:grid;gap:2px;min-width:0}.proof-recipient-card strong,.proof-recipient-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proof-recipient-card strong{color:#172033;font-size:14px;font-weight:620}.proof-recipient-card span{color:#68748a;font-size:13px;font-weight:560}.settings-section{display:grid;gap:12px}.settings-section+.settings-section{border-top:1px solid #edf0f4;padding-top:18px}.settings-section-heading{align-items:start;display:flex;gap:12px;justify-content:space-between}.settings-section h3{color:#172033;font-size:17px;margin:0}.settings-section>p{color:#667085;font-size:14px;line-height:1.4;margin:0}.settings-section-heading p{color:#667085;font-size:14px;line-height:1.4;margin:6px 0 0}.mini-action-button{align-items:center;background:#fff;border:1px solid #cbd8e6;border-radius:8px;color:#36566f;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:560;gap:6px;min-height:34px;padding:0 11px}.mini-action-button:disabled{color:#98a2b6;cursor:not-allowed}.status-empty{align-items:center;background:#f0fbf4;border:1px solid #cfeeda;border-radius:8px;color:#146a3a;display:flex;font-size:14px;font-weight:560;gap:8px;min-height:42px;padding:0 12px}.status-summary-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.status-summary-grid span{background:#f7f9fc;border:1px solid #e3e8f0;border-radius:8px;color:#667085;display:grid;font-size:12px;font-weight:560;gap:2px;padding:10px 12px}.status-summary-grid strong{color:#172033;font-size:20px;line-height:1}.status-issue-group{display:grid;gap:8px}.status-issue-scroll{background:#fff;border:1px solid #e3e8f0;border-radius:8px;display:grid;gap:12px;max-height:clamp(190px,26vh,280px);min-height:0;overflow-y:auto;padding:10px;scrollbar-gutter:stable}.status-issue-group h4{color:#9ba4b6;font-size:12px;letter-spacing:.08em;margin:0;text-transform:uppercase}.status-issue-card{background:#fffaf8;border:1px solid #f2d4cb;border-radius:8px;color:#475366;display:grid;gap:7px;padding:10px 12px}.status-issue-card header{align-items:center;color:#172033;display:flex;gap:7px;min-width:0}.status-issue-card header svg{color:#b54708;flex:0 0 auto}.status-issue-card strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-issue-card em{color:#98a2b6;font-size:12px;font-style:normal;margin-left:auto;white-space:nowrap}.status-issue-card p,.status-issue-card small,.status-issue-card span{font-size:13px;line-height:1.35;margin:0}.status-issue-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.status-issue-card small{color:#68748a;font-weight:560}.status-issue-card span{color:#5b6678}.checkbox-row{align-items:center;display:flex!important;gap:10px;justify-content:flex-start;line-height:1.35}.checkbox-row span{min-width:0}.import-summary{background:#f7f9fc;border:1px solid #e3e8f0;border-radius:8px;color:#475366;display:grid;gap:10px;padding:12px}.import-counts{display:flex;flex-wrap:wrap;gap:8px}.import-counts span{background:#fff;border:1px solid #dfe4ec;border-radius:999px;font-size:12px;font-weight:560;padding:5px 9px}.invalid-row-list{display:grid;gap:5px}.invalid-row-list strong,.invalid-row-list p{font-size:13px;margin:0}.settings-submit-button{width:100%}.app-error.compact,.app-success.compact,.panel-note.compact{margin:0;padding:0}.context-scroll-area{display:grid;gap:0;max-height:min(670px,calc(100vh - 300px));min-height:0;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable}.context-panel::-webkit-scrollbar,.context-scroll-area::-webkit-scrollbar,.intent-box p::-webkit-scrollbar{width:8px}.context-panel::-webkit-scrollbar-thumb,.context-scroll-area::-webkit-scrollbar-thumb,.intent-box p::-webkit-scrollbar-thumb{background:#cfd7e5;border-radius:999px}.context-panel::-webkit-scrollbar-track,.context-scroll-area::-webkit-scrollbar-track,.intent-box p::-webkit-scrollbar-track{background:transparent}.intent-box{border:1px solid #f7c7d8;border-radius:8px;display:grid;gap:8px;padding:10px 12px}.intent-box p{color:#667085;font-size:13px;line-height:1.35;margin:0;max-height:5.4em;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable}.intent-box.is-empty p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.intent-box label{align-items:center;display:flex;gap:10px}.intent-box input{accent-color:var(--brand-blue);height:18px;width:18px}.empty-call-history{color:#667085;font-size:14px;margin:0}.call-history-list{display:grid;gap:10px}.call-history-item{background:#fff;border:1px solid #dfe4ec;border-radius:8px;color:inherit;cursor:pointer;display:grid;gap:10px;padding:12px;text-align:left;width:100%}.call-history-item:hover{border-color:#bfd5f8;box-shadow:0 8px 22px #2b5f961a}.call-history-main{align-items:center;display:flex;gap:10px;min-width:0}.call-history-icon{align-items:center;background:#eef4ff;border-radius:999px;color:var(--brand-blue);display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;width:32px}.call-history-main strong{color:#1d2433;display:block;font-size:14px;font-weight:620;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-history-main p{color:#667085;font-size:13px;margin:2px 0 0;overflow-wrap:anywhere}.call-history-meta{align-items:center;color:#667085;display:flex;flex-wrap:wrap;font-size:12px;font-weight:560;gap:8px}.call-history-meta span{align-items:center;display:inline-flex;gap:4px}.call-status-pill{background:#eef1f5;border-radius:999px;color:#344054;padding:4px 8px;text-transform:capitalize}.call-history-item.status-completed .call-status-pill{background:#e7f7ed;color:#177245}.call-history-item.status-failed .call-status-pill,.call-history-item.status-busy .call-status-pill,.call-history-item.status-no-answer .call-status-pill,.call-history-item.status-canceled .call-status-pill{background:#fff1f0;color:#c0342b}.call-history-item.status-ringing .call-status-pill,.call-history-item.status-initiated .call-status-pill,.call-history-item.status-in-progress .call-status-pill{background:#fff7db;color:#9a6700}.call-activity-list{padding:6px 7px 10px}.call-activity-row{align-items:center;background:#fff;border:1px solid transparent;border-bottom-color:#eef2f6;border-radius:8px;color:#172033;display:grid;gap:9px;grid-template-columns:30px minmax(0,1fr);margin-bottom:5px;min-height:72px;padding:10px 12px;text-align:left;width:100%}.call-activity-row.selected{background:var(--brand-blue-soft);border-color:#bfd5f8;box-shadow:inset 3px 0 0 var(--brand-blue)}.call-row-icon{align-items:center;background:#eef4ff;border-radius:999px;color:var(--brand-blue);display:inline-flex;flex:0 0 auto;height:28px;justify-content:center;width:28px}.call-row-icon svg{height:15px;width:15px}.call-row-icon.direction-inbound{background:#edf8f0;color:var(--brand-green-dark)}.call-row-icon.direction-outbound{background:#eef4ff;color:var(--brand-blue)}.call-row-content{display:grid;gap:7px;min-width:0}.call-row-heading-main{align-items:baseline;display:flex;gap:7px;min-width:0}.call-activity-row .conversation-row-heading em{color:#98a2b6;flex:0 0 auto;font-size:12px;font-style:normal;font-weight:520;line-height:1.1;white-space:nowrap}.call-row-content strong{font-size:13px;font-weight:620;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-row-phone{color:#667085;flex:0 1 auto;font-size:12px;font-weight:520;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-row-meta{align-items:center;color:#667085;display:flex;flex-wrap:nowrap;font-size:10.5px;font-weight:560;gap:5px;min-width:0;overflow:hidden}.call-row-meta span{align-items:center;display:inline-flex;gap:4px;white-space:nowrap}.call-row-meta .call-row-code{display:none}.call-row-meta .call-status-pill{font-size:10.5px;min-height:20px;padding:0 7px}.workflow-pill{align-items:center;background:#fff7db;border-radius:999px;color:#9a6700;display:inline-flex;font-size:10.5px;font-weight:650;justify-content:center;line-height:1;min-height:20px;padding:0 7px}.workflow-pill.workflow-done{background:#e7f7ed;color:#177245}.call-workspace{background:#f5f8fc;container-type:inline-size;display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;min-width:0;overflow:hidden}.empty-call-workspace{align-content:center;justify-items:center;padding:28px;text-align:center}.empty-call-workspace svg{color:var(--brand-blue)}.empty-call-workspace h1{font-size:22px;margin:12px 0 6px}.empty-call-workspace p{color:#667085;margin:0}.call-workspace-header{align-items:flex-start;background:#fbfdff;border-bottom:1px solid #dfe4ec;display:flex;gap:10px;justify-content:space-between;min-width:0;padding:18px 24px}.call-workspace-header h1{font-size:20px;line-height:1.15;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-workspace-header p{align-items:center;color:#667085;display:flex;flex-wrap:wrap;font-weight:560;gap:10px;margin:0}.call-workspace-header-actions{align-items:center;display:flex;flex:0 0 auto;gap:10px}.workspace-kicker{color:#98a2b3;display:block;font-size:12px;font-weight:650;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.call-workspace-grid{display:grid;gap:16px;grid-template-areas:"summary summary" "timeline editor";grid-template-columns:minmax(210px,3fr) minmax(0,7fr);grid-template-rows:auto minmax(180px,1fr);min-height:0;min-width:0;overflow:hidden;padding:16px}.call-workspace-main{display:contents;min-height:0;overflow:hidden}.call-summary-card,.call-timeline-section,.call-editor-panel{background:#fff;border:1px solid #dce3ee;border-radius:8px;box-shadow:0 4px 12px #141c2a0a;padding:14px}.call-summary-card{align-items:center;display:flex;grid-area:summary;flex-wrap:wrap;gap:6px 14px;min-width:0;padding:12px 14px}.call-timeline-section{grid-area:timeline;min-width:0}.call-summary-card>div:first-child{align-items:center;display:flex;gap:10px;max-width:100%;min-width:0;width:100%}.call-summary-card>div:first-child>div{align-items:baseline;display:flex;gap:8px;min-width:0}.call-summary-card .call-row-icon{height:28px;width:28px}.call-summary-card h2{font-size:14px;font-weight:600;margin:0;white-space:nowrap}.call-timeline-section h2,.call-editor-heading h2{font-size:16px;margin:0 0 4px}.call-summary-card p,.call-editor-heading p{color:#667085;font-size:12px;margin:0}.call-summary-card p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-summary-meta{color:#344054;display:flex;flex-wrap:nowrap;font-size:12px;font-weight:500;gap:0;justify-content:center;line-height:1.25;min-width:0;text-transform:capitalize;width:100%}.call-summary-meta span{border-left:1px solid #e8edf4;padding:0 10px;white-space:nowrap}.call-summary-meta span:first-child{border-left:0;padding-left:0}.call-summary-meta .call-summary-status{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;padding:0 10px 0 0}.call-summary-status-dot{border-radius:999px;display:inline-flex;height:8px;width:8px}.call-summary-status-dot.status-complete{background:#16803d}.call-summary-status-dot.status-failed{background:#dc2626}.call-summary-status-dot.status-active{background:#d99a17}.call-summary-status-dot.status-unknown{background:#98a2b3}.call-summary-meta strong{color:#8a94a6;font-size:10px;font-weight:600;text-transform:none}.call-timeline-section{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.call-timeline-list{display:flex;flex-direction:column;gap:7px;height:100%;margin-top:10px;max-height:none;min-height:0;overflow-y:auto;padding-right:8px;scrollbar-gutter:stable}.call-timeline-item{align-items:start;background:#fff;border:1px solid #dfe4ec;border-radius:8px;color:#172033;display:grid;flex:0 0 auto;gap:4px 8px;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;min-height:0;padding:7px 8px;text-align:left}.call-timeline-item .call-row-icon{height:28px;width:28px}.call-timeline-item.selected{background:var(--brand-blue-soft);border-color:#bfd5f8}.call-timeline-item.direction-inbound.selected{background:#effbf3;border-color:#bde8c6}.call-timeline-copy{display:block;min-width:0}.call-timeline-item strong,.call-timeline-item em{display:block}.call-timeline-item strong,.call-timeline-item em,.call-timeline-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-timeline-item strong{color:var(--brand-blue-dark);font-size:12px;font-weight:500}.call-timeline-item.direction-inbound strong{color:var(--brand-green-dark)}.call-timeline-item em,.call-timeline-meta{color:#667085;font-size:11px;font-style:normal;font-weight:400}.call-timeline-meta{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;grid-column:1 / -1;grid-row:2;line-height:1.2}.call-timeline-meta span{align-items:center;display:inline-flex;gap:4px}.call-editor-panel{display:grid;gap:14px;grid-area:editor;grid-template-rows:auto minmax(0,1fr);min-height:0;min-width:0;overflow:hidden;padding:18px 20px}.call-editor-heading{border-bottom:1px solid #edf0f4;padding-bottom:12px}.call-editor-panel .call-details-form{max-height:none}.call-details-form.is-inline{overflow-y:auto;padding-right:12px;scrollbar-gutter:stable}.call-detail-select-row{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.call-recording-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475366;display:grid;gap:6px;padding:10px 12px}.call-recording-status>span{color:#475366;font-size:13px;font-weight:560}.call-recording-status div{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px}.call-recording-status strong{color:#172033;font-size:14px}.call-recording-status em,.call-recording-status p{color:#667085;font-size:13px;font-style:normal;margin:0}.call-recording-status a{color:#2f6fa8;font-size:13px;font-weight:650;text-decoration:none}.call-recording-status audio{flex:1 1 100%;height:34px;max-width:480px;min-width:220px}.call-transcription-heading{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between}.call-textarea-field{color:#475366;display:grid;font-size:13px;font-weight:560;gap:7px}.call-details-form textarea{font-size:13px;font-weight:400;line-height:1.45}.text-action-button{background:transparent;border:0;color:#2f6fa8;cursor:pointer;font:inherit;font-size:13px;font-weight:700;padding:0}.text-action-button:disabled{color:#98a2b6;cursor:not-allowed}.drawer-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,#667085 50%) calc(100% - 18px) 50% / 6px 6px no-repeat,linear-gradient(135deg,#667085 50%,transparent 50%) calc(100% - 13px) 50% / 6px 6px no-repeat,#fff;border:1px solid #cdd5e1;border-radius:8px;color:#172033;min-height:40px;min-width:0;padding:0 34px 0 12px;width:100%}.drawer-form select:disabled{background-color:#f3f5f8;color:#98a2b6}.call-editor-panel .button-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.notes-surface{max-width:520px}.customer-notes-full{background:#f7f9fc;border:1px solid #e3e8f0;border-radius:8px;color:#475366;font-size:14px;line-height:1.5;max-height:min(360px,calc(100vh - 220px));overflow-y:auto;padding:12px 14px;white-space:pre-wrap}.quick-responses{display:grid;gap:8px}.customer-action-panel{display:grid;gap:12px}.context-tab-list{background:#f3f6fa;border:1px solid #dfe4ec;border-radius:8px;display:grid;gap:4px;grid-template-columns:1fr 1fr;padding:4px}.context-tab-list button{align-items:center;background:transparent;border:0;border-radius:6px;color:#667085;display:inline-flex;font-size:13px;font-weight:620;gap:7px;justify-content:center;min-height:34px;padding:0 10px}.context-tab-list button.is-active{background:#fff;box-shadow:0 1px 2px #10182814;color:var(--brand-blue-dark)}.context-tab-list button span{align-items:center;background:#ddf8e9;border-radius:999px;color:#16743c;display:inline-flex;font-size:11px;justify-content:center;min-width:20px;padding:2px 6px}.customer-action-requests{display:grid;gap:10px}.customer-action-empty{background:#f7f9fc;border:1px solid #e3e8f0;border-radius:8px;color:#667085;font-size:13px;margin:0;padding:12px}.customer-action-card{background:#fff;border:1px solid #dfe4ec;border-radius:8px;display:grid;gap:8px;padding:12px}.customer-action-card.status-pending{background:#fffaf0;border-color:#f3d39b}.customer-action-card-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.customer-action-title{align-items:center;color:#344054;display:flex;gap:8px;min-width:0}.customer-action-title strong{font-size:14px;font-weight:620;overflow-wrap:anywhere}.customer-action-status{align-items:center;border-radius:999px;display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:620;gap:4px;padding:4px 8px}.customer-action-status.status-pending{background:#fff1d6;color:#9a5600}.customer-action-status:not(.status-pending){background:#eef1f5;color:#667085}.customer-action-meta,.customer-action-note{color:#667085;font-size:13px;line-height:1.4;margin:0}.customer-action-note{background:#f7f9fc;border-radius:8px;padding:8px 10px}.customer-action-cancel{align-items:center;background:#fff;border:1px solid #f1b9b7;border-radius:8px;color:#c7352f;display:inline-flex;font-size:13px;font-weight:560;gap:7px;justify-content:center;min-height:34px;padding:0 12px}.customer-action-cancel:disabled{background:#f5f7fa;border-color:#dfe4ec;color:#98a2b6;cursor:not-allowed}.secondary-action{background:var(--brand-blue);border:0;border-radius:8px;color:#fff;font-weight:560;min-height:42px;padding:0 14px}.secondary-action.compact{justify-self:end;min-height:32px;padding:0 12px}.ai-suggestion-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.ghost-button.compact{align-items:center;display:inline-flex;gap:7px;min-height:32px;padding:0 12px}.quick-responses button{align-items:center;background:#fff;border:1px solid #dfe4ec;border-radius:8px;color:#344054;display:flex;font-size:13px;gap:9px;min-height:36px;overflow:hidden;padding:0 12px;text-align:left}.quick-responses button>span{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-responses button small{background:#eef6ff;border-radius:999px;color:#24547e;flex:0 0 auto;font-size:10px;font-weight:620;padding:3px 7px}.quick-response-modal{max-width:520px}.quick-response-send-form,.quick-response-fields{display:grid;gap:14px}.quick-response-fields label{color:#475366;display:grid;font-size:13px;font-weight:620;gap:7px}.quick-response-fields input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#1d2939;font:inherit;font-weight:400;min-height:42px;min-width:0;padding:0 12px;width:100%}.quick-response-preview{background:#f7f9fc;border:1px solid #e3e8f0;border-radius:8px;color:#344054;font-size:14px;line-height:1.5;padding:12px;white-space:pre-wrap}.quick-response-preview p{margin:0;overflow-wrap:anywhere}.quick-response-send-button{align-items:center;display:inline-flex;gap:8px;justify-content:center;justify-self:end;min-width:120px}.drawer-backdrop{align-items:center;background:#141c2a6b;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;overflow:hidden;padding:18px;position:fixed;z-index:40}.drawer-surface{background:#fff;border:1px solid #dfe4ec;border-radius:8px;box-shadow:0 22px 60px #141c2a3d;box-sizing:border-box;display:grid;gap:18px;inline-size:min(460px,calc(100vw - 36px));max-width:460px;min-width:0;overflow-x:hidden;padding:22px;width:100%}.drawer-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;min-width:0}.drawer-header h2{font-size:22px;line-height:1.15;margin:0 0 6px}.drawer-header p{color:#667085;font-size:14px;line-height:1.4;margin:0}.drawer-close{align-items:center;background:#eef1f5;border:0;border-radius:8px;color:#475366;display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;width:36px}.drawer-form{display:grid;gap:14px;min-width:0}.drawer-form label{color:#475366;display:grid;font-size:13px;font-weight:560;gap:7px}.drawer-form input{border:1px solid #cdd5e1;border-radius:8px;color:#172033;font-weight:400;min-width:0;min-height:44px;padding:0 13px;width:100%}.drawer-form textarea{border:1px solid #cdd5e1;border-radius:8px;color:#172033;font-size:14px;font-weight:400;line-height:1.4;min-width:0;padding:11px 13px;resize:vertical;width:100%}.drawer-form input::placeholder,.drawer-form textarea::placeholder{font-weight:400}.drawer-form .file-picker-label{gap:8px;position:relative}.drawer-form .file-picker-control{align-items:center;border:1px solid #cdd5e1;border-radius:8px;background:#fbfcfe;display:flex;gap:10px;min-height:76px;min-width:0;padding:12px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;width:100%}.drawer-form .file-picker-label.is-dragging-file .file-picker-control{background:var(--brand-blue-soft);border-color:#8eb8ee;box-shadow:inset 0 0 0 1px #8eb8ee}.file-picker-button{align-items:center;background:#eef1f5;border:1px solid #c6cfdb;border-radius:7px;color:#172033;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:520;gap:6px;justify-content:center;min-height:32px;padding:0 12px}.file-picker-name{color:#68748a;font-size:13px;font-weight:400;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker-name.has-file{color:#172033;font-weight:500}.drawer-form .file-picker-input{height:1px;left:0;min-height:1px;opacity:0;padding:0;pointer-events:none;position:absolute;top:100%;width:1px}.drawer-form .checkbox-row input[type=checkbox]{accent-color:var(--brand-blue);border-radius:4px;flex:0 0 auto;height:18px;min-height:18px;padding:0;width:18px}.drawer-form fieldset{border:0;display:grid;gap:8px;margin:0;min-width:0;padding:0}.drawer-form legend{color:#475366;font-size:13px;font-weight:560;margin-bottom:7px;padding:0}.channel-choice{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-choice legend{grid-column:1 / -1}.channel-choice label{align-items:center;background:#fbfcfe;border:1px solid #dfe4ec;border-radius:8px;color:#475366;display:flex;font-size:14px;font-weight:600;gap:8px;min-height:42px;padding:0 12px}.channel-choice label.selected{background:var(--brand-blue-soft);border-color:#9fc1f1;color:#24547e}.channel-choice label.whatsapp-option.selected{background:var(--whatsapp-green-soft);border-color:var(--whatsapp-green);color:var(--whatsapp-green-dark)}.channel-choice input{accent-color:var(--brand-blue);height:16px;min-height:16px;padding:0;width:16px}.channel-choice .whatsapp-option input{accent-color:var(--whatsapp-green)}.new-message-template-section{display:grid;gap:12px;min-width:0}.button-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.button-grid button{background:#fff;border:1px solid #dfe4ec;border-radius:8px;color:#344054;font-size:13px;font-weight:560;min-height:38px;padding:0 10px}.button-grid button.is-active{background:#eef4ff;border-color:#bfd5f8;color:var(--brand-blue)}.call-details-form{max-height:min(680px,calc(100vh - 172px));overflow-y:auto;padding-right:4px;scrollbar-gutter:stable}.drawer-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.drawer-actions .send-button,.drawer-actions .ghost-button{flex:0 1 auto}@media(min-width:761px){.app-shell{background:#eef2f7}.topbar{border-bottom:1px solid #dce3ee;box-shadow:0 2px 12px #141c2a0a;min-height:var(--topbar-height);padding:7px 24px}.workspace{gap:10px;padding:10px}.inbox-panel,.conversation-panel,.context-panel{background:#fff;border:1px solid #dce3ee;border-radius:12px;box-shadow:0 6px 16px #141c2a0d;overflow:hidden}.inbox-panel{border-right:1px solid #dce3ee}.context-panel{border-left:1px solid #dce3ee;overflow-y:auto;scrollbar-gutter:stable}.metrics-row,.search-box,.conversation-filter,.conversation-row,.conversation-header,.composer{border-color:#e3e8f0}.metrics-row,.workspace-tabs{gap:8px;padding:10px}.workspace-tabs button{min-height:44px}.metric-card{border-radius:8px;min-height:56px;padding:6px}.metric-card span{font-size:11px}.metric-card strong{font-size:26px}.metric-card{background:#f8fafc}.search-box{padding:10px 12px}.conversation-filter{gap:6px;padding:9px 10px}.conversation-list{background:#fff;padding:5px 7px 9px}.load-more-button{margin:8px 5px 4px;width:calc(100% - 10px)}.conversation-row{border:1px solid transparent;border-bottom-color:#eef2f6;border-radius:8px;margin-bottom:4px;min-height:68px;padding:10px 12px}.conversation-row.selected{border-color:#bfd5f8;box-shadow:inset 3px 0 0 var(--brand-blue)}.conversation-row strong{font-size:13px}.conversation-row p{font-size:12px;margin-top:6px}.conversation-row em{font-size:12px}.call-workspace-header{border-radius:12px 12px 0 0;align-items:center;min-height:68px;padding:14px 18px}.call-workspace-header h1{font-size:18px}.call-workspace-grid{padding:12px}.conversation-identity .channel-pill,.conversation-identity .delivery-pill,.conversation-identity .closed-pill{font-size:9px;min-height:18px;padding:0 7px}.conversation-panel{background:#f5f8fc}.conversation-header{border-radius:12px 12px 0 0;min-height:68px;padding:12px 22px}.conversation-header h1{font-size:18px;margin-bottom:5px}.conversation-header p{font-size:13px}.session-id{font-size:11px;margin-bottom:6px}.session-id{display:block}.message-thread{background:#f5f8fc;gap:10px;padding:14px 18px}.message-bubble{border-radius:10px;box-shadow:0 4px 14px #141c2a0f;max-width:min(560px,68%);padding:10px 12px}.message-bubble.inbound{border-top-left-radius:6px}.message-bubble.outbound{border-top-right-radius:6px}.message-bubble p{font-size:14px;line-height:1.35}.message-bubble footer{font-size:11px;margin-top:8px}.attachment-preview img{max-height:220px}.context-panel{padding:18px;overflow-y:auto;scrollbar-gutter:stable}.context-section{border-color:#e6ebf2}.intent-box{background:#fffafd;padding:10px 12px}.context-scroll-area{max-height:min(560px,calc(100vh - 260px))}.context-section{padding-bottom:16px}.context-section+.context-section{padding-top:16px}.quick-responses button,.composer textarea{background:#fff}.quick-responses button{font-size:13px;min-height:36px;padding:0 12px}.composer{padding:8px 22px 10px}}@media(min-width:1101px){.workspace.profile-panel-collapsed{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.context-panel.is-desktop-collapsed{display:none}.profile-panel-toggle{display:inline-flex}}@media(max-width:1100px){.workspace{grid-template-columns:300px minmax(0,1fr)}.context-panel{border-left:0;border-top:1px solid #dfe4ec;grid-column:1 / -1}.context-toggle{display:inline-flex}.context-panel.is-collapsed{display:none}}@container (max-width: 560px){.call-summary-card{align-items:start}.call-summary-card>div:first-child>div{align-items:flex-start;flex-direction:column;gap:2px}.call-summary-meta{flex-wrap:wrap;gap:4px 0}}@media(max-width:760px){:root{--topbar-height: 68px}.topbar{max-width:100vw;overflow:hidden;padding:8px 10px}.app-shell{height:100svh;top:0;right:0;bottom:0;left:0;max-width:100vw;overflow:hidden;position:fixed;width:100vw}.topbar-actions{flex:0 0 auto;gap:6px;overflow-x:auto;overflow-y:hidden;padding-left:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.topbar-actions::-webkit-scrollbar{display:none}input,textarea,.login-panel input,.drawer-form input,.composer textarea,.search-box input,.brand strong,.brand span{font-size:16px}.brand img{height:34px;width:34px}.brand{gap:7px;flex:1 1 auto}.brand div{gap:5px}.topbar-actions .logout-button,.topbar-actions .new-call-button,.topbar-actions .new-message-button,.topbar-actions .refresh-button,.topbar-actions .settings-button{background:#eef1f5;border-radius:50%;flex:0 0 auto;font-size:0;gap:0;height:36px;justify-content:center;min-height:36px;min-width:36px;padding:0;width:36px}.topbar-actions .logout-button svg,.topbar-actions .new-call-button svg,.topbar-actions .new-message-button svg,.topbar-actions .refresh-button svg,.topbar-actions .settings-button svg{height:18px;width:18px}.topbar-actions .refresh-button,.topbar-actions .settings-button{background:#eef6ff;border:1px solid #c7ddf4;color:var(--brand-blue)}.topbar-actions .new-call-button{background:var(--brand-blue);color:#fff}.topbar-actions .new-message-button{background:var(--whatsapp-green);color:#fff}.topbar-actions .logout-button{background:#eef1f5;color:#475366}.workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:calc(100svh - var(--topbar-height));max-width:100vw;min-width:0;overflow-x:hidden;overflow-y:hidden;overscroll-behavior-x:none;width:100%}.inbox-panel{background:#fff;border-bottom:1px solid #dfe4ec;border-right:0;height:auto;max-height:none;max-width:100vw;min-height:0;min-width:0;overflow:hidden;padding:0 14px 12px;width:100%}.search-box{background:#fff;border:0;order:-1;padding:12px 0;position:sticky;top:0;z-index:3;width:100%}.conversation-filter{border:0;gap:6px;order:-1;padding:0 0 10px;width:100%}.conversation-filter button{min-height:34px;padding:0 8px}.metrics-row{display:none}.workspace-tabs{border:0;gap:8px;order:-2;padding:10px 0 4px}.workspace-tabs button{min-height:38px}.metric-card{border:0;border-radius:0;min-height:42px;padding:6px 4px}.metric-card+.metric-card{border-left:1px solid #dfe4ec}.metric-card.is-active{box-shadow:inset 3px 0 0 var(--brand-blue)}.metric-card span{font-size:10px;margin-bottom:2px}.metric-card strong{font-size:18px}.conversation-list{align-items:center;background:transparent;border:0;border-radius:0;display:flex;gap:10px;height:auto;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:2px 0 4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;width:100%}.conversation-row{align-items:center;border:1px solid #dfe4ec;border-radius:999px;box-shadow:none;display:inline-flex;flex:0 0 auto;justify-content:center;min-height:38px;min-width:0;padding:0 14px;scroll-snap-align:start;width:auto}.load-more-button{border-radius:999px;flex:0 0 auto;margin:0;min-height:38px;padding:0 16px;white-space:nowrap;width:auto}.conversation-row.selected{background:var(--brand-blue-soft);border-color:var(--brand-blue);box-shadow:inset 3px 0 0 var(--brand-blue)}.conversation-row.channel-whatsapp.selected{background:#effbf3;border-color:var(--brand-green);box-shadow:inset 3px 0 0 var(--brand-green)}.conversation-row.needs-reply{background:#fff7e6;border-color:#f0ba56;box-shadow:none}.conversation-row.needs-reply.selected{background:#fff1d6;border-color:#d98500;box-shadow:inset 3px 0 #d98500}.conversation-row.status-closed{background:#fff;border-color:#dfe4ec}.conversation-row.status-closed.selected{background:#eef1f5;border-color:#98a2b6;box-shadow:inset 3px 0 #98a2b6}.conversation-row-heading{gap:0}.conversation-row strong{align-items:center;display:inline-flex;font-size:13px;gap:7px;max-width:150px}.conversation-row strong:before{background:#98a2b6;border-radius:999px;content:"";flex:0 0 auto;height:8px;width:8px}.conversation-row.channel-whatsapp strong:before{background:var(--brand-green)}.conversation-row.channel-sms strong:before{background:var(--brand-blue)}.conversation-row.delivery-failed strong:before,.conversation-row.delivery-undelivered strong:before{background:#dc1f46}.conversation-row.needs-reply strong:before{background:#d98500}.conversation-row.status-closed strong:before{background:#98a2b6}.conversation-row p{display:none}.contact-search-results{border-top:0;flex:0 0 auto;padding:0}.search-result-heading{display:none}.contact-result-row{border-radius:999px;min-height:38px;padding:0 14px;width:auto}.contact-result-row em,.contact-result-row small,.conversation-row em,.conversation-identity .channel-pill,.conversation-identity .delivery-pill,.conversation-identity .attention-pill,.conversation-identity .closed-pill{display:none}.call-activity-list{align-items:center}.call-activity-row{align-items:center;border:1px solid #dfe4ec;border-radius:999px;display:inline-flex;flex:0 0 auto;gap:8px;justify-content:center;margin-bottom:0;min-height:38px;padding:0 14px;scroll-snap-align:start;width:auto}.call-activity-row.selected{background:var(--brand-blue-soft);border-color:var(--brand-blue);box-shadow:inset 3px 0 0 var(--brand-blue)}.call-activity-row .call-row-icon{background:transparent;height:18px;width:18px}.call-activity-row .call-row-icon svg{height:15px;width:15px}.call-activity-row .call-row-content{display:block;min-width:0}.call-activity-row .conversation-row-heading{display:inline-flex;gap:0}.call-activity-row .conversation-row-heading strong{max-width:170px}.call-activity-row .conversation-row-heading em,.call-row-phone,.call-row-meta{display:none}.call-workspace{height:100%;max-width:100vw}.call-workspace-header{align-items:center;gap:10px;padding:12px 14px}.call-workspace-header h1{font-size:18px}.call-workspace-header p{font-size:13px}.call-workspace-grid{grid-template-areas:"timeline" "editor";grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(190px,clamp(210px,38svh,300px)) auto;overflow-y:auto;padding:10px 14px 14px}.call-summary-card{display:none}.call-editor-panel{overflow:visible}.call-workspace-main{overflow:hidden}.call-timeline-section{min-height:0}.call-editor-panel{display:block}.call-details-form.is-inline{overflow:visible;padding-right:0}.call-summary-meta{flex-direction:column}.call-summary-meta span{border-left:0;padding:0}.call-detail-select-row{grid-template-columns:minmax(0,1fr)}.call-timeline-item{grid-template-columns:28px minmax(0,1fr)}.call-timeline-meta{grid-column:2}.conversation-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;max-width:100vw;min-height:0;min-width:0;overflow:hidden;width:100%}.conversation-header,.message-thread,.composer{padding-left:14px;padding-right:14px}.conversation-header{align-items:stretch;background:#f4f7fb;display:block;max-width:100vw;min-height:auto;overflow:hidden;padding-bottom:8px;padding-top:12px}.conversation-header h1{font-size:17px;line-height:1.12;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-header p{align-items:center;background:#e9edf2;border-radius:999px;color:#475366;display:inline-flex;font-size:12px;font-weight:560;gap:3px;justify-content:flex-start;max-width:100%;min-height:28px;overflow:hidden;padding:0 12px;white-space:nowrap}.conversation-header-actions{align-items:center;flex-direction:row;gap:6px;margin-top:8px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.conversation-header-actions::-webkit-scrollbar{display:none}.conversation-meta-row{display:block;width:100%}.mobile-conversation-title-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px;min-width:0;width:100%}.mobile-conversation-title-row h1{min-width:0}.mobile-conversation-identity{align-items:center;display:flex;flex:1 1 auto;gap:8px;min-width:0}.conversation-header .mobile-conversation-channel-pill{display:inline-flex;flex:0 1 auto;max-width:48vw}.mobile-conversation-channel-pill .chat-phone{min-width:0}.conversation-header .desktop-conversation-channel-pill{display:none}.conversation-meta-row p,.mobile-conversation-channel-pill{max-width:100%;width:fit-content}.chat-phone{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-channel-label{display:none}.mobile-chat-label,.mobile-channel-label{display:inline}.mobile-chat-label,.conversation-meta-row .status-pill{display:none}.context-toggle{background:#eef1f5;justify-content:center;min-height:30px;padding:0;width:34px}.header-context-toggle{display:none}.mobile-context-toggle{display:inline-flex;flex:0 0 auto}.conversation-status-action,.conversation-call-action,.conversation-proof-action,.conversation-asset-action{align-items:center;background:#eef1f5;border:0;border-radius:8px;flex:0 0 auto;justify-content:center;min-height:34px;padding:0;width:34px}.conversation-proof-action,.conversation-asset-action,.conversation-call-action{background:#fff;border:1px solid #dfe4ec;box-sizing:border-box;font-size:12px;font-weight:560;gap:5px;height:34px;line-height:1;min-height:34px;padding:0 10px;width:auto}.conversation-proof-action{color:#b8326d}.conversation-asset-action{color:#875000}.conversation-status-action{font-size:12px;font-weight:560;gap:5px;min-width:78px;padding:0 10px;width:auto}.conversation-call-action{border-color:#7dbdff;color:var(--brand-blue)}.conversation-status-action{color:#475366}.context-toggle span{display:none}.message-thread{display:flex;flex-direction:column;gap:14px;max-height:none;max-width:100vw;min-height:0;min-width:0;overflow:auto;overflow-x:hidden;padding-bottom:14px;padding-top:14px;overscroll-behavior-x:none;width:100%}.message-bubble{display:block;height:auto;max-width:min(88%,calc(100vw - 44px));min-width:0;overflow:visible;overflow-wrap:anywhere;padding:16px;white-space:normal;word-break:break-word}.attachment-preview img{max-height:190px}.message-bubble.inbound{align-self:flex-start;border-radius:14px 14px 14px 4px;justify-self:start}.message-bubble.outbound{align-self:flex-end;border-radius:14px 14px 4px;justify-self:end}.message-bubble p{font-size:14px;max-width:100%;white-space:normal}.composer{gap:8px;max-width:100%;min-width:0;overflow:hidden;padding-bottom:10px;padding-top:10px;position:relative;z-index:4;width:100%}.composer textarea{font-size:16px;max-height:92px;min-height:42px;overflow-y:auto;padding:10px 14px;field-sizing:content}.composer-actions{gap:8px;grid-template-columns:42px minmax(0,1fr) 42px;max-width:100%;min-width:0;overflow:hidden;width:100%}.attach-control,.composer-send-button{flex:0 0 auto;height:42px;min-height:42px;min-width:42px;width:42px}.mobile-drawer{background:#fff;border-left:0;border-top:1px solid #dfe4ec;border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -14px 40px #141c2a2e;box-sizing:border-box;display:block;left:0;max-height:min(76svh,680px);max-width:100%;min-width:0;overflow:auto;overflow-x:hidden;padding:18px 16px calc(18px + env(safe-area-inset-bottom));position:fixed;right:0;width:auto;z-index:20}.mobile-drawer *{box-sizing:border-box;max-width:100%}.context-panel.is-collapsed{display:none}.context-panel.is-open{display:block}.context-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.context-panel-header span{color:#98a2b6;font-size:13px;font-weight:560;letter-spacing:.08em;text-transform:uppercase}.context-panel-header button{align-items:center;background:#eef1f5;border:0;border-radius:8px;color:#475366;display:inline-flex;height:36px;justify-content:center;width:36px}.drawer-backdrop{align-items:stretch;display:block;top:0;bottom:0;left:0;max-width:none;overflow:hidden;padding:0;right:0;width:auto}.drawer-surface{display:grid;gap:18px;inline-size:auto;z-index:41}.drawer-header,.drawer-form,.quick-response-send-form,.quick-response-fields,.quick-response-fields label,.drawer-form label,.drawer-form input{min-width:0;width:100%}.quick-response-modal{min-height:100svh;overflow-y:auto}.quick-response-send-button{justify-self:stretch;width:100%}.drawer-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0}.drawer-actions .ghost-button,.drawer-actions .send-button{font-size:13px;min-width:0;padding:0 12px;width:100%}.drawer-actions .send-button svg,.drawer-actions .ghost-button svg{flex:0 0 auto}}@media(max-width:360px){.drawer-actions{grid-template-columns:minmax(0,1fr)}}:where(input:not([type=button]):not([type=submit]):not([type=reset]),select,textarea){font-weight:400}:where(input,textarea)::placeholder{font-weight:400}.contact-picker-search input{border:0;box-shadow:none;outline:none}