.support-page{flex:1;width:100%;max-width:1100px;padding-top:clamp(2rem,5vw,4rem);padding-bottom:4rem}.support-page>nav{color:var(--text-muted);margin-bottom:1.4rem}.support-page>nav a,.support-page a{text-underline-offset:3px;text-decoration:underline}.support-page h1{margin-bottom:.7rem;font-size:clamp(2rem,4vw,3rem)}.support-page>p{max-width:46rem;margin-bottom:1.4rem}.support-desk{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;margin-top:1.5rem;padding:clamp(1rem,3vw,2rem)}.support-heading,.support-detail-heading,.support-ticket-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.support-heading{margin-bottom:1.25rem}.support-eyebrow{color:#875300;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:800;display:block}.support-desk h2{margin:.2rem 0 .5rem;font-size:1.5rem}.support-desk h3{margin-bottom:.55rem;font-size:1.18rem}.support-desk h4{font-size:1rem}.support-form{align-items:start;gap:.55rem;display:grid}.support-create{background:var(--primary-light);border-radius:var(--radius-md);border:1px solid #edcf91;margin-bottom:1.5rem;padding:clamp(1rem,2vw,1.5rem)}.support-form label{margin-top:.5rem;font-weight:700}.support-form input,.support-form select,.support-form textarea{border-radius:var(--radius-sm);background:#fff;border:1px solid #899096;width:100%;max-width:42rem;min-height:44px;padding:.7rem .8rem;line-height:1.5}.support-form textarea{resize:vertical}.support-hint{color:#555d63;overflow-wrap:anywhere;font-size:.88rem}.support-desk button{cursor:pointer;border-radius:var(--radius-sm);min-height:44px;padding:.65rem 1rem;font-weight:750}.support-desk button:disabled{opacity:.6;cursor:wait}.support-primary{background:var(--primary);color:#1c1e21;border:1px solid #be7800;justify-self:start}.support-secondary,.support-pages button{color:var(--text-main);background:#fff;border:1px solid #555b60}.support-primary:hover:not(:disabled){background:var(--primary-hover)}.support-secondary:hover:not(:disabled),.support-pages button:hover:not(:disabled){background:var(--slate-light)}.support-layout{grid-template-columns:minmax(15rem,.85fr) minmax(0,1.4fr);align-items:start;gap:1.2rem;display:grid}.support-list,.support-detail{border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;padding:clamp(.9rem,2vw,1.35rem)}.support-list ul,.support-messages{padding:0;list-style:none}.support-list li+li{margin-top:.55rem}.support-ticket{text-align:left;border:1px solid var(--border);overflow-wrap:anywhere;background:#fff;gap:.35rem;width:100%;display:grid;font-weight:400!important}.support-ticket.is-selected{background:var(--primary-light);border-color:#aa6a00}.support-ticket>span:last-child{color:#555d63;font-size:.85rem}.support-status{background:var(--slate-light);color:#32363b;white-space:nowrap;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.82rem;font-weight:700;display:inline-flex}.support-pages{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.support-detail-heading h3{overflow-wrap:anywhere}.support-detail>.support-hint{margin:.35rem 0}.support-messages{gap:.75rem;max-height:32rem;margin:1.2rem 0;display:grid;overflow:auto}.support-messages li{border:1px solid var(--border);border-radius:var(--radius-sm);overflow-wrap:anywhere;background:#fff;padding:.85rem}.support-messages li.support-internal{background:var(--slate-light);border-style:dashed}.support-messages li>div{flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;font-size:.85rem;display:flex}.support-messages time{color:#555d63}.support-messages p{white-space:pre-wrap;margin-top:.4rem}.support-detail .support-form{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.support-feedback{border-radius:var(--radius-sm);margin:.8rem 0;padding:.8rem 1rem}.support-error{color:#7f1d1d;background:#fef2f2;border:1px solid #fca5a5}.support-success{color:#064e3b;background:#ecfdf5;border:1px solid #6ee7b7}.support-desk :is(a,button,input,select,textarea,[tabindex]):focus-visible,.support-page a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.support-import{margin-top:1.5rem}.support-import p{margin-bottom:.7rem}@media (max-width:760px){.support-layout{grid-template-columns:1fr}.support-heading .support-secondary{width:100%}}
