@import url("/assets/css/design-system.css");.quick-message-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:2000;display:flex;align-items:center;justify-content:center;display:none}.quick-message-overlay.active{display:flex;animation:qm-fade-in .2s ease-out}@keyframes qm-fade-in{0%{opacity:0}to{opacity:1}}.quick-message-modal{background:white;border-radius:1rem;width:440px;max-width:92vw;box-shadow:0 8px 32px rgba(0,0,0,.2);overflow:hidden;animation:qm-slide-up .25s ease-out}@keyframes qm-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.quick-message__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background:#F9FAFB}.quick-message__title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#1F2937;margin:0}.quick-message__title i{color:var(--color-primary)}.quick-message__close{background:none;border:none;color:#6B7280;cursor:pointer;padding:.25rem;font-size:1rem;border-radius:.25rem;transition:all .2s}.quick-message__close:hover{color:#1F2937;background:#F3F4F6}.quick-message__recipient{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;background:#F9FAFB;border-bottom:1px solid #e5e7eb}.quick-message__recipient-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#E5E7EB}.quick-message__recipient-avatar img{width:100%;height:100%;object-fit:cover}.quick-message__recipient-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:white;font-size:.875rem;font-weight:600}.quick-message__recipient-name{font-size:.9375rem;font-weight:500;color:#1F2937}.quick-message__body{padding:1.25rem;position:relative}.quick-message__input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.75rem;font-size:.9375rem;font-family:inherit;resize:vertical;min-height:100px;max-height:200px;outline:none;transition:border-color .2s;box-sizing:border-box;line-height:1.5}.quick-message__input:focus{border-color:var(--color-primary)}.quick-message__emoji-bar{display:flex;align-items:center;margin-top:.5rem}.quick-message__emoji-toggle{background:none;border:none;color:#9CA3AF;font-size:1.25rem;cursor:pointer;padding:.375rem;border-radius:.375rem;transition:color .15s}.quick-message__emoji-toggle.active,.quick-message__emoji-toggle:hover{color:#F59E0B}.quick-message__emoji-picker{margin-top:.5rem;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem;background:#FAFAFA}.quick-message__emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.25rem;max-height:160px;overflow-y:auto}.quick-message__emoji-item{font-size:1.25rem;text-align:center;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:background .1s;border:none;background:none;line-height:1}.quick-message__emoji-item:hover{background:#F3F4F6}.quick-message__footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.875rem 1.25rem;border-top:1px solid #e5e7eb}.quick-message__cancel{padding:.5rem 1rem;background:none;border:1px solid #d1d5db;border-radius:.5rem;color:#6B7280;cursor:pointer;font-size:.875rem}.quick-message__cancel:hover{background:#F9FAFB}.quick-message__send{padding:.5rem 1.25rem;background:var(--color-primary);border:none;border-radius:.5rem;color:white;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.375rem;transition:background .2s,opacity .2s}.quick-message__send:hover:not(:disabled){background:#3B6FAD}.quick-message__send:disabled{opacity:.5;cursor:default}@media (max-width:768px){.quick-message-modal{width:95vw}.quick-message__emoji-grid{grid-template-columns:repeat(7,1fr)}}