body.messages-popup-mode,html.messages-popup-mode{background:radial-gradient(circle at top,#f2f5ff 0,#e2e8ff 50%,#edf2fb 100%);overflow:hidden}body.messages-popup-mode .cc-floating-quick-menu,body.messages-popup-mode .mg_footer,body.messages-popup-mode .mg_header,body.messages-popup-mode .quick-floating-menu,body.messages-popup-mode .scroll-to-top-btn{display:none!important}body.messages-popup-mode main{padding:0!important;margin:0}body.messages-popup-mode .messages-popup,body.messages-popup-mode main{min-height:100vh;display:flex;align-items:center;justify-content:center}body.messages-popup-mode .messages-popup{padding:20px;background:radial-gradient(circle at 18% -15%,#f7faff 0,#edf3ff 50%,#e3ecff 85%,#dae4fb 100%)}@media(max-width:768px){body.messages-popup-mode .messages-popup{padding:0;background:#fdfdfd}}body.messages-popup-mode .messages-popup__frame{width:440px;max-width:440px;height:500px;max-height:540px;background:#fdfdfd;border-radius:20px;box-shadow:0 20px 45px rgba(15,23,42,.16);display:flex;flex-direction:column;overflow:hidden}@media(max-width:768px){body.messages-popup-mode .messages-popup__frame{max-width:100%;height:100vh;max-height:100vh;border-radius:0;box-shadow:none}}body.messages-popup-mode .messages-popup__header{padding:20px 24px;background:var(--gradient-primary);color:#fff;border-bottom:1px solid hsla(0,0%,100%,.08)}body.messages-popup-mode .messages-popup__title{display:flex;align-items:center;gap:12px}body.messages-popup-mode .messages-popup__title h1{font-size:1.05rem;font-weight:700;margin:0;letter-spacing:-.01em}body.messages-popup-mode .messages-popup__subtitle{font-size:.78rem;opacity:.7}body.messages-popup-mode .messages-popup__avatar{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:hsla(0,0%,100%,.14);font-size:22px}body.messages-popup-mode .messages-popup__tabs{display:flex;border-bottom:1px solid #e2e8f0;background:#ffe4db;padding:0 6px}body.messages-popup-mode .messages-popup__tab{position:relative;flex:1 0 33.333%;min-width:0;padding:12px 10px;border:none;background:rgba(0,0,0,0);font-size:.84rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}body.messages-popup-mode .messages-popup__tab:hover{color:#1f2937;background:rgba(37,99,235,.12)}body.messages-popup-mode .messages-popup__tab.is-active{color:#0f172a;background:#ffe4db;box-shadow:inset 0 -3px 0 #ff6b6b}body.messages-popup-mode .messages-popup__tab-text{display:inline-flex;align-items:center;gap:6px}body.messages-popup-mode .messages-popup__tab-badge{min-width:22px;height:22px;padding:0 8px;border-radius:999px;background:#ef4444;color:#fff;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(239,68,68,.35);animation:badgePulse 1.6s ease-in-out infinite}body.messages-popup-mode .messages-popup__content{flex:1;padding:20px 24px 18px;display:flex;flex-direction:column;gap:16px;overflow:hidden;background:#fdfdfd}body.messages-popup-mode .messages-popup__empty{padding:40px 18px;text-align:center;color:#91a0bf;font-size:.82rem;background:#f4f6fb;border-radius:14px;border:1px dashed #d0d8ee}body.messages-popup-mode .messages-popup__footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;gap:12px;align-items:center;justify-content:space-between;background:#f4f6fb}body.messages-popup-mode .messages-popup__info{font-size:.8rem;color:#6c7a93}body.messages-popup-mode .messages-popup__actions{display:flex;gap:10px}.messages-table{width:100%;border-collapse:collapse;font-size:.84rem}.messages-table td,.messages-table th{padding:10px 8px;text-align:center;border-bottom:1px solid #eef2f7}.messages-table th{background:#ffe4db;color:#5b647a;font-weight:600;font-size:.74rem;letter-spacing:-.01em}.messages-table tbody tr{transition:background .2s ease;cursor:pointer}.messages-table tbody tr:hover{background:#f4f6ff}.messages-table__wrapper{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;flex:1;min-height:0;overflow-y:auto}.messages-table__number{font-weight:600;color:#475569;text-align:center;white-space:nowrap;background:#f8fafc;border-right:1px solid #e5e7eb}.messages-table__number td.messages-table__number{padding:10px 4px}.messages-table__number-col{width:38px;min-width:38px;text-align:center;white-space:nowrap;background:#f8fafc;border-right:1px solid #e5e7eb}.messages-table__number-col th.messages-table__number-col{padding:10px 4px}.messages-table__nickname{font-weight:600;color:#0f172a;white-space:nowrap}.messages-table__subject-col,.messages-table__subject-col th.messages-table__subject-col{text-align:left}.messages-table__subject{justify-content:flex-start;gap:10px;color:#1f2937;text-align:left}.messages-table__subject td.messages-table__subject{text-align:left}.messages-table__subject span{display:inline-flex;align-items:center;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-table__subject .is-unread{font-weight:700;color:#0f172a}.messages-table__status{text-align:center}.messages-table__status-label{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;writing-mode:horizontal-tb}.messages-table__status-label.is-unread{background:#ef4444;color:#fff;box-shadow:0 6px 16px rgba(239,68,68,.28)}.messages-table__status-label.is-read{background:#e2e8f0;color:#475569}.messages-table__timestamp{font-family:var(--font-suit);font-size:.8rem;color:#475569}.messages-table__actions button{padding:4px 8px;border-radius:8px;border:none;background:rgba(239,68,68,.08);color:#dc2626;font-size:.75rem;cursor:pointer;transition:background .2s ease}.messages-table__actions button:hover{background:rgba(239,68,68,.16)}.message-detail{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow:hidden}.message-detail__back{align-self:flex-start;background:none;border:none;color:#3b82f6;font-size:.8rem;cursor:pointer;padding:4px 0}.message-detail__back:hover{text-decoration:underline}.message-detail__card{border:1px solid #e2e8f0;border-radius:12px;padding:16px 14px;background:#fdfdfd;box-shadow:0 10px 24px rgba(15,23,42,.1);flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.message-detail__header{border-bottom:1px solid #e5e7eb;padding-bottom:14px;margin-bottom:14px}.message-detail__header h2{font-size:.98rem;font-weight:700;margin-bottom:12px}.message-detail__header dl{display:flex;flex-wrap:wrap;gap:12px 20px}.message-detail__header dl div{display:flex;flex-direction:column;gap:2px}.message-detail__header dl dt{font-size:.72rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.message-detail__header dl dd{font-size:.9rem;color:#0f172a}.message-detail__status{margin-bottom:12px}.message-detail__status-label{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;writing-mode:horizontal-tb}.message-detail__status-label.is-unread{background:#ef4444;color:#fff;box-shadow:0 6px 16px rgba(239,68,68,.28)}.message-detail__status-label.is-read{background:#e2e8f0;color:#475569}.message-detail__body pre{margin:0;font-size:.9rem;line-height:1.6;white-space:pre-wrap;color:#1e293b;font-family:var(--font-suit)}.message-detail__actions{display:flex;gap:8px;justify-content:flex-end}.message-form{padding:4px 0;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.message-form__error{margin-bottom:10px;padding:10px 16px;border-radius:12px;background:rgba(239,68,68,.12);color:#b91c1c;font-size:.82rem;font-weight:600}.message-form__field{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.message-form__field span{font-size:.86rem;font-weight:600;color:#334155}.message-form__field input,.message-form__field textarea{width:100%;border-radius:10px;border:1px solid #d1d5db;padding:10px 12px;font-size:.84rem;transition:border .2s ease,box-shadow .2s ease;font-family:inherit}.message-form__field input:focus,.message-form__field textarea:focus{outline:none;border-color:var(--color-primary)}.message-form__field input:disabled,.message-form__field textarea:disabled{background:#f3f4f6}.message-form__field textarea{resize:vertical;height:70px}.message-form__field small{align-self:flex-end;font-size:.72rem;color:#94a3b8}.message-form__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:auto}.message-form form{overflow:hidden;gap:12px}.message-form form,.message-form__fields{display:flex;flex:1;min-height:0;flex-direction:column}.message-form__fields{overflow-y:auto;gap:16px;padding-right:10px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:12px;border:1px solid #d1d5db;background:#fff;color:#0f172a;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.7}.btn--primary{background:linear-gradient(135deg,#2563eb,#4338ca)}.btn--danger,.btn--primary{border-color:rgba(0,0,0,0);color:#fff}.btn--danger{background:#ef4444}.btn--danger:hover{background:#dc2626}@keyframes badgePulse{0%{transform:translateY(0);box-shadow:0 0 0 0 rgba(37,99,235,.35)}55%{transform:translateY(-1px);box-shadow:0 0 0 8px rgba(37,99,235,0)}to{transform:translateY(0);box-shadow:0 0 0 0 rgba(37,99,235,0)}}