:root { --quote-email-width: clamp(390px, 34vw, 520px); }
#fq-email-panel[hidden] { display: none; }
#fq-email-panel { position: fixed; inset: 0 0 0 auto; z-index: 1800; width: var(--quote-email-width);
    max-width: calc(100vw - 48px); height: 100vh; height: 100dvh; box-sizing: border-box;
    display: flex; flex-direction: column; background: var(--bg-sidebar, #fff); color: var(--text-primary, #172033);
    border-left: 1px solid var(--border-color, #ccd4df); box-shadow: -8px 0 30px #0003;
    animation: quoteEmailSlideIn .18s ease-out; }
#fq-email-panel * { box-sizing: border-box; }
#fq-email-panel .fq-email-header { display: flex; gap: 12px; align-items: center; justify-content: space-between;
    padding: 18px; border-bottom: 1px solid var(--border-color, #ccd4df); }
#fq-email-panel h3 { margin: 0 0 6px; font-size: 18px; }
#fq-email-client { margin: 0; color: var(--text-secondary, #64748b); font-size: 12px; overflow-wrap: anywhere; }
#fq-email-form { min-height: 0; display: flex; flex: 1; flex-direction: column; }
#fq-email-panel .fq-email-fields { flex: 1; min-height: 0; overflow-y: auto; padding: 18px; }
#fq-email-panel label { display: block; font-size: 13px; font-weight: 700; margin: 18px 0 7px; }
#fq-email-panel input, #fq-email-panel textarea { width: 100%; padding: 10px 12px; font: inherit; font-size: 14px;
    color: var(--text-primary, #172033); background: var(--bg-input, var(--bg-header, #fff));
    border: 1px solid var(--border-color, #ccd4df); border-radius: 9px; }
#fq-email-panel textarea { min-height: 210px; resize: vertical; line-height: 1.55; }
#fq-email-panel input:focus, #fq-email-panel textarea:focus { outline: 2px solid var(--accent-color, #2563eb); outline-offset: 1px; }
#fq-email-panel button { cursor: pointer; border-radius: 8px; padding: 9px 12px; font-weight: 700; }
#fq-email-panel button:disabled { opacity: .6; cursor: default; }
#fq-email-close, #fq-email-download { background: transparent; color: inherit; border: 1px solid var(--border-color, #ccd4df); }
#fq-email-from, #fq-email-filename { overflow-wrap: anywhere; font-size: 13px; }
#fq-email-panel .fq-email-attachment { border: 1px solid var(--border-color, #ccd4df); border-radius: 10px; padding: 12px;
    margin-top: 18px; display: flex; gap: 10px; flex-direction: column; align-items: flex-start; }
#fq-email-panel .fq-email-hint { font-size: 12px; color: var(--text-secondary, #64748b); margin: 12px 0 0; }
#fq-email-panel .fq-email-footer { padding: 14px 18px; border-top: 1px solid var(--border-color, #ccd4df); }
#fq-email-status { font-size: 12px; line-height: 1.5; margin: 0 0 12px; }
#fq-email-submit { width: 100%; }
@media (min-width: 1200px) { body.quote-email-panel-open .chat-area { margin-right: var(--quote-email-width); min-width: 0; } }
@media (prefers-reduced-motion: reduce) { #fq-email-panel { animation: none; } }
@keyframes quoteEmailSlideIn { from { transform: translateX(100%); } to { transform: translateX(0); } }