.support-identity { display: flex; align-items: center; gap: 12px; margin: 18px 0; padding: 13px; border: 1px solid rgba(255,255,255,.08); border-radius: 7px; background: rgba(255,255,255,.025); }
.support-identity img,.support-identity i { width: 38px; height: 38px; border-radius: 6px; object-fit: cover; background: rgba(155,92,255,.18); }
.support-identity div { display: grid; gap: 3px; }.support-identity strong { font-size: .84rem; }.support-identity span { color: var(--muted); font-size: .7rem; }
.support-form-message { min-height: 22px; margin: 13px 0 0; color: var(--muted); font-size: .78rem; line-height: 1.5; }
.support-form-message[data-state="success"] { color: var(--green); }.support-form-message[data-state="error"] { color: #ff819c; }.support-form-message[data-state="loading"] { color: var(--cyan); }
.support-account-layout,.admin-support-layout { display: grid; grid-template-columns: minmax(280px,.75fr) minmax(0,1.25fr); gap: 14px; margin-top: 20px; }
.support-layout > *,.support-account-layout > *,.admin-support-layout > *,.support-card > div { min-width: 0; }
.support-ticket-list { display: grid; gap: 8px; align-content: start; }
.support-ticket-item { display: grid; grid-template-columns: 1fr auto; gap: 5px 12px; width: 100%; padding: 13px; border: 1px solid rgba(255,255,255,.075); border-radius: 7px; color: #fff; background: rgba(255,255,255,.02); text-align: left; cursor: pointer; }
.support-ticket-item:hover,.support-ticket-item.is-active { border-color: rgba(155,92,255,.55); background: rgba(155,92,255,.08); }
.support-ticket-item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .82rem; }.support-ticket-item small { color: var(--muted); font-size: .65rem; }.support-ticket-item time { color: #737b91; font-size: .62rem; }
.support-status { display: inline-flex; align-items: center; width: max-content; padding: 5px 7px; border-radius: 4px; color: #bfc5d7; background: rgba(255,255,255,.06); font-size: .6rem; font-weight: 800; }
.support-status[data-status="open"] { color: #5ce6bb; background: rgba(69,238,176,.09); }.support-status[data-status="in_review"] { color: #69dcee; background: rgba(50,220,255,.09); }.support-status[data-status="waiting_user"] { color: #f4c76e; background: rgba(246,190,79,.1); }.support-status[data-status="closed"] { color: #9299aa; }
.support-ticket-detail { min-width: 0; padding: 17px; border: 1px solid rgba(255,255,255,.08); border-radius: 7px; background: rgba(255,255,255,.018); }
.support-ticket-head { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.07); }.support-ticket-head h3 { margin: 4px 0; font-size: 1.05rem; }.support-ticket-head p { margin: 0; color: var(--muted); font-size: .7rem; }
.support-thread { display: grid; gap: 10px; margin: 16px 0; }.support-message { max-width: 86%; padding: 12px 13px; border: 1px solid rgba(255,255,255,.075); border-radius: 7px; background: #0b0e1b; }.support-message.is-admin { margin-left: auto; border-color: rgba(50,220,255,.2); background: rgba(50,220,255,.045); }.support-message header { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 7px; }.support-message b { font-size: .72rem; }.support-message time { color: #737b91; font-size: .6rem; }.support-message p { margin: 0; color: #c3c8d8; font-size: .78rem; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.support-reply-form,.admin-support-form { display: grid; gap: 9px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.07); }.support-reply-form textarea,.admin-support-form textarea { min-height: 92px; }
.admin-support-toolbar { display: flex; flex-wrap: wrap; gap: 8px; }.admin-support-toolbar select { min-width: 170px; }
.admin-support-meta { display: flex; flex-wrap: wrap; gap: 7px; margin: 9px 0 0; }.admin-support-meta span { padding: 5px 7px; border-radius: 4px; color: var(--muted); background: rgba(255,255,255,.04); font-size: .64rem; }
.admin-support-actions { display: grid; grid-template-columns: 1fr auto; gap: 9px; }.admin-support-notes { display: grid; gap: 7px; margin: 14px 0; padding: 12px; border: 1px dashed rgba(246,190,79,.25); border-radius: 7px; }.admin-support-notes strong { color: #f4c76e; font-size: .7rem; }.admin-support-notes p { margin: 0; color: #aeb4c5; font-size: .7rem; white-space: pre-wrap; }
@media(max-width:900px){.support-account-layout,.admin-support-layout{grid-template-columns:1fr}.support-message{max-width:94%}}
@media(max-width:600px){.header{gap:8px}.support-ticket-head,.admin-support-actions{grid-template-columns:1fr;display:grid}.support-ticket-item{grid-template-columns:1fr}.support-ticket-item .support-status{grid-row:auto}.support-card{padding:16px}.support-card p{overflow-wrap:anywhere}}
@media(max-width:420px){.header .brand>span{display:none}}