.support-page{color:var(--wf-color-ink);background:var(--ui-page-bg);min-height:100vh}.support-shell{max-width:1180px;margin:auto;padding:36px 24px 60px}.support-hero{text-align:center;max-width:860px;margin:auto;padding:38px 0 30px}.support-eyebrow{color:var(--wf-color-primary-strong);letter-spacing:.09em;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.support-hero h1{letter-spacing:-.04em;white-space:pre-line;margin:20px 0;font-size:clamp(2.3rem,5vw,3.8rem);line-height:1.1}.support-hero>p{color:var(--wf-color-muted);max-width:700px;margin:0 auto 26px;font-size:18px;line-height:1.7}.support-page button,.support-page input,.support-page select,.support-page textarea{font:inherit}.support-bottom a,.support-card>a,.support-page button{border:1px solid var(--ui-card-border);background:var(--support-surface);min-height:44px;color:var(--wf-color-ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:700;text-decoration:none;display:inline-flex}.support-page button:disabled{opacity:.55;cursor:not-allowed}.support-page a{color:var(--wf-color-primary-strong)}.support-page :is(button,a,input,textarea,select):focus-visible{outline:3px solid var(--wf-color-primary);outline-offset:3px}.support-page .support-primary{color:#fff;background:#6d3e83;border-color:#0000}.support-page{--support-surface:#f8f5fa;--support-soft:#f0eaf5}.support-search{text-align:left;border:1px solid var(--ui-card-border);background:var(--support-surface);box-shadow:var(--ui-shadow-soft);border-radius:20px;padding:16px 18px}.support-search>label{color:var(--wf-color-muted);font-size:13px;font-weight:800}.support-search>div{align-items:center;gap:12px;margin-top:7px;display:flex}.support-search input{min-width:0;color:var(--wf-color-ink);background:0 0;border:0;flex:1;min-height:44px;font-size:16px}.support-channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 40px;display:grid}.support-card{border:1px solid var(--ui-card-border);background:var(--support-surface);border-radius:20px;min-width:0;padding:24px}.support-channels .support-card{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.support-channels .support-card>svg{color:var(--wf-color-primary-strong)}.support-channels .support-card h2{margin:0;font-size:21px}.support-channels .support-card p{color:var(--wf-color-muted);flex:1;margin:0 0 8px;font-size:15px;line-height:1.65}.support-channels .support-card>a,.support-channels .support-card>button{width:100%;margin-top:auto}.support-pill{background:var(--support-soft);color:var(--wf-color-primary-strong);letter-spacing:.04em;border-radius:7px;padding:5px 8px;font-size:12px;font-weight:800;display:inline-flex}.support-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.support-row h2{margin:0 0 8px;font-size:clamp(1.4rem,3vw,1.8rem)}.support-row p{color:var(--wf-color-muted);margin:0}.support-tabs{border-bottom:1px solid var(--ui-card-border);flex-wrap:wrap;gap:8px;margin-bottom:26px;padding-bottom:16px;display:flex}.support-tabs button[aria-pressed=true]{background:var(--support-soft);border-color:var(--wf-color-primary);color:var(--wf-color-primary-strong)}.support-form{gap:18px;margin:22px 0;display:grid}.support-form label{gap:8px;font-size:15px;font-weight:700;display:grid}.support-filter select,.support-form input,.support-form select,.support-form textarea{border:1px solid var(--ui-card-border);background:var(--ui-page-bg);color:var(--wf-color-ink);box-sizing:border-box;border-radius:12px;width:100%;min-width:0;padding:12px;font-size:16px}.support-form textarea{resize:vertical}.support-form h3,.support-form p{margin:0}.support-form p{color:var(--wf-color-muted);line-height:1.6}.support-form>button{justify-self:start}.support-filter{flex-wrap:wrap;align-items:center;gap:14px;margin:26px 0;font-size:14px;display:flex}.support-filter select{width:auto}.support-filter>span{color:var(--wf-color-muted);margin-left:auto}.support-topic{margin:14px 0}.support-topic h3{overflow-wrap:anywhere;margin:16px 0 10px;font-size:20px}.support-topic h3 a{color:var(--wf-color-ink);text-decoration:none}.support-topic h3 a:hover{text-decoration:underline}.support-excerpt{-webkit-line-clamp:2;color:var(--wf-color-muted);overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.65;display:-webkit-box;overflow:hidden}.support-topic footer{color:var(--wf-color-muted);flex-wrap:wrap;gap:18px;margin-top:20px;font-size:13px;display:flex}.support-resolved,.support-topic footer span{align-items:center;gap:6px;display:inline-flex}.support-resolved{color:var(--wf-color-primary-strong);font-size:14px;font-weight:800}.support-empty{text-align:center;border:1px dashed var(--ui-card-border);color:var(--wf-color-muted);border-radius:20px;justify-items:center;padding:50px 20px;display:grid}.support-empty h3{color:var(--wf-color-ink);font-size:21px}.support-empty p{max-width:470px;margin:0;line-height:1.7}.support-empty svg{color:var(--wf-color-primary)}.support-note{background:var(--support-soft);overflow-wrap:anywhere;border-radius:12px;padding:16px;line-height:1.7}.support-note small{display:block}.support-error{color:var(--wf-color-ink);background:var(--support-soft);border:1px solid;border-radius:12px;padding:16px}.support-bottom{text-align:center;margin-top:38px}.support-bottom p{color:var(--wf-color-muted);font-size:14px;line-height:1.6}.support-honeypot{opacity:0;width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important}.support-messages{gap:14px;padding:22px 0;display:grid}.support-messages article{border:1px solid var(--ui-card-border);background:var(--ui-page-bg);border-radius:16px;justify-self:end;max-width:85%;padding:18px}.support-messages article.official{background:var(--support-soft);justify-self:start}.support-body,.support-messages article p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}.support-messages small{color:var(--wf-color-muted)}.support-answer{margin:16px 0}.support-answer.accepted{border:2px solid var(--wf-color-primary)}.support-detail-title{overflow-wrap:anywhere;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2}.support-detail-meta{color:var(--wf-color-muted);font-size:14px}.support-detail-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.support-page button[aria-pressed=true]{border-color:var(--wf-color-primary);background:var(--support-soft)}html[data-theme=dark] .support-page{--support-surface:#252131;--support-soft:#31293f}@media (width<=800px){.support-channels{grid-template-columns:1fr}.support-hero{padding-top:20px}.support-channels .support-card{grid-template-columns:auto 1fr;gap:10px 14px;display:grid}.support-channels .support-card>.support-pill{place-self:center start}.support-channels .support-card>:is(h2,p,button,a,div){grid-column:1/-1}.support-channels .support-card p{margin:0}.support-shell{padding:22px 18px 40px}.support-messages article{max-width:100%}}@media (width<=420px){.support-shell{padding-inline:14px}.support-card{padding:18px}.support-search{padding:14px}.support-search>div{flex-wrap:wrap}.support-search input{flex-basis:70%;width:calc(100% - 40px)}.support-search button{width:100%}.support-tabs button{flex:1}.support-filter select{max-width:100%}.support-filter>span{margin-left:0}.support-hero>p{font-size:16px}}.support-channels .support-channel-community{background:color-mix(in srgb,var(--wf-lab-cool) 20%,var(--support-surface))}.support-channels .support-channel-pro{background:color-mix(in srgb,var(--wf-lab-primary) 23%,var(--support-surface))}.support-channels .support-channel-plus{background:color-mix(in srgb,var(--wf-lab-pink) 18%,var(--support-surface))}.support-channels .support-card{border-color:color-mix(in srgb,var(--wf-lab-primary) 35%,transparent)}.support-channels .support-card p{color:var(--wf-color-ink-soft)}.support-admin-header{background:color-mix(in srgb,var(--wf-lab-primary) 16%,var(--support-surface));border-color:color-mix(in srgb,var(--wf-lab-primary) 38%,transparent);justify-content:space-between;align-items:center;gap:24px;margin:28px 0 22px;display:flex}.support-admin-header>div{min-width:0}.support-admin-header h1{letter-spacing:-.035em;margin:10px 0 8px;font-size:clamp(2rem,4vw,3rem);line-height:1.08}.support-admin-header p{max-width:720px;color:var(--wf-color-muted);margin:0;font-size:16px;line-height:1.6}.support-admin-header>a{border:1px solid var(--ui-card-border);background:var(--support-soft);border-radius:12px;flex:none;min-height:44px;padding:10px 16px;font-weight:800;text-decoration:none}.support-admin-loading{place-items:center;min-height:240px;display:grid}.support-page .support-search>div{background:var(--support-soft);border-radius:14px;padding:6px 6px 6px 12px}html .support-page .support-search input{box-shadow:none;border:0;border-radius:10px;padding:8px 4px;background:0 0!important}.support-history>.support-search{margin:24px 0}.support-history-count{color:var(--wf-color-muted);font-size:14px}.support-history-list{gap:12px;margin:16px 0 24px;padding:0;list-style:none;display:grid}.support-history-list button{text-align:left;justify-content:space-between;width:100%;padding:18px}.support-history-list button>span{gap:8px;min-width:0;display:grid}.support-history-list small{color:var(--wf-color-muted);font-weight:500}.support-history-list svg{flex-shrink:0}.support-history-preview{overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.5}.support-history-action{color:var(--wf-color-primary-strong);font-size:14px}.support-chat{scroll-margin-top:110px}.support-chat>button{margin:0 8px 8px 0}.support-messages article.selected{border:2px solid var(--wf-color-primary)}html[data-theme=dark] .support-channels .support-card p{color:var(--wf-color-ink)}html[data-theme=dark] .support-admin-header{background:color-mix(in srgb,var(--wf-lab-primary) 18%,var(--support-surface));border-color:color-mix(in srgb,var(--wf-color-primary) 48%,var(--ui-card-border))}html[data-theme=dark] .support-admin-context,html[data-theme=dark] .support-admin-context :is(.support-admin-header,.support-ticket-panel,.support-ticket-panel h2,.support-ticket-panel h3,.support-tabs button){color:#f4f2f7}@media (width<=800px){.support-admin-header{flex-direction:column;align-items:flex-start}.support-admin-header>a{box-sizing:border-box;width:100%}}@media (width<=420px){.support-page .support-search>div{gap:8px;padding:10px}}.support-page button:disabled[aria-busy=true]{cursor:progress}.support-vote-hint{color:var(--wf-color-muted);margin:14px 0 0;font-size:14px;line-height:1.6}.support-form .support-safety-note{color:#9c293c;background:#ef626817;border:1px solid #ef626861;border-radius:12px;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.support-safety-note svg{flex-shrink:0;margin-top:2px}html[data-theme=dark] .support-form .support-safety-note{color:#ffb4be;background:#ef62681a;border-color:#ef626873}.support-page .support-row>.content-overflow-menu{flex:none;margin-left:auto}.support-page .support-row>.support-detail-title{flex:1;min-width:0}.support-page .content-overflow-menu summary{width:44px;height:44px}.support-page .content-overflow-popover button{background:0 0;border:0;justify-content:flex-start;min-height:44px;padding:8px 10px;font-size:14px}.support-remove-confirm{margin-top:16px}.support-topic footer .support-topic-action{min-height:44px;color:var(--wf-color-muted);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.support-topic footer .support-topic-action:hover{background:var(--support-soft);color:var(--wf-color-primary-strong)}.support-topic footer button.support-topic-action[aria-pressed=true]{border-color:var(--wf-color-primary);background:var(--support-soft);color:var(--wf-color-primary-strong)}.support-admin-context :is(.support-card,.support-empty,.support-note,.support-error,.support-messages article,.support-search),.support-admin-context :is(button,.support-card>a,.support-bottom a,.support-form input,.support-form textarea,.support-form select,.support-filter select),.support-admin-context .support-safety-note,.support-admin-context .support-search input,.support-admin-context .support-search>div,.support-admin-context .support-topic-action{border-radius:8px}
