.messages-content{padding-top:18px;padding-bottom:28px}.message-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#fff;border:1px solid #ebeaf1;border-radius:16px;padding:5px;margin:7px 0 12px}.message-tabs button{height:43px;border:0;border-radius:12px;background:transparent;color:#777586;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;font-weight:800}.message-tabs button b{min-width:23px;height:23px;padding:0 5px;border-radius:8px;background:#f0eff4;display:grid;place-items:center;font-size:10.5px}.message-tabs button.active{background:#eeebff;color:#5f4bcc}.message-tabs button.active b{background:#fff;color:#5f4bcc}.message-filter{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:1px 1px 4px;margin-bottom:11px;scrollbar-width:none}.message-filter::-webkit-scrollbar{display:none}.message-filter button{flex:none;height:34px;padding:0 12px;border:1px solid #e4e2eb;border-radius:11px;background:#fff;color:#777482;font-size:10.5px;font-weight:800}.message-filter button.active{background:#6956e8;color:#fff;border-color:#6956e8}.message-filter button[data-subject="support"]{border-color:#d5e3fb}.message-filter button[data-subject="suggestion"]{border-color:#d5edde}.message-filter button[data-subject="criticism"]{border-color:#f4dadd}.message-list-head{display:flex;align-items:end;justify-content:space-between;margin:16px 3px 10px}.message-list-head>div{display:flex;flex-direction:column}.message-list-head h2{font-size:15px;margin:0}.message-list-head small{font-size:10px;color:#8f8c9a;margin-top:2px}.message-list-head>strong{font-size:11.5px;color:#6956e8}.message-list{display:flex;flex-direction:column;gap:9px}.message-card{background:#fff;border:1px solid #ebeaf1;border-radius:19px;padding:12px;display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:10px;align-items:start;box-shadow:0 6px 18px #2a243d08;position:relative;cursor:pointer;transition:border-color .18s,box-shadow .18s}.message-card.unread{border:2px solid #7c6cec;box-shadow:0 7px 22px #6956e81c}.message-topic-icon,.detail-subject-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:none}.message-topic-icon svg,.detail-subject-icon svg{width:20px}.message-topic-icon.criticism,.detail-subject-icon.criticism{background:#ffedef;color:#bd4051}.message-topic-icon.suggestion,.detail-subject-icon.suggestion{background:#e9f8ef;color:#16805c}.message-topic-icon.support,.detail-subject-icon.support{background:#eaf1ff;color:#356fc7}.message-card-main{min-width:0}.message-card-main>div{display:flex;align-items:center;gap:6px;min-width:0}.message-card-main>div>strong{font-size:13px}.message-card-main b{font-size:9.5px;color:#777482;background:#f1f0f5;border-radius:7px;padding:2px 5px}.message-card-main p{font-size:11px;color:#5f5d69;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-card-main small{display:flex;align-items:center;gap:7px;font-size:10.5px;color:#5f5c68;font-weight:800;white-space:nowrap}.message-card-main small strong{font-size:11px;color:#3e3b48}.message-card-main time{font-size:10px;color:#5f5c68;font-weight:850}.message-card aside{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.ticket-status{height:30px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:850;border-radius:9px;padding:0 7px;white-space:nowrap}.ticket-status.pending{background:#fff3d4;color:#98640b}.ticket-status.answered{background:#e3f7ee;color:#077456}.message-card aside button{border:0;border-radius:9px;height:30px;padding:0 8px;font-size:9.5px;font-weight:850}.details-button{background:#eeebff;color:#5d49cd}.card-archive{background:#f1f0f4;color:#6b6876}.message-detail-page{padding-top:18px;padding-bottom:max(28px,env(safe-area-inset-bottom));animation:messageDetailIn .22s cubic-bezier(.2,.8,.2,1) both}@keyframes messageDetailIn{from{opacity:.2;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}.detail-page-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:3px 1px 13px}.detail-title{display:flex;align-items:center;gap:9px;min-width:0}.detail-title>div{min-width:0;display:flex;flex-direction:column}.detail-title h1{font-size:17px;margin:0}.detail-title small{font-size:10px;color:#757280;margin-top:2px;font-weight:700}.detail-top-actions{display:flex;align-items:center;gap:6px;flex:none}.archive-top{border:1px solid #f0c99f;height:38px;border-radius:12px;padding:0 10px;background:#fff0df;color:#a65c16;font-size:10.5px;font-weight:850}.archive-top.restore{background:#e8f4ff;color:#2d66b5;border-color:#cfe2f7}.ticket-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:linear-gradient(135deg,#f0edff,#f8f7ff);border:1px solid #e4e0fa;border-radius:17px;padding:9px;margin-bottom:13px}.ticket-meta>div{background:#ffffffd1;border:1px solid #ebe8f8;border-radius:12px;padding:10px;display:flex;flex-direction:column;min-width:0}.ticket-meta small{font-size:9px;color:#807d8b}.ticket-meta strong{font-size:11.5px;color:#34313e;font-weight:850;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation{display:flex;flex-direction:column;gap:9px}.conversation-message{width:fit-content;max-width:82%;border:1px solid #e6e4ed;border-radius:18px;padding:10px 12px;box-shadow:0 3px 11px #2a243d08}.conversation-message.user{align-self:flex-start;background:#fff}.conversation-message.admin{align-self:flex-end;background:#eaf1ff;border-color:#d4e1fa}.conversation-message>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.conversation-message strong{font-size:10.5px}.conversation-message time{font-size:9.5px;color:#666373;font-weight:800;white-space:nowrap}.conversation-message p{font-size:12.5px;line-height:1.9;overflow-wrap:anywhere;white-space:pre-wrap;margin:7px 0 0}.attachment-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.attachment-buttons button{border:0;background:#f0eef9;color:#5d49cd;border-radius:10px;min-height:32px;padding:0 9px;display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:800}.attachment-buttons svg{width:13px}.admin-reply-box{background:#fff;border:1px solid #ebeaf1;border-radius:18px;padding:13px;margin-top:14px}.admin-reply-box label>span{display:block;font-size:13px;font-weight:900;color:#34313e;margin:0 4px 6px}.admin-reply-box textarea{width:100%;min-height:110px;border:1px solid #dedce8;border-radius:13px;background:#fafafd;padding:10px 11px;outline:0;resize:vertical;font:inherit;font-size:12.5px;line-height:1.9}.admin-reply-box textarea:focus{border-color:#8b7aef;background:#fff}.reply-image-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:8px;direction:ltr;position:relative}.reply-image-row>span{font-size:9.5px;color:#85828f;direction:rtl}.attach-button,.send-reply{border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:5px;font-weight:850}.attach-button{height:39px;padding:0 11px;background:#eeebff;color:#5d49cd;font-size:10.5px;cursor:pointer;direction:rtl}.attach-button.disabled{opacity:.45;pointer-events:none}.reply-image-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none;left:0;bottom:0}.send-reply{width:100%;height:45px;margin-top:10px;background:#6956e8;color:#fff;font-size:12px}.attach-button svg,.send-reply svg{width:16px}.reply-attachments{display:flex;flex-direction:column;gap:6px;margin-top:8px}.attachment-ready{display:flex;align-items:center;gap:7px;background:#f0eef8;border-radius:11px;padding:7px 9px;font-size:10px;color:#5d5968}.attachment-ready svg{width:14px}.attachment-ready span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-ready button{border:0;background:#fff;color:#b34857;width:24px;height:24px;border-radius:7px}.image-viewer{position:fixed;inset:0;z-index:140;background:#171326a8;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.image-viewer>div{position:relative;width:min(430px,92vw);max-height:78dvh;background:#fff;border-radius:20px;padding:12px;box-shadow:0 20px 55px #0005}.image-viewer button{position:absolute;top:8px;left:8px;z-index:2;width:34px;height:34px;border:0;border-radius:11px;background:#fff;color:#5f5c69;box-shadow:0 4px 15px #0002;font-size:21px}.image-viewer img{display:block;width:100%;max-height:calc(78dvh - 24px);object-fit:contain;border-radius:13px}@media(prefers-reduced-motion:reduce){.message-detail-page{animation:none}}@media(min-width:700px){.message-detail-page{padding-top:22px;padding-bottom:32px}}@media(max-width:390px){.message-card{grid-template-columns:40px minmax(0,1fr) auto;padding:10px;gap:8px}.message-topic-icon{width:39px;height:39px}.message-card-main small{font-size:9.5px;gap:5px}.ticket-meta{grid-template-columns:1fr 1fr}.conversation-message{max-width:86%}.detail-page-head{align-items:flex-start}.detail-top-actions{gap:4px}.archive-top,.detail-top-actions .back-text-button{padding:0 8px;font-size:10px}.message-filter button{padding:0 10px}}