.support-overlay{display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.55);z-index:6100}
.support-overlay[hidden]{display:none!important}
.support-center{width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:20px;background:var(--panel,#17212c);color:var(--text,#eef2ff);border:1px solid var(--border,#304156);border-radius:20px;box-shadow:0 20px 80px #0005}
.support-center header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.support-center h2{font-size:22px;margin:0}.support-center header button{background:transparent;border:0;color:inherit;font-size:28px;padding:4px 12px;cursor:pointer}
.support-note,.support-empty{font-size:13px;color:var(--muted,#9eafc5);line-height:1.5;margin:8px 0 14px}.support-center [role=status]{color:var(--accent,#6baeff);font-size:14px;min-height:20px}
.support-center label,.control-support-form label{display:grid;gap:7px;font-size:14px;margin:12px 0}.support-center input,.support-center textarea,.support-center select,.control-support-form textarea{box-sizing:border-box;width:100%;font:inherit;line-height:1.5;padding:12px;border-radius:12px;border:1px solid var(--border,#304156);background:var(--bg,#101a26);color:inherit}.support-center textarea,.control-support-form textarea{resize:vertical}
.support-center .support-checkbox{display:flex;align-items:center}.support-checkbox input{width:auto;accent-color:var(--accent,#438cf6)}
.support-primary,.support-secondary{font:inherit;border:0;border-radius:12px;padding:12px 16px;cursor:pointer}.support-primary{background:var(--accent,#438cf6);color:#fff}.support-secondary{background:#26364b;color:#eef2ff}.support-primary:disabled{opacity:.55;cursor:wait}
.support-ticket-list{display:grid;gap:10px;margin:14px 0}.support-ticket{text-align:left;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;width:100%;font:inherit;color:inherit;background:var(--bg,#101a26);border:1px solid var(--border,#304156);padding:14px;border-radius:14px;cursor:pointer}.support-ticket strong,.support-ticket small{display:block;overflow-wrap:anywhere}.support-ticket small{font-size:12px;color:var(--muted,#9eafc5);margin-top:4px}.support-ticket p{flex-basis:100%;margin:0;font-size:13px;overflow-wrap:anywhere}
.support-status-pill{font-size:12px;background:#438cf622;color:var(--accent,#8ab8ff);border-radius:20px;padding:5px 9px;align-self:start;white-space:nowrap}.support-thread-head h3{margin:10px 0;overflow-wrap:anywhere}.support-messages{display:grid;gap:12px;margin:20px 0}.support-message{max-width:92%;border:1px solid var(--border,#304156);padding:12px 14px;border-radius:15px}.support-message.from-user{justify-self:end;background:#438cf622}.support-message.from-support{justify-self:start;background:var(--bg,#101a26)}.support-message small{font-size:12px;color:var(--muted,#9eafc5)}.support-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;color:inherit;margin:7px 0 0}
.support-has-unread .stx-row-label::after{content:attr(data-unread);display:inline-block;background:var(--accent,#438cf6);width:8px;height:8px;border-radius:50%;margin-left:8px;vertical-align:middle}
.support-bot-conversation{display:grid;gap:10px;margin:12px 0 20px}.support-bot-keyboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.support-bot-keyboard button{padding:13px 10px;border:0;border-radius:9px;background:color-mix(in srgb,var(--accent,#438cf6) 16%,var(--bg,#101a26));color:var(--accent,#6baeff);font:inherit;font-size:14px;cursor:pointer;line-height:1.35}.support-bot-keyboard button:active{filter:brightness(1.2)}.support-bot-keyboard button:last-child:nth-child(odd){grid-column:1/-1}.support-bot-back{font:inherit;font-size:14px;background:none;border:0;color:var(--accent,#6baeff);padding:12px 4px;cursor:pointer}.support-tickets-title{font-size:14px;margin-top:24px;color:var(--muted,#9eafc5)}.support-bot{border-bottom-left-radius:5px}.support-bot-conversation .from-user{border-bottom-right-radius:5px}.support-center{box-sizing:border-box}.support-center textarea:focus,.support-bot-keyboard button:focus-visible{outline:2px solid var(--accent,#438cf6);outline-offset:2px}
.control-support-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1.3fr);gap:16px}.control-support-detail{padding:12px;background:#0d1425;border:1px solid #202b46;border-radius:14px;max-height:65vh;overflow:auto}.control-support-detail h3{margin-top:0;overflow-wrap:anywhere}.control-support-detail .support-messages{margin:14px 0}.control-support-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#9eafc5}.control-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.control-check{padding:14px;border:1px solid #263250;background:#0d1425;border-radius:12px}.control-check strong{display:block;color:#83d9ad}.control-check[data-ok=false] strong{color:#ffcb7a}.control-check p{font-size:13px;margin:6px 0}.control-diagnostic-assets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.control-diagnostic-assets span{padding:5px 8px;background:#0d1425;border-radius:8px;font-size:12px;color:#9eafc5}.control-diagnostic-assets [data-ok=false]{color:#ff9b9b}.control-support-count{margin-bottom:12px}.control-support-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.control-support-toolbar input,.control-support-toolbar select,.control-support-form select{background:#0d1425;border:1px solid #2d395b;color:#eef2ff;border-radius:10px;padding:10px;min-width:120px}
@media(max-width:700px){.support-overlay{padding:0}.support-center{width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:calc(16px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom))}.control-support-grid,.control-checks{grid-template-columns:1fr}.control-support-detail{max-height:none}.support-ticket{gap:8px}.support-ticket .support-status-pill{white-space:normal}}