.inbox-tabs{display:flex;gap:12px;margin:0 0 20px}.inbox-panel{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);border:1px solid #d6dfe8;background:#fff;border-radius:16px;overflow:hidden;min-height:650px}.inbox-sidebar{padding:20px;border-right:1px solid #d6dfe8;min-width:0}.inbox-sidebar>label{display:block;margin-bottom:8px}.inbox-filters{display:grid;gap:12px;margin-top:16px}.inbox-filters label{font-size:14px;display:block}.inbox-filters select{width:100%;margin-top:5px}.inbox-filters input[type=checkbox]{width:auto}.inbox-row{display:flex;flex-direction:column;text-align:left;gap:8px;width:100%;background:transparent;border:0;border-bottom:1px solid #e4e9ee;padding:16px 10px;color:#172938;cursor:pointer;font:inherit}.inbox-row.selected{background:#e7f3fb;box-shadow:inset 3px 0 #126c9c}.inbox-row-title{display:flex;justify-content:space-between;gap:8px;overflow-wrap:anywhere}.inbox-count{background:#126c9c;color:white;border-radius:20px;padding:2px 8px;font-size:14px}.inbox-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px}.inbox-conversation{display:flex;flex-direction:column;min-width:0}.inbox-header{padding:22px;border-bottom:1px solid #d6dfe8}.inbox-header h2{overflow-wrap:anywhere}.inbox-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.inbox-actions label{font-size:14px;max-width:100%}.inbox-actions select{display:block;max-width:100%}.inbox-messages{height:440px;overflow:auto;padding:24px;background:#f4f7fa}.inbox-message{width:fit-content;max-width:85%;padding:12px 16px;border-radius:12px;background:white;border:1px solid #dbe3eb;margin:12px 0;overflow-wrap:anywhere}.inbox-message p{white-space:pre-wrap;margin:0 0 8px;font-size:16px;line-height:1.5}.inbox-message.outgoing{margin-left:auto;background:#e2f1fc;border-color:#b9d5e8}.inbox-reply{padding:20px;border-top:1px solid #d6dfe8}.inbox-reply label{display:block;margin-bottom:8px}.inbox-reply textarea{width:100%;resize:vertical;margin-bottom:12px;font:inherit}.inbox-reply .inbox-actions{justify-content:space-between}.inbox-back{display:none}.inbox-panel button:focus-visible{outline:3px solid #126c9c;outline-offset:2px}.inbox-panel [hidden]{display:none!important}.inbox-panel .small{font-size:14px}#inbox-window{font-size:14px;margin-bottom:0}#inbox-list{max-height:570px;overflow:auto}#inbox-feedback{overflow-wrap:anywhere}
.inbox-media{margin-bottom:8px;max-width:100%}.inbox-media img,.inbox-media video{display:block;max-width:min(100%,420px);max-height:360px;border-radius:8px}.inbox-media audio{display:block;max-width:100%;width:300px}.inbox-media a{color:#126c9c}.inbox-document{display:grid;gap:8px;max-width:100%;overflow-wrap:anywhere}.inbox-media-fallback{color:#566b79}
.inbox-drop{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px;margin:0 0 12px;border:1px dashed #a7b7c5;border-radius:10px}.inbox-drop label{margin:0;cursor:pointer}.inbox-conversation.dragging .inbox-drop{border:2px solid #126c9c;background:#e7f3fb}.inbox-attachment-preview{display:flex;align-items:flex-start;flex-direction:column;gap:8px;border:1px solid #d6dfe8;border-radius:10px;padding:12px;margin-bottom:12px;max-width:100%;overflow-wrap:anywhere}.inbox-attachment-preview img,.inbox-attachment-preview video{max-width:min(100%,280px);max-height:200px;border-radius:6px}.inbox-attachment-preview audio{max-width:100%}.inbox-attachment-preview input{width:min(100%,420px)}#inbox-closed-panel{padding:10px 0}
@media(max-width:900px){.inbox-panel{grid-template-columns:1fr}.inbox-panel .inbox-conversation{display:none}.inbox-panel.has-selection .inbox-conversation{display:flex}.inbox-panel.has-selection .inbox-sidebar{display:none}.inbox-back{display:block}.inbox-sidebar{border:0}.inbox-message{max-width:95%}.inbox-header,.inbox-messages,.inbox-reply{padding:16px}.inbox-tabs{flex-wrap:wrap}.inbox-actions select{width:100%}}