.support-center{--s-brand:#2576e8;--s-brand-50:#edf5ff;--s-brand-700:#154fa3;--s-ink:#14263d;--s-ink-2:#34475f;--s-muted:#5b6b7f;--s-line:#e2e8f0;--s-ok:#17733a;--s-ok-50:#e7f6ec;--s-warn:#9a5b00;--s-warn-50:#fff4e0;--s-bad:#b42318;--s-bad-50:#fef3f2;color:var(--s-ink)}.support-center *{box-sizing:border-box}.support-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.support-head>div{flex:320px;min-width:0}.support-head h2{margin:0 0 6px}.support-head p{color:var(--s-muted);margin:0;font-size:15px;line-height:1.6}.support-center button{border:1px solid var(--s-line);min-height:42px;color:var(--s-ink-2);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:0 16px;font-size:15px;font-weight:600}.support-center button:disabled{opacity:.5;cursor:not-allowed}.support-center .support-primary{background:var(--s-brand);border-color:var(--s-brand);color:#fff}.support-error{background:var(--s-bad-50);color:var(--s-bad);border-radius:8px;margin:0 0 12px;padding:10px 14px}.support-notice{background:var(--s-ok-50);color:var(--s-ok);border-radius:8px;margin:0 0 12px;padding:10px 14px}.support-form{gap:14px;display:grid}.support-form label{color:var(--s-ink-2);gap:6px;font-size:14px;font-weight:600;display:grid}.support-form input,.support-form textarea,.support-reply textarea{width:100%;font:inherit;color:var(--s-ink);resize:vertical;background:#fff;border:1px solid #cfd9e5;border-radius:8px;padding:10px 12px;font-size:15px;font-weight:400}.support-cats{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.support-cats legend{color:var(--s-ink-2);margin-bottom:8px;padding:0;font-size:14px;font-weight:600}.support-cats label{border:1px solid var(--s-line);cursor:pointer;background:#fff;border-radius:999px;align-items:center;min-height:38px;padding:0 14px;font-weight:500!important;display:inline-flex!important}.support-cats label.on{border-color:var(--s-brand);background:var(--s-brand-50);color:var(--s-brand-700)}.support-cats input{opacity:0;pointer-events:none;position:absolute}.support-hint{color:var(--s-muted);margin:0;font-size:14px}.support-actions{flex-wrap:wrap;gap:8px;display:flex}.support-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.support-list button{text-align:left;grid-template-columns:auto 1fr;gap:4px 10px;width:100%;display:grid;min-height:0!important;padding:14px 16px!important;font-weight:400!important}.support-list button:hover{background:#fafcff;border-color:#b6c5d8}.support-list b{color:var(--s-ink);flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;display:flex}.support-list small{color:var(--s-muted);grid-column:2;font-size:13px}.support-preview{color:var(--s-ink-2);white-space:nowrap;text-overflow:ellipsis;grid-column:2;font-size:14px;overflow:hidden}.support-pill{white-space:nowrap;color:var(--s-ink-2);background:#eef2f7;border-radius:999px;align-self:start;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.support-pill.open{background:var(--s-warn-50);color:var(--s-warn)}.support-pill.answered{background:var(--s-ok-50);color:var(--s-ok)}.support-new{color:#fff;background:#e5484d;border-radius:999px;padding:1px 8px;font-size:12px;font-style:normal;font-weight:700}.support-empty{border:1px dashed var(--s-line);color:var(--s-muted);border-radius:10px;padding:20px}.support-empty p{margin:0 0 6px}.support-empty a{color:var(--s-brand)}.support-thread{gap:14px;display:grid}.support-thread-head{gap:4px;display:grid}.support-thread-head h3{margin:4px 0 0;font-size:18px}.support-thread-head small{color:var(--s-muted)}.support-thread-head .support-pill{justify-self:start}.support-messages{gap:10px;margin:0;padding:0;list-style:none;display:grid}.support-messages li{border:1px solid var(--s-line);background:#fff;border-radius:12px;max-width:88%;padding:12px 14px}.support-messages li.operator{background:var(--s-brand-50);border-color:#d8e8fd;justify-self:start}.support-messages li.customer{justify-self:end}.support-messages li>div{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.support-messages small{color:var(--s-muted);font-size:12px}.support-messages p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.65}.support-reply{color:var(--s-ink-2);gap:6px;font-size:14px;font-weight:600;display:grid}@media (width<=640px){.support-messages li{max-width:100%}.support-actions{flex-direction:column}.support-actions button{width:100%}}