.text-inbox-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.text-inbox-filters label:first-child{flex:1;min-width:220px}.text-thread{margin:12px 0}.text-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:80px;overflow:hidden}.text-contact-context{background:#f3f5eb;border-left:3px solid #80946e;padding:14px;margin:14px 0}.text-contact-context p{margin:5px 0}.text-contact-context ul{font-size:12px;margin:8px 0}.text-message-list{display:flex;flex-direction:column;gap:12px;margin:18px 0;max-height:450px;overflow:auto;padding:4px}.text-message{max-width:88%;border:1px solid #dce2d2;border-radius:10px;padding:12px 15px;background:#f4f6ef;overflow-wrap:anywhere}.text-message.is-outbound{align-self:flex-end;background:#fff}.text-message p{white-space:pre-wrap;margin:8px 0}.text-message small{color:#69765f}.text-message button{margin:8px 6px 0 0}.text-compose{border-top:1px solid #dce2d2;padding-top:15px}.text-check{display:flex;align-items:center;gap:10px;margin:12px 0}.text-check input{width:auto}.text-audit{margin-top:24px}.text-audit p{font-size:12px;border-top:1px solid #eee;padding-top:8px}.text-conversation .row{flex-wrap:wrap}
.case-text-shortcut{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;padding:4px;border:1px solid #b9c9aa;border-radius:7px;background:#edf3e5;color:#31533d;cursor:pointer}.case-text-shortcut:hover{background:#dce8cf;border-color:#718e60}.case-text-shortcut:focus-visible{outline:2px solid #31533d;outline-offset:3px}
.text-update-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #b9c9aa;background:#edf3e5;border-radius:6px;margin:12px 0;font-size:12px}.text-update-notice[hidden]{display:none}
.nav-item .text-unread-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;width:auto;flex:0 0 auto;margin-left:auto;padding:2px 5px;border-radius:12px;background:#31533d;color:white;font:600 10px Arial}.nav-item .text-unread-count[hidden]{display:none}
.text-conversation{container-type:inline-size}.text-connection-details{margin:10px 0;border:1px solid #dce2d2;border-radius:6px;padding:9px 12px;font-size:11px}.text-connection-details>summary,.text-contact-context summary{cursor:pointer;color:#31533d}.text-connection-details .import-banner{margin:12px 0 0}.text-conversation .text-contact-context{margin:10px 0;padding:10px 12px}.text-contact-context details{margin-top:7px}.text-contact-context details button{margin:5px 6px 0 0}.text-conversation-work{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.text-history-column{min-width:0}.text-history-column .text-message-list{margin:12px 0;max-height:min(42vh,440px)}.text-history-column .toolbar{margin-top:0;gap:8px;flex-wrap:wrap}.text-history-column .toolbar label{flex:1;min-width:150px}.text-conversation-work .text-compose{margin:0;padding:14px;border:1px solid #dce2d2;border-radius:8px;background:#fafbf7;min-width:0}.text-conversation-work .text-compose h3{margin:0 0 12px}.text-conversation-work .text-compose label{margin:8px 0}.text-conversation-work .text-compose textarea{min-height:110px}.text-conversation .text-audit{margin-top:16px}@container(min-width:700px){.text-conversation-work{grid-template-columns:minmax(0,1fr) minmax(260px,.65fr)}.text-conversation-work.is-readonly{grid-template-columns:minmax(0,1fr)}.text-conversation-work .text-compose{position:sticky;top:0}}
.case-text-summary{border-top:1px solid #dce2d2;margin-top:14px;padding-top:12px}.case-text-summary h4{margin:0 0 7px;color:#31533d;font-size:12px}.case-text-summary p{margin:7px 0}

.text-permission-evidence{margin:12px 0;padding:12px;border:1px solid #dce4d3;border-radius:6px}.text-permission-evidence h4{margin:0 0 10px}.text-permission-evidence dl,.text-audit dl{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,2fr);gap:6px 12px;font-size:12px}.text-permission-evidence dt,.text-audit dt{color:var(--muted)}.text-permission-evidence dd,.text-audit dd{margin:0;overflow-wrap:anywhere}

.text-thread-preview{margin:10px 0;padding:10px 12px;background:#f5f7f0;border-radius:5px}.text-thread-preview strong{font-size:12px}.text-thread-preview p{margin:5px 0}.text-thread details{margin:10px 0;font-size:12px}

/* Conversation tools use the established floating-panel interaction. */
.text-panels-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.text-conversation-work.text-panels-canvas{display:block;min-height:580px;position:relative}
.text-floating-panel{min-width:160px;background:var(--surface,#fff)}
.text-floating-panel>.case-mini-body{overflow:auto;min-height:0}
.text-floating-panel[data-case-panel="messages"]{min-height:420px}
.text-floating-panel[data-case-panel="composer"]{min-height:300px}
.text-floating-panel[data-case-panel="templates"]{min-height:180px}
.text-floating-panel.case-panel-minimized{min-height:44px}
.text-floating-panel .text-compose{position:static!important;border:0;border-radius:0;padding:0;background:transparent}
.text-floating-panel .text-compose h3{display:none}
.text-floating-panel .text-compose textarea{min-height:140px;resize:vertical;font-size:14px}
.text-floating-panel .text-message-list{max-height:440px;margin:12px 0}
.text-floating-panel .toolbar{gap:8px;flex-wrap:wrap;margin-top:0}
.text-floating-panel .toolbar label{min-width:130px;flex:1}
.text-floating-panel .text-template-picker label{display:block;margin-bottom:12px}
.text-floating-panel .text-compose>button{margin:8px 8px 0 0}
.text-conversation>[data-text-live-status]{font-size:10px;margin:6px 0}

.text-floating-panel[data-case-panel="messages"]>.case-mini-body:not([hidden]){display:flex;overflow:hidden}
.text-floating-panel[data-case-panel="messages"]>.case-mini-body>div{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}
.text-floating-panel[data-case-panel="messages"] .text-message-list{flex:1;min-height:80px;max-height:none;margin-bottom:0;overflow:auto}
.text-floating-panel[data-case-panel="messages"] .toolbar,.text-floating-panel[data-case-panel="messages"] .pager{flex-shrink:0}

#text-alert-stack{position:fixed;right:18px;bottom:80px;z-index:200000;display:flex;flex-direction:column;gap:10px;width:min(340px,calc(100vw - 36px));max-height:65vh;overflow:auto}
.text-incoming-alert{position:relative;background:#f3f7ed;color:#244b3c;border:1px solid #9bb58b;border-left:4px solid #47795c;border-radius:8px;box-shadow:0 5px 24px #203b2926;padding:14px 34px 14px 14px}
.text-incoming-alert strong{font-size:13px}.text-incoming-alert p{font-size:11px;margin:7px 0}.text-incoming-alert [data-dismiss-text-alert]{position:absolute;right:4px;top:3px}

.text-phone-picker{font-size:11px;min-width:220px;margin:4px 0 4px auto}.text-phone-picker select{display:block;margin-top:4px;min-width:210px}

.template-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:24px;align-items:start}.text-template-editor{container-type:inline-size}.text-template-editor form>label{display:grid;gap:7px;margin-bottom:14px}.text-template-editor textarea{width:100%;min-height:190px;line-height:1.6}.text-template-editor .text-check{display:flex;align-items:center}.text-template-editor .text-check input{width:auto}.template-field-picker{padding:16px;background:#f4f7ee;border:1px solid #d8e2ce;border-radius:9px}.template-field-picker h3{margin:0 0 14px;font:21px Georgia;color:#294a3e}.template-field-picker>label{display:grid;gap:6px;font-size:11px}.template-field-groups{max-height:430px;overflow:auto;margin-top:12px}.template-field-groups h4{margin:14px 0 8px;font-size:11px;color:#687c5d}.template-field-groups button{display:grid;gap:4px;width:100%;text-align:left;padding:10px;margin:5px 0;border:1px solid #d8e2ce;background:#fff;border-radius:6px;color:#31533d}.template-field-groups button:hover,.template-field-groups button:focus-visible{border-color:#8ca679;background:#eaf1e1;outline:2px solid transparent}.template-field-groups code{font-size:10px;color:#6f805f}.template-field-groups small{font-size:10px;line-height:1.5;color:#77856c}.template-field-groups [hidden]{display:none!important}@container(max-width:650px){.template-editor-layout{grid-template-columns:minmax(0,1fr)}.template-field-groups{max-height:260px}}

.text-case-selector{display:grid;gap:7px;max-width:560px;margin:14px 0;font-size:12px}.text-case-selector small{color:var(--muted)}.text-message-case{display:flex;align-items:center;gap:8px;margin:10px 0 4px;font-size:10px}.text-message-case select{width:auto;max-width:260px;font-size:11px;padding:6px}.text-case-tag{display:block;margin-top:8px;color:var(--sage)}