.internal-workspace .app-shell > .conversations-workspace { max-width: 1480px; }
.conversation-page-open { overflow:hidden; }
.conversation-page-open .app-shell { height:calc(100dvh - 58px); min-height:0; overflow:hidden; padding-top:20px; padding-bottom:16px; }
.conversations-workspace { height:100%; min-height:0; display:flex; flex-direction:column; }
#conversations-app { min-height:0; flex:1; display:flex; flex-direction:column; }
.conversation-channel-select { min-width:0; flex:1; height:36px; padding:0 30px 0 10px; border:1px solid var(--line); border-radius:7px; background:#fff; color:var(--label); font:inherit; font-size:12px; }
.conversation-icon-button { width:36px; height:36px; flex:0 0 36px; display:grid; place-items:center; padding:0; border:1px solid var(--line); border-radius:7px; background:#fff; color:var(--label); cursor:pointer; }
.conversation-icon-button:hover { border-color:#b7b7bd; background:#f8f8fa; }
.conversation-icon-button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.conversation-icon-button.is-refreshing svg { animation:conversation-refresh-spin .75s linear infinite; }
@keyframes conversation-refresh-spin { to { transform:rotate(360deg); } }
.conversation-shell { min-height:0; flex:1; display:grid; grid-template-columns:64px 330px minmax(440px,1fr); overflow:hidden; border:1px solid var(--line); border-radius:8px; background:#fff; box-shadow:0 12px 32px rgba(0,0,0,.035); }
.conversation-queues,.conversation-list-pane { min-width:0; border-right:1px solid var(--line); background:#f8f8fa; }
.conversation-queues { min-height:0; display:flex; flex-direction:column; align-items:center; overflow:hidden; padding:9px 7px; }
.conversation-queue-scroll { min-height:0; display:flex; flex-direction:column; align-items:center; gap:6px; overflow-x:visible; overflow-y:auto; padding:1px 4px; }
.conversation-queue-footer { flex:0 0 auto; width:100%; display:grid; place-items:center; margin-top:auto; padding-top:9px; border-top:1px solid var(--line); }
.conversation-campaign-trigger { background:#e8f4ff; color:#006edb; border-color:#c5e1ff; }
.conversation-campaign-trigger:hover { background:#d8ebff; }
.conversation-campaign-trigger svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.conversation-queue-divider { width:30px; height:1px; margin:3px 0; flex:0 0 auto; background:#dcdce1; }
.conversation-queue { position:relative; width:42px; height:42px; min-height:42px; display:grid; place-items:center; flex:0 0 42px; padding:0; border:1px solid transparent; border-radius:8px; background:transparent; color:#4d4d52; cursor:pointer; }
.conversation-queue:hover { background:#ececf0; }
.conversation-queue[aria-current="true"] { border-color:#8bc4ff; background:#e5f1ff; color:#006edb; font-weight:680; }
.conversation-queue-icon { width:30px; height:30px; display:grid; place-items:center; border-radius:7px; background:var(--queue-color,#fff); box-shadow:inset 0 0 0 1px #0000000a; font-size:11px; font-weight:750; }
.conversation-queue-count { position:absolute; top:-4px; right:-4px; min-width:17px; height:17px; display:grid; place-items:center; padding:0 4px; border-radius:9px; background:#707078; color:#fff; font-size:9px; text-align:center; box-shadow:0 0 0 2px #f8f8fa; }
.conversation-queue[aria-current="true"] .conversation-queue-count { background:#0071e3; color:#fff; }
.conversation-list-pane { min-height:0; display:flex; flex-direction:column; overflow:hidden; background:#f5f5f7; }
.conversation-list-tools { display:flex; gap:6px; padding:9px 10px; border-bottom:1px solid var(--line); background:#fff; }
.conversation-list-search { display:flex; gap:6px; padding:8px 10px; border-bottom:1px solid var(--line); background:#fff; }
.conversation-search { min-width:0; flex:1; height:38px; padding:0 12px; border:1px solid var(--line); border-radius:8px; background:#f5f5f7; color:var(--label); font:inherit; font-size:13px; outline:0; }
.conversation-search:focus { border-color:var(--blue); box-shadow:0 0 0 3px var(--focus); background:#fff; }
.conversation-list { min-height:0; flex:1; overflow:auto; padding:8px; }
.conversation-list-empty { padding:54px 24px; color:var(--secondary-label); font-size:13px; line-height:1.5; text-align:center; }
.conversation-card { width:100%; display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:10px; align-items:center; padding:11px 10px; margin-bottom:5px; border:1px solid transparent; border-radius:8px; background:#fff; color:var(--label); text-align:left; cursor:pointer; }
.conversation-card:hover { border-color:#d9d9de; }
.conversation-card[aria-current="true"] { border-color:#8bc4ff; background:#eaf4ff; }
.conversation-avatar { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:#d9d9de; color:#5d5d63; font-size:13px; font-weight:720; }
.conversation-card-copy { min-width:0; }
.conversation-card-copy strong,.conversation-card-copy span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conversation-card-copy strong { font-size:13px; }
.conversation-card-copy span { margin-top:4px; color:var(--secondary-label); font-size:11px; }
.conversation-card-meta { align-self:start; display:grid; justify-items:end; gap:6px; color:var(--secondary-label); font-size:10px; }
.conversation-unread { min-width:19px; height:19px; display:grid; place-items:center; padding:0 5px; border-radius:10px; background:#0071e3; color:#fff; font-size:10px; font-weight:750; }
.conversation-chat { min-width:0; min-height:0; display:flex; flex-direction:column; overflow:hidden; container-type:inline-size; background:#efeae2; }
.conversation-chat-empty { height:100%; display:grid; place-items:center; padding:32px; background:#f8f8fa; color:var(--secondary-label); text-align:center; }
.conversation-chat-empty svg { width:46px; height:46px; margin-bottom:12px; fill:none; stroke:#9a9aa0; stroke-width:1.5; }
.conversation-chat-empty strong { display:block; margin-bottom:5px; color:var(--label); }
.conversation-chat-header { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:10px 14px; border-bottom:1px solid var(--line); background:#fff; }
.conversation-contact { min-width:0; display:flex; align-items:center; gap:10px; }
.conversation-mobile-back { display:none; }
.conversation-contact-copy { min-width:0; }
.conversation-contact-copy strong,.conversation-contact-copy span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conversation-contact-copy span { margin-top:3px; color:var(--secondary-label); font-size:11px; }
.conversation-header-controls { position:relative; flex:0 0 auto; display:flex; align-items:center; gap:7px; }
.conversation-more { display:grid; }
.conversation-quick-actions { display:flex; align-items:center; gap:7px; }
.conversation-chat-actions { position:absolute; top:calc(100% + 8px); right:0; z-index:30; width:min(380px,calc(100cqw - 16px)); display:none; align-items:stretch; gap:10px; padding:11px; border:1px solid var(--line); border-radius:8px; background:#fff; box-shadow:0 16px 42px #0003; }
.conversation-chat-actions.is-open { display:grid; }
.conversation-action-field { display:grid; gap:5px; color:var(--secondary-label); font-size:10px; font-weight:650; }
.conversation-chat-actions select { width:100%; max-width:none; height:38px; padding:0 30px 0 10px; border:1px solid var(--line); border-radius:7px; background:#fff; font:inherit; font-size:12px; }
.conversation-menu-command { width:100%; min-height:39px; display:flex; align-items:center; gap:9px; padding:0 11px; border:1px solid var(--line); border-radius:7px; background:#fff; color:var(--label); font:inherit; font-size:12px; font-weight:650; cursor:pointer; }
.conversation-menu-command:hover { background:#f4f4f6; }
.conversation-menu-command svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.conversation-collapsed-actions { display:none; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.conversation-collapsed-actions button { min-height:36px; padding:5px 7px; border:1px solid var(--line); border-radius:7px; background:#fff; color:var(--label); font:inherit; font-size:10px; font-weight:650; cursor:pointer; }
.conversation-collapsed-actions button.danger { color:#c32235; }
.conversation-delete-contact { color:#c32235; }
.conversation-mode { width:100%; display:flex; padding:2px; border:1px solid var(--line); border-radius:7px; background:#f0f0f3; }
.conversation-mode button { height:29px; padding:0 9px; border:0; border-radius:5px; background:transparent; color:var(--secondary-label); font:inherit; font-size:11px; font-weight:650; cursor:pointer; }
.conversation-mode button { flex:1; }
.conversation-mode button[aria-pressed="true"] { background:#fff; color:#0071e3; box-shadow:0 1px 3px #0002; }
.conversation-messages { min-height:0; flex:1; overflow:auto; padding:20px clamp(14px,4%,52px); background-color:#efeae2; background-image:radial-gradient(#d9d1c8 1px,transparent 1px); background-size:22px 22px; }
.conversation-day { width:max-content; margin:2px auto 15px; padding:5px 9px; border-radius:6px; background:#fffddd; color:#6a665e; box-shadow:0 1px 2px #0001; font-size:10px; }
.conversation-message { max-width:min(72%,650px); width:max-content; min-width:120px; margin:0 auto 8px 0; padding:8px 10px 6px; border-radius:7px; background:#fff; box-shadow:0 1px 2px #0002; }
.conversation-message.outbound { margin-left:auto; margin-right:0; background:#d9fdd3; }
.conversation-message.bot { border-left:3px solid #8f63d8; }
.conversation-message.sending { opacity:.72; }
.conversation-message.sending .conversation-attachment { pointer-events:none; }
.conversation-message.failed { border:1px solid #e09a9a; background:#fff1f1; }
.conversation-message-sender { display:block; margin-bottom:3px; color:#0071e3; font-size:10px; font-weight:700; }
.conversation-message p { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.4; }
.conversation-rich-message { display:grid; gap:7px; min-width:min(320px,60vw); }
.conversation-rich-message > strong { font-size:13px; }
.conversation-rich-message > small { color:var(--secondary-label); font-size:10px; }
.conversation-message-buttons,.conversation-message-list { display:grid; gap:4px; margin:3px -4px 0; }
.conversation-message-buttons span { padding:7px 10px; border-top:1px solid #b9d8b5; color:#087bea; text-align:center; font-size:11px; font-weight:650; }
.conversation-message-list span { display:grid; gap:2px; padding:7px 9px; border:1px solid #cbdcc8; border-radius:6px; background:#f7fff5; font-size:11px; }
.conversation-message-list small { color:var(--secondary-label); font-size:9px; }
.conversation-message footer { display:flex; justify-content:flex-end; gap:5px; margin-top:3px; color:#727276; font-size:9px; }
.conversation-message-status.read { color:#087bea; }
.conversation-message-status.failed { color:#c32235; font-weight:700; }
.conversation-message-status.sending::before { content:''; width:8px; height:8px; display:inline-block; margin-right:4px; border:1px solid #777; border-top-color:transparent; border-radius:50%; vertical-align:-1px; animation:conversation-spin .8s linear infinite; }
.conversation-attachment { display:flex; align-items:center; gap:9px; min-width:220px; padding:9px; border-radius:6px; background:#ffffff8f; color:inherit; text-decoration:none; }
.conversation-attachment-mark { width:34px; height:34px; display:grid; place-items:center; border-radius:6px; background:#e9eef4; color:#1673c9; font-size:10px; font-weight:750; }
.conversation-composer-wrap { position:relative; padding:10px 12px; border-top:1px solid #d8d3cd; background:#f7f7f8; }
.conversation-composer { display:grid; grid-template-columns:auto auto minmax(0,1fr) auto; align-items:end; gap:7px; }
.conversation-compose-button { width:38px; height:38px; display:grid; place-items:center; padding:0; border:0; border-radius:8px; background:transparent; color:#6e6e73; cursor:pointer; }
.conversation-compose-button:hover { background:#e9e9ed; color:#1d1d1f; }
.conversation-compose-button svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.conversation-compose-button.recording { background:#ffebee; color:#d6293e; animation:conversation-pulse 1.1s infinite; }
.conversation-input { min-height:40px; max-height:126px; resize:none; padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--label); font:inherit; font-size:13px; line-height:1.4; outline:0; }
.conversation-input:focus { border-color:#9dcaff; box-shadow:0 0 0 3px #0071e319; }
.conversation-send { min-width:76px; height:40px; border:0; border-radius:8px; background:#0071e3; color:#fff; font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
.conversation-send:disabled { background:#b9bbc0; cursor:not-allowed; }
.conversation-clip-menu { position:absolute; left:10px; bottom:62px; z-index:10; width:210px; padding:6px; border:1px solid var(--line); border-radius:8px; background:#fff; box-shadow:0 14px 40px #0003; }
.conversation-clip-menu button { width:100%; display:flex; align-items:center; gap:10px; padding:10px; border:0; border-radius:6px; background:transparent; color:var(--label); text-align:left; font:inherit; font-size:12px; cursor:pointer; }
.conversation-clip-menu button:hover { background:#f1f1f4; }
.conversation-error { flex:0 0 auto; margin:0 0 12px; padding:10px 12px; border-radius:7px; background:#fff0f1; color:#c32235; font-size:12px; }
.conversation-warning { margin:0 0 10px; padding:9px 11px; border-radius:7px; background:#fff8df; color:#745600; font-size:11px; line-height:1.45; }
.conversation-modal { width:min(760px,100%); max-height:min(86vh,820px); overflow:auto; }
.conversation-campaign-modal { display:flex; flex-direction:column; overflow:hidden; }
.conversation-campaign-content,.conversation-campaign-form { display:flex; flex-direction:column; flex:1; min-height:0; }
.conversation-campaign-scroll { min-height:0; flex:1; overflow:auto; padding:4px 2px 12px; }
.conversation-campaign-modal .conversation-modal-actions { flex:0 0 auto; margin-top:0; }
.conversation-campaign-heading { display:flex; justify-content:space-between; align-items:center; gap:8px; margin:18px 0 9px; }
.conversation-campaign-selection-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.conversation-campaign-contacts { height:min(240px,28vh); overflow-y:auto; margin-top:8px; border:1px solid var(--line); border-radius:8px; background:#fff; }
.conversation-campaign-selected-list { display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; max-height:84px; overflow-y:auto; }
.conversation-campaign-selected { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:5px 8px; border:1px solid #c5e1ff; border-radius:6px; background:#e8f4ff; color:#006edb; font-size:11px; cursor:pointer; }
.conversation-campaign-contact { display:flex; align-items:center; gap:10px; padding:10px 12px; border-bottom:1px solid var(--line); cursor:pointer; }
.conversation-campaign-contact:last-child { border-bottom:0; }
.conversation-campaign-contact input { flex:0 0 auto; }
.conversation-campaign-contact span { min-width:0; display:grid; gap:2px; }
.conversation-campaign-contact strong,.conversation-campaign-contact small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conversation-campaign-contact small { color:var(--secondary-label); }
.conversation-campaign-pagination { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:8px; font-size:12px; color:var(--secondary-label); }
.conversation-campaign-consent { display:flex; align-items:flex-start; gap:8px; margin-top:18px; font-size:12px; }
.conversation-campaign-consent input { flex:0 0 auto; margin-top:2px; }
.conversation-campaign-summary { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px; padding:14px 0; }
.conversation-campaign-summary span { color:var(--secondary-label); }
.conversation-campaign-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:8px 0 18px; }
.conversation-campaign-stats span { display:grid; gap:5px; padding:12px; border:1px solid var(--line); border-radius:7px; font-size:11px; color:var(--secondary-label); }
.conversation-campaign-stats strong { font-size:20px; color:var(--label); }
.conversation-campaign-failures { margin-top:18px; font-size:12px; }
.conversation-campaign-failures p { padding:8px 0; border-bottom:1px solid var(--line); }
.conversation-settings-modal { width:min(860px,100%); }
.conversation-modal-tabs { display:flex; gap:3px; margin:18px 0; padding:3px; border-radius:7px; background:#efeff2; }
.conversation-modal-tabs button { flex:1; height:36px; border:0; border-radius:5px; background:transparent; color:var(--secondary-label); font:inherit; font-size:12px; font-weight:650; cursor:pointer; }
.conversation-modal-tabs button[aria-selected="true"] { background:#fff; color:var(--label); box-shadow:0 1px 3px #0002; }
.conversation-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.conversation-form-grid .full { grid-column:1/-1; }
.conversation-form-grid label,.conversation-template-builder label { display:grid; gap:6px; color:#55555b; font-size:11px; font-weight:650; }
.conversation-form-grid input,.conversation-form-grid select,.conversation-form-grid textarea,.conversation-template-builder input,.conversation-template-builder select,.conversation-template-builder textarea { width:100%; min-height:40px; padding:9px 11px; border:1px solid var(--line); border-radius:7px; background:#fff; color:var(--label); font:inherit; font-size:12px; }
.conversation-phone-field { min-height:40px; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; overflow:hidden; border:1px solid var(--line); border-radius:7px; background:#fff; }
.conversation-phone-field:focus-within { border-color:#9dcaff; box-shadow:0 0 0 3px #0071e319; }
.conversation-phone-field > span { padding-left:11px; color:#55555b; font-size:12px; font-weight:700; }
.conversation-phone-field input { min-height:38px; padding-left:5px; border:0; border-radius:0; outline:0; box-shadow:none; }
.conversation-contact-modal { width:min(860px,100%); }
.conversation-import-picker { min-height:94px; display:grid; place-items:center; align-content:center; gap:7px; padding:17px; border:1px dashed #aeb8c3; border-radius:8px; background:#f8fafc; color:#4f5964; font-size:12px; font-weight:650; cursor:pointer; text-align:center; }
.conversation-import-picker input { max-width:100%; color:var(--secondary-label); font-size:11px; }
.conversation-import-loading { margin-top:14px; padding:18px; border:1px solid var(--line); border-radius:8px; color:var(--secondary-label); text-align:center; font-size:12px; }
.conversation-import-preview { display:grid; gap:12px; margin-top:14px; }
.conversation-import-summary { display:grid; gap:3px; }
.conversation-import-summary strong { font-size:13px; overflow-wrap:anywhere; }
.conversation-import-summary span { color:var(--secondary-label); font-size:10px; }
.conversation-import-mapping { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.conversation-import-mapping label { display:grid; gap:5px; color:#55555b; font-size:10px; font-weight:650; }
.conversation-import-mapping select { width:100%; min-width:0; height:39px; padding:0 28px 0 9px; border:1px solid var(--line); border-radius:7px; background:#fff; color:var(--label); font:inherit; font-size:11px; }
.conversation-import-table { max-height:260px; overflow:auto; border:1px solid var(--line); border-radius:7px; }
.conversation-import-table table { width:max-content; min-width:100%; border-collapse:collapse; font-size:10px; }
.conversation-import-table th { position:sticky; top:0; z-index:1; background:#f1f1f4; text-align:left; }
.conversation-import-table th,.conversation-import-table td { max-width:240px; padding:8px 9px; border-bottom:1px solid #e7e7ea; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conversation-import-result { display:grid; gap:13px; margin-top:14px; padding:15px; border:1px solid #b7ddbd; border-radius:8px; background:#f1fbf2; }
.conversation-import-result > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.conversation-import-result > div span { display:grid; gap:2px; padding:9px; border-radius:7px; background:#fff; color:var(--secondary-label); font-size:9px; }
.conversation-import-result b { color:var(--label); font-size:17px; }
.conversation-import-result details { font-size:10px; }
.conversation-import-result ul { margin:8px 0 0; padding-left:18px; color:#7b3c00; }
.conversation-delete-copy { margin:4px 0 0; color:var(--label); font-size:13px; line-height:1.55; }
.danger-button { background:#c32235; }
.danger-button:hover { background:#a91c2c; }
.conversation-help { margin:5px 0 0; color:var(--secondary-label); font-size:11px; line-height:1.45; }
.conversation-connection-result { margin-top:14px; padding:12px; border:1px solid #b7ddbd; border-radius:7px; background:#f1fbf2; }
.conversation-connection-result code { display:block; margin-top:5px; overflow-wrap:anywhere; color:#216e31; font-size:11px; }
.conversation-channel-list { display:grid; gap:7px; margin-bottom:16px; }
.conversation-channel-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid var(--line); border-radius:7px; }
.conversation-channel-row span { display:block; margin-top:2px; color:var(--secondary-label); font-size:10px; }
.conversation-status { width:8px; height:8px; display:inline-block; margin-right:6px; border-radius:50%; background:#a0a0a5; }
.conversation-status.connected { background:#24ad55; }
.conversation-status.connecting { background:#e6a23c; }
.conversation-status.error { background:#d6293e; }
.conversation-qr { display:block; width:min(280px,100%); margin:14px auto 0; image-rendering:pixelated; }
.conversation-pairing-code { display:grid; justify-items:center; gap:5px; margin:14px 0 0; }
.conversation-pairing-code span { color:var(--secondary-label); font-size:10px; }
.conversation-pairing-code strong { letter-spacing:2px; font-size:20px; }
.conversation-template-builder { display:grid; gap:12px; }
.conversation-template-row { display:grid; grid-template-columns:140px 1fr 1fr auto; gap:7px; align-items:end; }
.conversation-small-button { min-height:36px; padding:0 11px; border:1px solid var(--line); border-radius:7px; background:#fff; color:var(--label); font:inherit; font-size:11px; font-weight:650; cursor:pointer; }
.conversation-small-button:hover { background:#f3f3f5; }
.conversation-small-button.danger { color:#d6293e; }
.conversation-webhook-setup { display:grid; gap:11px; margin-top:15px; padding:13px; border:1px solid #b9d8f7; border-radius:8px; background:#f4f9ff; }
.conversation-webhook-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.conversation-webhook-heading strong,.conversation-webhook-heading span { display:block; }
.conversation-webhook-heading span { margin-top:3px; color:var(--secondary-label); font-size:10px; font-weight:400; }
.conversation-webhook-setup label { display:grid; gap:5px; color:#55555b; font-size:11px; font-weight:650; }
.conversation-copy-field { display:grid; grid-template-columns:minmax(0,1fr) auto; }
.conversation-copy-field input { min-width:0; height:38px; padding:0 10px; border:1px solid #c7d7e7; border-radius:7px 0 0 7px; background:#fff; color:#3f4953; font:inherit; font-size:11px; }
.conversation-copy-field button { min-width:62px; border:1px solid #c7d7e7; border-left:0; border-radius:0 7px 7px 0; background:#fff; color:#006edb; font:inherit; font-size:10px; font-weight:700; cursor:pointer; }
.conversation-modal-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.conversation-template-select { width:100%; min-height:200px; border:1px solid var(--line); border-radius:7px; overflow:auto; }
.conversation-template-option { width:100%; display:flex; justify-content:space-between; padding:11px; border:0; border-bottom:1px solid var(--line); background:#fff; text-align:left; cursor:pointer; }
.conversation-template-option:hover,.conversation-template-option.selected { background:#edf6ff; }
.conversation-template-option > span { min-width:0; display:grid; gap:3px; }
.conversation-template-option strong,.conversation-template-option small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conversation-template-option small { color:var(--secondary-label); }
@keyframes conversation-pulse { 50% { transform:scale(.92); opacity:.7; } }
@keyframes conversation-spin { to { transform:rotate(360deg); } }
@media(max-width:1150px) {
  .conversation-shell { grid-template-columns:60px 280px minmax(380px,1fr); }
}
@media(max-width:860px) {
  .conversation-shell { grid-template-columns:60px 270px minmax(340px,1fr); overflow-x:auto; }
  .conversation-chat-header { align-items:flex-start; }
}
@media(max-width:640px) {
  .internal-workspace .app-shell > .conversations-workspace { margin-inline:-4px; width:calc(100% + 8px); }
  .conversation-page-open .app-shell { height:calc(100dvh - 58px); padding-top:10px; padding-bottom:8px; }
  .conversation-shell { position:relative; min-height:0; display:flex; flex-direction:column; overflow:hidden; }
  .conversation-queues { flex:0 0 60px; display:flex; flex-direction:row; padding:5px; border-right:0; border-bottom:1px solid var(--line); }
  .conversation-queue-scroll { width:auto; flex:1; display:flex; flex-direction:row; align-items:center; gap:4px; overflow-x:auto; overflow-y:hidden; }
  .conversation-queue-footer { width:auto; margin-top:0; padding:0 0 0 5px; border-top:0; border-left:1px solid var(--line); }
  .conversation-queue-divider { width:1px; height:30px; margin:0 3px; }
  .conversation-queue { position:relative; width:48px; min-width:48px; height:48px; min-height:48px; display:grid; grid-template-columns:1fr; justify-items:center; padding:5px; }
  .conversation-queue-count { position:absolute; top:1px; right:1px; margin:0; }
  .conversation-list-pane { flex:1; border-right:0; }
  .conversation-chat { display:none; flex:1; min-height:0; }
  .conversation-shell.chat-open .conversation-queues,.conversation-shell.chat-open .conversation-list-pane { display:none; }
  .conversation-shell.chat-open .conversation-chat { display:flex; }
  .conversation-mobile-back { width:30px; height:34px; display:grid; place-items:center; flex:0 0 auto; border:0; border-radius:6px; background:#f1f1f4; color:var(--label); font-size:22px; cursor:pointer; }
  .conversation-chat-header { min-height:86px; align-items:flex-start; padding:8px; }
  .conversation-chat-actions { gap:9px; }
  .conversation-contact .conversation-avatar { display:none; }
  .conversation-form-grid { grid-template-columns:1fr; }
  .conversation-form-grid .full { grid-column:auto; }
  .conversation-template-row { grid-template-columns:1fr; padding:10px; border:1px solid var(--line); border-radius:7px; }
  .conversation-webhook-heading { align-items:flex-start; flex-direction:column; }
  .conversation-webhook-heading .conversation-small-button { width:100%; }
  .conversation-import-mapping,.conversation-import-result > div { grid-template-columns:1fr; }
  .conversation-message { max-width:88%; }
  .conversation-campaign-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .conversation-campaign-heading { flex-wrap:wrap; }
  .conversation-campaign-selection-actions { justify-content:flex-start; }
}

@container (max-width:700px) {
  .conversation-chat-header { min-height:68px; align-items:center; }
  .conversation-contact { flex:1; overflow:hidden; }
  .conversation-quick-actions { display:none; }
  .conversation-collapsed-actions { display:grid; }
}