.support-header { text-align: center; margin-bottom: 16px; }
.support-header h2 { margin-bottom: 8px; }
.support-header p { margin: 8px 0; }
.support-muted { color: var(--text-dim); font-size: 0.9rem; }
#support-section a { color: #c4a0ed; }
.support-layout { width: 100%; }
#support-workspace { max-width: 960px; margin: auto; }
.support-views { display: flex; justify-content: flex-start; gap: 8px; padding: 0; margin: 0 0 18px; }
.support-views button { border: 1px solid rgba(196,160,237,0.3); border-radius: 10px; background: rgba(196,160,237,0.06); color: #dcc4f4; padding: 11px 20px; font: inherit; font-weight: 600; cursor: pointer; }
.support-views button:hover { background: rgba(196,160,237,0.16); }
.support-views button[aria-pressed="true"] { color: #fff; background: #573982; border-color: #a27bca; }
.support-form-row { display: grid; grid-template-columns: minmax(180px, 0.4fr) minmax(0, 1fr); gap: 18px; }
#support-create-form { margin-top: 14px; }
#support-create-form .form-group { margin-bottom: 12px; }
#support-create-form label { margin-bottom: 6px; }
#support-create-form > .support-muted { margin: 0 0 12px; line-height: 1.5; }
#support-announcement:empty { display: none; }
.support-card { padding: 22px; border: 1px solid rgba(196,160,237,0.2); border-radius: 16px; background: rgba(25,25,38,0.75); min-width: 0; }
#support-signin { max-width: 460px; margin: auto; }
.support-card h3 { margin: 0 0 14px; }
.support-card form { margin-top: 18px; }
.support-card input, .support-card select, .support-card textarea { width: 100%; box-sizing: border-box; color: var(--text-main, #eee); background: rgba(0,0,0,0.25); border: 1px solid rgba(196,160,237,0.3); border-radius: 8px; padding: 10px; font: inherit; }
.support-card select option { background: #20202c; }
.support-card textarea { resize: vertical; }
.support-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; }
.support-toolbar h3, .support-toolbar p { margin: 0; }
#support-section .btn-secondary { color: #dcc4f4; background: rgba(196,160,237,0.08); border: 1px solid rgba(196,160,237,0.3); border-radius: 8px; padding: 7px 12px; font: inherit; font-size: 0.9rem; cursor: pointer; }
#support-section .btn-secondary:hover { background: rgba(196,160,237,0.16); }
#support-section button:disabled { opacity: 0.55; cursor: default; }
.support-card input::file-selector-button { border: 0; border-radius: 5px; background: #55416b; color: #eee; padding: 6px 9px; margin-right: 10px; cursor: pointer; }
.support-ticket { display: block; width: 100%; text-align: left; padding: 12px; margin: 8px 0; border: 1px solid rgba(196,160,237,0.2); border-radius: 10px; color: var(--text-main, #eee); background: transparent; cursor: pointer; overflow-wrap: anywhere; font: inherit; }
.support-ticket:hover, .support-ticket[aria-current="true"] { background: rgba(196,160,237,0.1); border-color: #a27bca; }
.support-ticket strong, .support-ticket span { display: block; }
.support-message { padding: 16px 0; border-bottom: 1px solid rgba(196,160,237,0.15); }
.support-message p { white-space: pre-wrap; overflow-wrap: anywhere; margin: 10px 0; }
.support-message-meta { color: var(--text-dim); font-size: 0.85rem; }
.support-message button { margin: 4px 8px 4px 0; }
.support-followup { padding: 12px; color: #dcc4f4; background: rgba(196,160,237,0.1); border-radius: 10px; }
.support-preview { max-width: 100%; max-height: 420px; display: block; margin-top: 8px; border-radius: 8px; }
#support-error { white-space: pre-wrap; }
@media (max-width: 600px) { .support-form-row { grid-template-columns: 1fr; gap: 0; } .support-card { padding: 16px; } .support-views button { flex: 1; padding: 11px 8px; } }