body{background:#f3f6f9}.messages-shell{width:min(1480px,95vw);margin:22px auto 88px}.messages-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:10px}.messages-head h1{margin:0;color:#20354f;font-size:32px;letter-spacing:-.035em}.messages-head p{margin:5px 0 0;color:#64748b;max-width:760px}.messages-eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;color:#55708f}.messages-head-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.phone-alert-status{margin:0 0 12px}.message-tabs{display:flex;gap:4px;background:#e7edf5;border:1px solid #d5deea;border-radius:12px;padding:4px;margin-bottom:14px;overflow:auto}.message-tabs button{border:0;background:transparent;border-radius:9px;padding:10px 16px;font:inherit;font-weight:800;color:#52657c;cursor:pointer;white-space:nowrap}.message-tabs button.active{background:#fff;color:#1f5f9f;box-shadow:0 1px 4px rgba(35,59,88,.12)}.message-tabs button span{display:inline-flex;min-width:22px;height:21px;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;background:#c64141;color:#fff;font-size:11px;margin-left:5px}.message-panel{display:none}.message-panel.active{display:block}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid #e8edf3;margin-bottom:12px}.panel-heading h2,.panel-heading h3{margin:0;color:#294565}.panel-heading h2{font-size:19px}.panel-heading h3{font-size:16px}.panel-heading p{margin:3px 0 0;color:#708095;font-size:12px;line-height:1.45}.panel-actions,.staff-person-actions{display:flex;gap:6px;flex-wrap:wrap}.message-status{min-height:20px;margin-top:7px;color:#5d6d82;font-size:12px}.hidden{display:none!important}.empty-state{padding:38px 15px;text-align:center;color:#708095}

/* Staff Chat */
.internal-chat-layout{display:grid;grid-template-columns:315px minmax(0,1fr);gap:14px;min-height:640px}.internal-people-card,.internal-chat-card,.staff-list-card,.staff-conversation-card,.customer-message-card{background:#fff;border:1px solid #dfe6ef;border-radius:14px;box-shadow:0 2px 9px rgba(31,48,72,.05)}.internal-people-card{padding:14px;align-self:start;position:sticky;top:72px}.internal-chat-card{display:flex;min-width:0;overflow:hidden}.internal-conversation-list{display:grid;gap:6px}.internal-person-button{width:100%;border:1px solid #e2e9f1;background:#fff;border-radius:12px;padding:10px;text-align:left;cursor:pointer;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center}.internal-person-button:hover,.internal-person-button.active{background:#eef6ff;border-color:#9abbe0}.staff-avatar{width:38px;height:38px;border-radius:50%;background:#dce8f6;color:#28577d;display:flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto}.internal-person-copy{min-width:0}.internal-person-copy strong{display:block;color:#294565;font-size:14px}.internal-person-copy small{display:block;color:#748499;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.internal-unread-count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#1769d2;color:#fff;font-size:11px}.internal-chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-height:640px}.internal-chat-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #e5ebf2;background:#fbfdff}.internal-chat-head h2{margin:0;color:#294565;font-size:18px}.internal-chat-person{min-width:0}.internal-chat-back{display:none}.internal-chat-messages{overflow:auto;padding:18px 16px;background:linear-gradient(#f8fbfe,#f5f8fb);scroll-behavior:smooth}.chat-empty{padding-top:120px}.chat-bubble-row{display:flex;margin:8px 0}.chat-bubble-row.mine{justify-content:flex-end}.chat-bubble-row.theirs{justify-content:flex-start}.chat-bubble{max-width:min(72%,690px);border-radius:17px;padding:9px 12px;box-shadow:0 1px 3px rgba(31,48,72,.06);border:1px solid #dce4ed;background:#fff;color:#263c55}.chat-bubble-row.mine .chat-bubble{background:#dfeeff;border-color:#b9d2ee;border-bottom-right-radius:5px}.chat-bubble-row.theirs .chat-bubble{border-bottom-left-radius:5px}.chat-bubble-row.unread .chat-bubble{box-shadow:0 0 0 2px rgba(210,138,0,.25)}.chat-bubble-row.highlight .chat-bubble{box-shadow:0 0 0 3px rgba(23,105,210,.28)}.chat-bubble-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.42}.chat-bubble-meta{margin-top:5px;color:#718196;font-size:10px;text-align:right}.chat-linked-record{display:block;margin-top:7px;padding:6px 8px;border-radius:8px;background:#fff;color:#28577d;text-decoration:none;font-size:11px;font-weight:750;border:1px solid #ccdeef}.chat-linked-record:hover{text-decoration:underline}.internal-chat-compose{padding:9px 12px 11px;border-top:1px solid #e2e9f1;background:#fff}.internal-compose-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.internal-compose-row textarea{width:100%;min-height:48px;max-height:140px;resize:vertical;border-radius:14px;padding:11px 12px}.internal-send-button{height:46px;min-width:72px;border-radius:12px}.internal-link-details{margin-bottom:7px}.internal-link-details>summary{cursor:pointer;color:#47627f;font-size:11px;font-weight:800;list-style:none}.internal-link-details>summary::-webkit-details-marker{display:none}.internal-link-details>summary span{font-weight:500;color:#7c8999}.record-link-box{border:1px solid #dce6f1;background:#f8fbff;border-radius:10px;padding:9px;margin-top:7px}.record-link-controls{display:grid;grid-template-columns:105px minmax(0,1fr) auto;gap:6px}.record-link-box select,.record-link-box input{min-width:0}.record-link-box>select{width:100%;margin-top:7px}

/* Staff communication history */
.message-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px}.staff-list-card{padding:16px;align-self:start;position:sticky;top:72px}.staff-conversation-card,.customer-message-card{padding:16px}.staff-list{display:grid;gap:6px}.staff-person-button{width:100%;border:1px solid #e1e8f0;background:#fff;border-radius:10px;padding:10px;text-align:left;cursor:pointer;display:flex;gap:9px;align-items:center}.staff-person-button:hover,.staff-person-button.active{background:#eef6ff;border-color:#9abbe0}.staff-person-button strong{display:block;color:#294565}.staff-person-button small{display:block;color:#748499;margin-top:2px}.staff-person-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #e8edf3}.staff-person-head h2{margin:0;color:#294565}.staff-text-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:12px 0;border-bottom:1px solid #e8edf3}.staff-text-form label{display:block;font-size:12px;font-weight:800;color:#4c6179;margin:0}.staff-text-form textarea{width:100%;margin-top:5px}.staff-text-hint{display:block;font-weight:500;color:#78879a;margin-top:2px}.staff-history-heading{margin-top:12px}.staff-empty{padding:80px 20px;text-align:center;color:#6f7f92}.message-stream{display:grid;gap:8px;max-height:calc(100vh - 260px);overflow:auto;padding-right:3px}.comm-item{border-bottom:1px solid #edf1f5;padding:11px 7px}.comm-item:last-child{border-bottom:0}.comm-item.inbound{border-left:3px solid #4d8bd3;padding-left:11px}.comm-item.outbound{border-left:3px solid #6aa16f;padding-left:11px}.comm-item.unread{background:#fff8dd}.comm-top{display:flex;gap:8px;align-items:center}.comm-kind{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#58708b}.comm-time{margin-left:auto;color:#7b8999;font-size:11px}.comm-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px;color:#293d55}.message-row-meta{color:#64758b;font-size:11px;margin-top:4px}

/* Customer inbox */
.customer-message-list{display:grid;gap:7px}.customer-message-item{border:1px solid #e0e7ef;border-radius:11px;background:#fff;padding:12px;text-align:left;cursor:pointer}.customer-message-item:hover{background:#f6faff}.customer-message-item.unread{border-left:5px solid #d28a00;background:#fffaf0}.customer-message-head{display:flex;gap:8px;align-items:center}.customer-message-head strong{color:#294565}.customer-message-time{margin-left:auto;color:#7b8999;font-size:11px}.customer-message-body{margin-top:5px;color:#293d55;white-space:pre-wrap}.customer-message-meta{margin-top:6px;color:#718196;font-size:11px}

@media(max-width:900px){.message-layout{grid-template-columns:1fr}.staff-list-card{position:static}.message-stream{max-height:none}.staff-text-form{grid-template-columns:1fr}.messages-head{display:block}.messages-head-actions{justify-content:flex-start;margin-top:10px}}
@media(max-width:760px){.messages-shell{width:100%;margin:8px 0 calc(82px + env(safe-area-inset-bottom));padding:0 8px}.messages-head{padding:2px 4px}.messages-head h1{font-size:25px}.messages-head p{font-size:12px}.messages-head-actions .btn{font-size:11px;padding:7px 9px}.message-tabs{position:sticky;top:50px;z-index:20;margin:8px 0}.message-tabs button{padding:9px 11px;font-size:12px}.internal-chat-layout{display:block;min-height:calc(100dvh - 180px)}.internal-people-card{position:static;padding:10px}.internal-chat-card{display:none;min-height:calc(100dvh - 178px);border-radius:12px}.internal-chat-layout.chat-open .internal-people-card{display:none}.internal-chat-layout.chat-open .internal-chat-card{display:flex}.internal-chat{min-height:calc(100dvh - 178px);height:calc(100dvh - 178px)}.internal-chat-back{display:inline-flex}.internal-chat-head{padding:8px}.internal-chat-head .staff-avatar{width:32px;height:32px}.internal-chat-head h2{font-size:16px}.internal-chat-messages{padding:12px 8px}.chat-bubble{max-width:86%;font-size:15px}.internal-chat-compose{position:sticky;bottom:calc(70px + env(safe-area-inset-bottom));z-index:6;padding:7px 7px 8px}.internal-compose-row{gap:6px}.internal-compose-row textarea{min-height:44px;border-radius:18px}.internal-send-button{height:44px;min-width:64px;border-radius:18px}.record-link-controls{grid-template-columns:1fr}.staff-empty{padding:60px 15px}.staff-list-card,.staff-conversation-card,.customer-message-card{padding:11px}.messages-head-actions{gap:5px}}

/* Calls & voicemail */
.message-status.success{color:#237044}.message-status.error{color:#a33b3b}.unmatched-call-list{display:grid;gap:10px}.unmatched-bulk-actions{align-items:center}.unmatched-select-all{display:inline-flex;align-items:center;gap:6px;color:#52677e;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}.unmatched-select-all input,.unmatched-call-check input{width:17px;height:17px;accent-color:#1f5f9f;cursor:pointer}.unmatched-call-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;border:1px solid #dfe6ef;border-radius:12px;background:#fff;padding:13px;transition:box-shadow .18s,border-color .18s,background .18s}.unmatched-call-card:hover{border-color:#b9c9dc}.unmatched-call-card.bulk-selected{border-color:#79a7d6;background:#f7fbff}.unmatched-call-check{display:flex;align-items:flex-start;padding-top:2px}.unmatched-call-card.selected-call{border-color:#79a7d6}.unmatched-call-card.call-highlight{box-shadow:0 0 0 4px rgba(31,95,159,.18);background:#f7fbff}.unmatched-call-card.resolved-call{background:#f8fafc}.unmatched-call-title-row{display:flex;gap:12px;align-items:flex-start}.unmatched-call-title-row strong{display:block;color:#294565;font-size:16px}.unmatched-call-phone{margin-top:2px;font-weight:750}.unmatched-call-phone a{color:#1e69ad;text-decoration:none}.unmatched-call-time{margin-left:auto;color:#728196;font-size:11px;white-space:nowrap}.unmatched-call-meta{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:8px;color:#687a8f;font-size:11px}.call-result-pill{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:#e9eef5;color:#52677e;font-weight:850}.call-result-pill.voicemail{background:#e7f2ff;color:#1f5f9f}.call-resolved-label{font-weight:800;color:#2c7450}.unmatched-call-summary{margin-top:7px;color:#344a62;font-size:13px}.unmatched-call-actions{display:flex;gap:6px;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;max-width:360px}.btn.subtle{background:#fff;color:#65768a;border-color:#d9e1ea}.unmatched-audio-wrap{margin-top:10px}.unmatched-audio-status{margin:0 0 5px;color:#5f7084;font-size:11px;font-weight:700}.unmatched-audio-wrap audio{width:min(520px,100%);height:38px}.unmatched-dialog{border:0;background:transparent;padding:0;max-width:none}.unmatched-dialog::backdrop{background:rgba(18,31,46,.44)}.unmatched-dialog-card{width:min(700px,94vw);max-height:86vh;overflow:auto;padding:18px;border-radius:15px}.unmatched-create-card{width:min(760px,94vw)}.unmatched-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid #e5ebf2}.unmatched-dialog-head h2{margin:0;color:#294565;font-size:20px}.unmatched-dialog-head p{margin:4px 0 0;color:#6d7c8f;font-size:12px}.unmatched-link-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:13px}.unmatched-contact-results{display:grid;gap:7px;margin-top:8px;max-height:52vh;overflow:auto}.unmatched-contact-result{display:block;width:100%;text-align:left;border:1px solid #dfe7f0;background:#fff;border-radius:10px;padding:10px;cursor:pointer}.unmatched-contact-result:hover{background:#f1f7fd;border-color:#9bbce0}.unmatched-contact-result strong{display:block;color:#294565}.unmatched-contact-result span,.unmatched-contact-result small{display:block;margin-top:3px;color:#6f7f92}.empty-state.compact{padding:22px 10px}.unmatched-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin-top:14px}.unmatched-create-grid label{display:block;color:#50657c;font-size:12px;font-weight:800}.unmatched-create-grid label span{font-weight:500;color:#7b8795}.unmatched-create-grid input{width:100%;margin-top:4px}.unmatched-create-grid .wide{grid-column:1/-1}.unmatched-create-grid .unmatched-consent{display:flex;gap:8px;align-items:center;font-weight:700;margin-top:2px}.unmatched-create-grid .unmatched-consent input{width:auto;margin:0}.unmatched-dialog-actions{display:flex;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #e5ebf2}
@media(max-width:760px){.unmatched-bulk-actions{width:100%;justify-content:flex-start}.unmatched-call-card{grid-template-columns:auto minmax(0,1fr)}.unmatched-call-actions{grid-column:1/-1;padding-left:29px}.unmatched-call-actions{justify-content:flex-start;max-width:none}.unmatched-call-time{font-size:10px}.unmatched-create-grid{grid-template-columns:1fr}.unmatched-create-grid .wide{grid-column:auto}.unmatched-link-search-row{grid-template-columns:1fr}.unmatched-dialog-card{padding:13px}.unmatched-dialog-actions{position:sticky;bottom:0;background:#fff;padding-bottom:4px}}

/* 2026-10-06 Communication Queue Cards */
.communication-queue-heading{align-items:flex-start}.communication-queue-tools{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.communication-filter-row{display:flex;gap:5px;flex-wrap:wrap}.communication-filter{border:1px solid #d8e1ec;background:#fff;color:#52677e;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;cursor:pointer}.communication-filter:hover{background:#f2f7fc}.communication-filter.active{background:#eaf3fd;border-color:#9bbce0;color:#175a99}.communication-bulk-bar{display:flex;align-items:center;gap:8px;margin:10px 0;padding:9px 11px;background:#eef6ff;border:1px solid #bdd6ef;border-radius:10px}.communication-bulk-bar strong{margin-right:auto;color:#294565}.unmatched-call-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.unmatched-call-card.communication-queue-item{position:relative;display:block;min-width:0;min-height:220px;padding:13px;border:1px solid #dce5ef;border-radius:12px;background:#fff;cursor:pointer;box-shadow:none}.unmatched-call-card.communication-queue-item:hover{border-color:#a9bfd6;box-shadow:0 2px 10px rgba(39,72,105,.08)}.communication-card-top{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}.communication-badges{display:flex;gap:5px;flex-wrap:wrap;min-height:22px}.communication-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:10px;line-height:1.15;font-weight:900;letter-spacing:.03em;background:#edf1f5;color:#607187}.communication-badge.ai{background:#e4f1ff;color:#175f9f}.communication-badge.voicemail{background:#eeeafd;color:#5c4a9a}.communication-badge.recipient{background:#eef4f8;color:#426178}.communication-badge.review{background:#fff1cf;color:#8a5a00}.communication-badge.urgent{background:#fde8e8;color:#a23131}.communication-more{border:0;background:transparent;color:#53677d;font-size:19px;font-weight:900;line-height:1;padding:0 2px 5px;cursor:pointer;border-radius:6px}.communication-more:hover{background:#edf3f8}.communication-identity{margin-top:9px}.communication-identity strong{display:block;color:#243f5e;font-size:17px;line-height:1.2}.communication-identity span{display:block;margin-top:2px;color:#48627e;font-size:13px;font-weight:750}.communication-identity small{display:block;margin-top:3px;color:#758598;font-size:11px;line-height:1.3}.communication-linked{margin-top:5px;color:#2d7654;font-size:11px;font-weight:850}.communication-message{margin-top:12px;color:#304860;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.communication-delivery{margin-top:9px;font-size:11px;font-weight:800}.communication-delivery.ok{color:#2d7654}.communication-delivery.failed{color:#a06b13}.communication-card-footer{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:12px;padding-top:9px;border-top:1px solid #e6ebf1;color:#718196;font-size:10px;font-weight:700}.communication-card-details{margin-top:10px;padding-top:10px;border-top:1px dashed #ccd7e2;cursor:default}.communication-transcript b{display:block;color:#415b76;font-size:11px;margin-bottom:5px}.communication-transcript pre{white-space:pre-wrap;max-height:240px;overflow:auto;margin:0;padding:9px;border-radius:8px;background:#f6f8fa;color:#35495e;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.communication-transcript p{margin:0;color:#65768a;font-size:12px}.communication-select-check{position:absolute;left:8px;top:8px;z-index:2;background:#fff;border-radius:5px;padding:2px}.communication-queue-item:has(.communication-select-check){padding-left:36px}.communication-context-menu{position:fixed;z-index:9999;width:210px;padding:6px;background:#fff;border:1px solid #d6e0ea;border-radius:10px;box-shadow:0 14px 34px rgba(25,46,68,.18)}.communication-context-menu button{display:block;width:100%;border:0;background:transparent;padding:9px 10px;border-radius:7px;text-align:left;color:#344e69;font:inherit;font-size:12px;font-weight:760;cursor:pointer}.communication-context-menu button:hover{background:#eef5fc}.communication-context-menu button.danger{color:#a43d3d}.unmatched-audio-wrap audio{width:100%}.call-highlight{box-shadow:0 0 0 4px rgba(31,95,159,.18)!important}.communication-queue-item.bulk-selected{border-color:#4b8dce!important;background:#f6fbff!important}
@media(max-width:1050px){.unmatched-call-list{grid-template-columns:repeat(2,minmax(0,1fr))}.communication-queue-tools{justify-content:flex-start;width:100%}}
@media(max-width:680px){.unmatched-call-list{grid-template-columns:1fr}.communication-filter-row{overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:3px}.communication-filter{white-space:nowrap}.communication-queue-tools{display:block}.communication-queue-tools .panel-actions{margin-top:7px}.unmatched-call-card.communication-queue-item{min-height:0}.communication-context-menu{width:min(240px,calc(100vw - 20px))}}