.xa-security{padding:20px;background:#f7f9fd;border:1px solid #dde4ef;border-radius:12px}
.xn .xc-shell{height:calc(100dvh - 260px)}
.xn .xc-projects{padding:0;position:static;width:auto;color:#1c3253;background:#f8faff}
.xn .xc-head{position:static;transform:none;flex-shrink:0}
.xn .xc-projects .xc-thread{background:transparent!important;color:#1c3253!important}
.xn .xc-projects .xc-thread.selected{background:#e8efff!important}
.xc-shell{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);border:1px solid #dce4ef;border-radius:16px;overflow:hidden;background:white;min-height:560px;max-height:calc(100dvh - 210px)}
.xc-projects{background:#f8faff;border-inline-end:1px solid #dce4ef;display:flex;flex-direction:column;min-height:0;min-width:0}.xc-search{padding:16px;display:flex;gap:8px;align-items:end;border-bottom:1px solid #e4e9f1}.xc-search label{flex:1;min-width:0;font-weight:600;font-size:13px}.xc-search input{min-width:0;width:100%;margin-top:8px}.xc-search button{padding:10px}.xc-search button span{display:none}.xc-list{overflow:auto;flex:1;min-height:0;padding:8px}.xc-thread{display:flex!important;align-items:start;gap:10px!important;padding:14px 10px!important;width:100%;border:1px solid transparent!important;background:transparent!important;color:#1c3253!important;text-align:start;border-radius:10px!important;box-shadow:none!important;text-transform:none!important}.xc-thread>span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0;gap:5px}.xc-thread b,.xc-thread small,.xc-thread>span>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xc-thread b{font-size:14px}.xc-thread small,.xc-thread>span>span{font-size:12px;color:#62718a}.xc-thread-icon{padding:8px;background:#eaf0fb;border-radius:10px;color:#3564c1}.xc-thread.selected{background:#e8efff!important;border-color:#b8cbf5!important}.xc-thread:hover{background:#edf2fc!important}.xc-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;font-size:11px;border-top:1px solid #e4e9f1}.xc-pagination button{padding:6px 9px!important;font-size:12px!important}.xc-conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.xc-conversation>.xn-empty{margin:auto}.xc-head{position:static!important;display:flex;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid #e4e9f1;background:white!important;min-height:0!important}.xc-head h2{font-size:20px;margin:0 0 6px;overflow-wrap:anywhere}.xc-head .xn-actions{align-self:start;flex-wrap:wrap}.xc-back{display:none!important}.xc-job-picker{padding:12px 20px;background:#fbfcff}.xc-job-picker label{display:flex;align-items:center;gap:12px;font-size:13px}.xc-job-picker select{max-width:100%;min-width:0;flex:1}.xc-older{text-align:center}.xc-older button{margin:6px;font-size:12px}.xc-messages{flex:1;min-height:100px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.xc-message{max-width:90%;background:#f2f5fa;border:1px solid #e3e9f2;border-radius:0 12px 12px 12px;padding:12px 16px;align-self:start;overflow-wrap:anywhere}.xc-message>div{display:flex;gap:18px;align-items:baseline}.xc-message b{font-size:13px}.xc-message time{color:#67768e;font-size:11px}.xc-message p{white-space:pre-wrap;margin:8px 0 0}.xc-composer{padding:16px 20px;border-top:1px solid #e4e9f1;background:white}.xc-composer[hidden]{display:none}.xc-composer label{font-size:13px;font-weight:600}.xc-composer textarea{width:100%;margin:6px 0 10px;resize:vertical;min-height:66px;max-height:180px}.xc-send{display:flex;justify-content:space-between;align-items:center;gap:8px}.xc-send button{max-width:100%;text-transform:none!important}.xc-send [data-chat-attachment]{min-width:0}.xc-send [data-chat-attachment] span{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.xc-shell{display:block;min-height:500px;max-height:none}.xc-projects{border:0;height:65dvh}.xc-conversation{display:none;height:70dvh}.xc-shell.xc-open .xc-projects{display:none}.xc-shell.xc-open .xc-conversation{display:flex}.xc-back{display:inline-flex!important;padding:6px!important;margin-bottom:8px}.xc-head{padding:12px;flex-wrap:wrap}.xc-head h2{font-size:18px}.xc-head .xn-actions{gap:6px}.xc-head .xn-actions button{padding:8px;font-size:12px}.xc-message{max-width:100%}.xc-message>div{flex-wrap:wrap;gap:4px 12px}.xc-messages{padding:12px}.xc-composer{padding:12px}.xc-send [data-chat-attachment] span{max-width:140px}}
/* Job attachments remain readable at phone widths without clipping filenames. */
.xc-send{flex-wrap:wrap;align-items:flex-start}.xc-send [data-chat-attachment]{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 250px}.xc-send [data-chat-attachment] span{max-width:none;white-space:normal;overflow-wrap:anywhere;overflow:visible}.xc-send button{min-height:44px}.xc-attachment-selected{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:13px;overflow-wrap:anywhere}.xc-attachment-selected>span{min-width:0;flex:1}.xc-attachment-selected:empty{display:none}.xc-attachment-selected button{font-size:12px;min-height:44px}.xc-attachment-note{display:block;color:#52677f;line-height:1.5;margin-top:8px}.xc-send input[hidden]{display:none!important}