.messages-modal{max-width:720px!important;width:100%!important}.messages-modal>div{padding:0!important;overflow:hidden}.mm-container{display:flex;height:70vh;max-height:560px;min-height:360px}.mm-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid rgba(30,41,59,.8);background:#0f172a80}.mm-sidebar-header{padding:.75rem 1rem;border-bottom:1px solid rgba(30,41,59,.8)}.mm-sidebar-title{margin:0;font-size:.875rem;font-weight:600;color:#fff}.mm-sidebar-subtitle{margin:.25rem 0 0;font-size:.6875rem;color:#9ca3af}.mm-tabs{display:flex;gap:.25rem;padding:.5rem .75rem;border-bottom:1px solid rgba(30,41,59,.8)}.mm-tab{flex:1;padding:.375rem .5rem;font-size:.6875rem;font-weight:500;color:#9ca3af;background:transparent;border:none;border-radius:.25rem;cursor:pointer;transition:all .15s ease;text-align:center;white-space:nowrap}.mm-tab:hover{color:#d1d5db;background:#1e293b99}.mm-tab.active{color:#fff;background:#eab30833}.mm-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;margin-left:.25rem;padding:0 .25rem;font-size:.5625rem;font-weight:600;color:#0f172a;background:#facc15;border-radius:.25rem}.mm-list{flex:1;overflow-y:auto;padding:.5rem;scrollbar-width:thin;scrollbar-color:rgba(234,179,8,.3) transparent}.mm-list::-webkit-scrollbar{width:4px}.mm-list::-webkit-scrollbar-thumb{background:#eab3084d;border-radius:2px}.mm-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .625rem;margin-bottom:.125rem;border-radius:.25rem;cursor:pointer;transition:background .1s ease}.mm-item:hover{background:#1e293b80}.mm-item.active{background:#eab30826}.mm-item.unread .mm-item-title{color:#fff;font-weight:600}.mm-item-dot{width:6px;height:6px;margin-top:.375rem;border-radius:50%;flex-shrink:0}.mm-item-dot.new{background:#facc15}.mm-item-dot.action{background:#3b82f6}.mm-item-dot.expired{background:#ef4444}.mm-item-dot.read{background:transparent}.mm-item-content{flex:1;min-width:0}.mm-item-title{font-size:.75rem;font-weight:500;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.mm-item-preview{font-size:.625rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.125rem;line-height:1.3}.mm-item-time{font-size:.5625rem;color:#6b7280;flex-shrink:0;margin-top:.125rem}.mm-detail{flex:1;display:flex;flex-direction:column;min-width:0;background:#0f172a4d}.mm-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#6b7280}.mm-detail-empty-icon{font-size:2rem;opacity:.4}.mm-detail-empty p{margin:0;font-size:.75rem}.mm-detail-header{display:flex;gap:.75rem;padding:1rem;border-bottom:1px solid rgba(30,41,59,.8)}.mm-detail-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;flex-shrink:0;font-size:1rem}.mm-detail-icon.new{background:#eab30826;border:1px solid rgba(234,179,8,.25)}.mm-detail-icon.action{background:#3b82f626;border:1px solid rgba(59,130,246,.25)}.mm-detail-icon.expired{background:#ef444426;border:1px solid rgba(239,68,68,.25)}.mm-detail-icon.read{background:#6b728026;border:1px solid rgba(107,114,128,.25)}.mm-detail-title-section{flex:1;min-width:0}.mm-detail-title{margin:0;font-size:.9375rem;font-weight:600;color:#fff;line-height:1.3}.mm-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.375rem}.mm-detail-meta-item{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:#9ca3af}.mm-detail-meta-item svg{width:12px;height:12px;opacity:.7}.mm-tag{display:inline-flex;align-items:center;padding:.1875rem .5rem;font-size:.625rem;font-weight:500;border-radius:.25rem}.mm-tag.action{color:#3b82f6;background:#3b82f626}.mm-tag.expired{color:#ef4444;background:#ef444426}.mm-tag.done{color:#22c55e;background:#22c55e26}.mm-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;font-size:1rem;color:#9ca3af;background:transparent;border:none;border-radius:.25rem;cursor:pointer;transition:all .1s ease;flex-shrink:0;align-self:flex-start}.mm-close-btn:hover{color:#fff;background:#1e293b99}.mm-detail-body{flex:1;overflow-y:auto;padding:1rem;scrollbar-width:thin;scrollbar-color:rgba(234,179,8,.3) transparent}.mm-detail-body::-webkit-scrollbar{width:4px}.mm-detail-body::-webkit-scrollbar-thumb{background:#eab3084d;border-radius:2px}.mm-detail-content{font-size:.8125rem;line-height:1.6;color:#d1d5db;margin:0}.mm-detail-footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;border-top:1px solid rgba(30,41,59,.8);background:#0f172a66}.mm-detail-footer-info{font-size:.6875rem;color:#6b7280}.mm-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .875rem;font-size:.75rem;font-weight:500;color:#0f172a;background:#facc15;border:none;border-radius:.25rem;cursor:pointer;transition:all .15s ease}.mm-btn:hover:not(:disabled){background:#eab308}.mm-btn:disabled{opacity:.5;cursor:not-allowed}.mm-btn-secondary{color:#d1d5db;background:#1e293bcc;border:1px solid rgba(51,65,85,.6)}.mm-btn-secondary:hover:not(:disabled){color:#fff;background:#334155cc}.mm-reply{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(30,41,59,.8)}.mm-reply-label{display:block;margin-bottom:.375rem;font-size:.6875rem;font-weight:500;color:#9ca3af}.mm-required{color:#ef4444;margin-left:.125rem}.mm-reply-input{width:100%;padding:.625rem .75rem;font-size:.75rem;line-height:1.5;color:#fff;background:#0f172a99;border:1px solid rgba(51,65,85,.6);border-radius:.25rem;resize:none}.mm-reply-input::-moz-placeholder{color:#6b7280}.mm-reply-input::placeholder{color:#6b7280}.mm-reply-input:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f626}.mm-reply-error{margin:.375rem 0 0;font-size:.6875rem;color:#f87171}.mm-reply-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.625rem}.mm-reply-type{display:flex;align-items:center;gap:.375rem}.mm-reply-type label{font-size:.625rem;color:#6b7280}.mm-reply-select{padding:.375rem .5rem;font-size:.6875rem;color:#d1d5db;background:#0f172a99;border:1px solid rgba(51,65,85,.6);border-radius:.25rem}.mm-reply-select:focus{outline:none;border-color:#334155cc}.mm-reply-actions{display:flex;gap:.375rem}.mm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:#6b7280;font-size:.75rem}.mm-spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:#facc15;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mm-expired-alert{margin-top:1rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.375rem}.mm-expired-alert p{margin:0;font-size:.75rem;color:#f87171}@media (max-width: 640px){.mm-container{flex-direction:column;height:calc(100vh - 48px);max-height:none}.mm-sidebar{width:100%;height:auto;max-height:35vh;border-right:none;border-bottom:1px solid rgba(30,41,59,.8)}.mm-sidebar.hidden,.mm-detail.hidden{display:none}.mm-detail-header,.mm-detail-body{padding:.75rem}.mm-detail-footer{flex-wrap:wrap;padding:.625rem .75rem}.mm-reply-footer{flex-direction:column;align-items:stretch;gap:.5rem}.mm-reply-type{width:100%}.mm-reply-actions{justify-content:flex-end}}@media (prefers-reduced-motion: reduce){.mm-spinner{animation:none;border-color:#facc15}.mm-item,.mm-tab,.mm-btn,.mm-close-btn{transition:none}}
