#ticket-drawer [hidden] { display: none !important; }
#ticket-drawer .drawer-field-val { min-width: 0; overflow-wrap: anywhere; }
#ticket-drawer-message { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.7; }
#ticket-drawer-subject { margin: 0 0 10px; font-size: 14px; overflow-wrap: anywhere; }
.contact-detail-hint { font-size: 12px; color: var(--admin-gray-500); }
.contact-detail-actions { display: flex; flex-direction: column; gap: 8px; }
.contact-subject-button { border: 0; padding: 0; background: none; color: #000; text-align: left; font: inherit; font-weight: 600; cursor: pointer; max-width: 240px; white-space: normal; overflow-wrap: anywhere; text-decoration: none; }
.contact-subject-button:focus-visible { outline: 2px solid var(--admin-green-dark); outline-offset: 3px; }
.contact-detail-page [hidden], .contact-reply-dialog [hidden] { display: none !important; }
.contact-detail-page .contact-back-link { display: inline-block; margin-bottom: 8px; font-size: 13px; color: var(--admin-gray-600); text-decoration: none; }
.contact-detail-page .page-header-actions { flex-wrap: wrap; }
.contact-detail-page .contact-status-label { margin-bottom: 8px; font-size: 13px; font-weight: 600; }
.contact-detail-page .contact-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 24px; align-items: start; }
.contact-detail-page .contact-detail-main { min-width: 0; display: grid; gap: 24px; }
.contact-detail-page .contact-detail-card { min-width: 0; padding: 24px; border: 1px solid var(--admin-gray-200); border-radius: var(--admin-radius-lg); background: var(--admin-surface,white); }
.contact-detail-page .contact-detail-card h3 { margin: 0 0 20px; font-size: 17px; line-height: 1.5; overflow-wrap: anywhere; }
.contact-detail-page .contact-message-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; margin-bottom: 20px; }
.contact-detail-page .contact-message-heading h3 { margin: 0; flex: 1; }
.contact-detail-page .contact-message-text { white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; font-size: 14px; line-height: 1.8; }
.contact-detail-page dl { margin: 0 0 24px; }
.contact-detail-page dl > div { margin-bottom: 16px; }
.contact-detail-page dt { font-size: 12px; color: var(--admin-gray-500); margin-bottom: 5px; }
.contact-detail-page dd { margin: 0; font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.contact-detail-page dd a { color: inherit; }
.contact-detail-page .contact-reply-item + .contact-reply-item { border-top: 1px solid var(--admin-gray-200); padding-top: 18px; margin-top: 18px; }
.contact-detail-page .contact-reply-meta { display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; margin-bottom: 10px; font-size: 12px; overflow-wrap: anywhere; }
.contact-detail-page .contact-reply-meta span { color: var(--admin-gray-500); }
.contact-reply-dialog { width: min(600px,calc(100vw - 24px)); max-height: calc(100dvh - 24px); padding: 0; border: 0; border-radius: 12px; color: var(--admin-gray-900); background: white; box-shadow: 0 16px 48px #0003; }
.contact-reply-dialog::backdrop { background: #0b1e3666; }
.contact-reply-dialog form { display: flex; flex-direction: column; max-height: calc(100dvh - 24px); }
.contact-reply-dialog .admin-modal-body { overflow-y: auto; min-height: 0; }
.contact-reply-dialog .admin-modal-header, .contact-reply-dialog .admin-modal-footer { flex-shrink: 0; }
.contact-reply-dialog .contact-detail-hint { overflow-wrap: anywhere; margin-top: 0; }
.contact-reply-dialog .contact-reply-error { color: var(--admin-rose); font-size: 13px; overflow-wrap: anywhere; }
@media(max-width:900px) { .contact-detail-page .contact-detail-layout { grid-template-columns: minmax(0,1fr); } }
@media(max-width:600px) { .contact-detail-page .contact-detail-card { padding: 20px; } }
#modal-new-ticket .admin-modal-content { max-height: calc(100dvh - 32px); display: flex; flex-direction: column; }
#form-new-ticket { display: flex; flex-direction: column; min-height: 0; }
#form-new-ticket .admin-modal-body { overflow-y: auto; min-height: 0; }
#modal-new-ticket .admin-modal-header, #form-new-ticket .admin-modal-footer { flex-shrink: 0; }
#form-new-ticket .contact-detail-hint { font-size: 13px; color: var(--admin-gray-600); line-height: 1.6; margin: 0 0 8px; }
#form-new-ticket .contact-create-error { color: var(--admin-rose); font-size: 13px; margin: 8px 0 0; }
#form-new-ticket [hidden] { display: none !important; }