.email-detail-page[data-v-d1f8b50e]{padding:16px;width:100%;min-height:100vh}.page-header[data-v-d1f8b50e]{margin-bottom:24px}.page-header-title-area[data-v-d1f8b50e]{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.page-title[data-v-d1f8b50e]{font-size:16px;font-weight:500;color:#6b7280}.page-title-email[data-v-d1f8b50e]{font-size:16px;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-description[data-v-d1f8b50e]{font-size:13px;color:#9ca3af}.detail-content-wrapper[data-v-d1f8b50e]{--envelope-px: 32px}.status-badge[data-v-d1f8b50e],.delivery-badge[data-v-d1f8b50e]{font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px;white-space:nowrap;flex-shrink:0}.status-badge.status-open[data-v-d1f8b50e]{background:#dbeafe;color:#1d4ed8}.status-badge.status-replied[data-v-d1f8b50e]{background:#d1fae5;color:#065f46}.status-badge.status-closed[data-v-d1f8b50e]{background:#f3f4f6;color:#6b7280}.status-badge.status-linked[data-v-d1f8b50e]{background:#ede9fe;color:#5b21b6}.delivery-badge.delivery-opened[data-v-d1f8b50e]{background:#d1fae5;color:#065f46}.delivery-badge.delivery-bounced[data-v-d1f8b50e],.delivery-badge.delivery-error[data-v-d1f8b50e]{background:#fee2e2;color:#991b1b}.delivery-badge.delivery-sending[data-v-d1f8b50e]{background:#fef3c7;color:#92400e}.delivery-badge.delivery-scheduled[data-v-d1f8b50e]{background:#e0e7ff;color:#3730a3}.fallback-form-layout[data-v-d1f8b50e]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;padding:28px var(--envelope-px) 20px}.form-layout[data-v-d1f8b50e]{background:#fff;border:1px solid #e5e7eb;border-radius:8px}.form-page[data-v-d1f8b50e]{padding:24px var(--envelope-px)}.form-sections[data-v-d1f8b50e]{display:flex;flex-direction:column;gap:32px}.form-section[data-v-d1f8b50e]{border-radius:8px}.section-header h4[data-v-d1f8b50e]{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px;border-bottom:1px solid #e5e7eb;padding-bottom:8px}.section-body[data-v-d1f8b50e]{display:grid;gap:24px}.section-body[data-v-d1f8b50e]:has(.form-column:nth-child(2)){grid-template-columns:1fr 1fr}.section-body[data-v-d1f8b50e]:has(.form-column:nth-child(3)){grid-template-columns:1fr 1fr 1fr}.form-column[data-v-d1f8b50e]{display:flex;flex-direction:column;gap:16px}.tab-pane[data-v-d1f8b50e]{display:none}.tab-pane.active[data-v-d1f8b50e]{display:block}.activity-wrapper[data-v-d1f8b50e]{padding:0 var(--envelope-px);margin-top:24px}.meta-footer[data-v-d1f8b50e]{display:flex;align-items:center;gap:12px;padding:12px var(--envelope-px) 20px;color:#6b7280;font-size:13px;border-top:1px solid #f0f0f0;margin-top:24px}.meta-item[data-v-d1f8b50e]{display:flex;align-items:center;gap:6px}.meta-label[data-v-d1f8b50e]{color:#9ca3af}.meta-value[data-v-d1f8b50e]{color:#374151}.meta-sep[data-v-d1f8b50e]{width:1px;height:16px;background:#e5e7eb}.loading-container[data-v-d1f8b50e]{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner[data-v-d1f8b50e]{width:40px;height:40px;border:3px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin-d1f8b50e .8s linear infinite}@keyframes spin-d1f8b50e{to{transform:rotate(360deg)}}.email-detail-page[data-v-d1f8b50e]{overflow:visible!important}@media(max-width:768px){.email-detail-page[data-v-d1f8b50e]{padding:8px}.page-header[data-v-d1f8b50e]{margin-bottom:16px}.page-title[data-v-d1f8b50e]{font-size:14px}.detail-content-wrapper[data-v-d1f8b50e]{--envelope-px: 16px}.meta-footer[data-v-d1f8b50e]{padding-top:12px;padding-bottom:16px;flex-wrap:wrap}}@media(min-width:769px)and (max-width:1024px){.email-detail-page[data-v-d1f8b50e]{padding:12px}.detail-content-wrapper[data-v-d1f8b50e]{--envelope-px: 24px}}
