@layer base, components, utilities;@layer components{.signal-support-section{padding-block:var(--signal-page-pad)}.signal-support-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,330px);gap:clamp(28px,5vw,68px);align-items:start}.signal-support-panel{position:relative;min-width:0;padding:clamp(22px,3.4vw,38px);border:1px solid var(--signal-line-strong);background:var(--signal-panel)}.signal-support-panel:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--signal-acid)}.signal-support-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--signal-line)}.signal-support-panel__head>div{display:grid;gap:7px}.signal-support-panel__head>div>span,.signal-support-rail>header>span{color:var(--signal-acid);font:700 var(--signal-type-micro)/1.2 var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.signal-support-panel__head h2{margin:0;font-size:clamp(1.4rem,2.1vw,2rem);line-height:1.03;letter-spacing:-.045em}.signal-support-panel__head p{max-width:62ch;margin:2px 0 0;color:var(--signal-faint);font-size:var(--signal-type-meta);line-height:1.7}.signal-support-status{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 9px;border:1px solid var(--signal-line);color:var(--signal-dim);font:600 var(--signal-type-micro)/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.signal-support-status i{width:6px;height:6px;background:var(--signal-acid)}.signal-support-form{gap:19px;padding-top:26px}.signal-support-form .signal-field textarea{min-height:176px;resize:vertical}.signal-support-choice{min-width:0;margin:0;padding:0;border:0}.signal-support-choice legend{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:9px;color:var(--signal-dim);font:500 var(--signal-type-micro)/1.3 var(--font-sans);letter-spacing:.045em;text-transform:uppercase}.signal-support-choice legend b{color:var(--signal-acid);font:600 var(--signal-type-micro)/1 var(--font-mono);letter-spacing:.035em}.signal-support-choice__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.signal-support-choice label{position:relative;min-width:0;cursor:pointer}.signal-support-choice input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.signal-support-choice label>span{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"icon title" "icon copy";column-gap:10px;row-gap:3px;min-height:76px;padding:12px;border:1px solid var(--signal-line);background:var(--signal-panel-2);transition:border-color .18s var(--signal-ease),background .18s var(--signal-ease)}.signal-support-choice label>span>svg{grid-area:icon;align-self:start;width:16px;height:16px;margin:3px 0 0;color:var(--signal-faint)}.signal-support-choice strong{grid-area:title;color:var(--signal-dim);font-size:var(--signal-type-meta);line-height:1.35}.signal-support-choice small{grid-area:copy;color:var(--signal-faint);font-size:var(--signal-type-micro);line-height:1.5}.signal-support-choice input:checked+span{border-color:color-mix(in srgb,var(--signal-acid) 56%,var(--signal-line));background:color-mix(in srgb,var(--signal-acid) 5%,var(--signal-panel-2))}.signal-support-choice input:checked+span>svg,.signal-support-choice input:checked+span strong{color:var(--signal-acid)}.signal-support-choice input:focus-visible+span{outline:2px solid var(--signal-acid);outline-offset:2px}.signal-support-choice input:disabled+span{cursor:not-allowed;opacity:.52}.signal-support-prefill{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;margin-top:20px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--signal-acid) 28%,var(--signal-line));background:color-mix(in srgb,var(--signal-acid) 4%,var(--signal-panel-2))}.signal-support-prefill>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--signal-line);color:var(--signal-acid)}.signal-support-prefill p{display:grid;gap:3px}.signal-support-prefill svg,.signal-support-tips svg,.signal-support-rail__link svg{width:14px;height:14px}.signal-support-prefill strong{font-size:var(--signal-type-micro)}.signal-support-prefill small{color:var(--signal-faint);font-size:var(--signal-type-micro);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signal-support-response:empty{display:none}.signal-support-response .signal-alert{margin:1px 0 0}.signal-support-actions{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding-top:4px}.signal-support-actions p{color:var(--signal-faint);font-size:var(--signal-type-micro);line-height:1.55}.signal-support-submit{position:relative;min-width:184px;min-height:48px;justify-content:space-between;gap:22px;padding-inline:16px}.signal-support-submit svg{width:16px;height:16px;transition:transform .18s var(--signal-ease)}.signal-support-submit:hover svg{transform:translateX(3px)}.signal-support-submit[aria-busy="true"]{cursor:wait;opacity:.72}.signal-support-rail{position:sticky;top:calc(var(--signal-chrome-h) + 24px);display:grid;gap:20px;min-width:0}.signal-support-rail>header{display:grid;gap:8px;padding-bottom:18px;border-bottom:1px solid var(--signal-line)}.signal-support-rail h2{margin:0;font-size:clamp(1.25rem,1.8vw,1.65rem);line-height:1;letter-spacing:-.035em}.signal-support-tips{display:grid;margin:0;padding:0;list-style:none;border-bottom:1px solid var(--signal-line)}.signal-support-tips li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;padding:15px 0;border-top:1px solid var(--signal-line)}.signal-support-tips li:first-child{border-top:0}.signal-support-tips li>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--signal-line);color:var(--signal-acid);background:var(--signal-panel-2)}.signal-support-tips strong{display:block;margin:0 0 4px;font-size:var(--signal-type-meta);line-height:1.35}.signal-support-tips p{color:var(--signal-faint);font-size:var(--signal-type-micro);line-height:1.6}.signal-support-rail__link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--signal-line);color:var(--signal-dim);font-size:var(--signal-type-micro);font-weight:500;text-decoration:none}.signal-support-rail__link:hover{color:var(--signal-paper)}.signal-support-empty{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;align-items:start;min-height:220px;padding:clamp(22px,4vw,38px);border:1px dashed var(--signal-line);background:var(--signal-panel-2)}.signal-support-empty>span{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--signal-line);color:var(--signal-acid)}.signal-support-empty>span svg{width:20px;height:20px}.signal-support-empty h2{margin:0 0 8px;font-size:clamp(1.3rem,1.9vw,1.75rem);letter-spacing:-.04em}.signal-support-empty p{color:var(--signal-dim);line-height:1.7}[dir=rtl] :is(.signal-support-panel__head>div>span,.signal-support-status,.signal-support-choice legend,.signal-support-rail>header>span){letter-spacing:0;text-transform:none}[dir=rtl] .signal-support-submit svg,[dir=rtl] .signal-support-rail__link svg{transform:rotate(180deg)}[dir=rtl] .signal-support-submit:hover svg{transform:rotate(180deg) translateX(3px)}@media (max-width:980px){.signal-support-layout{grid-template-columns:1fr;gap:34px}.signal-support-rail{position:static;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:28px;align-items:start}.signal-support-rail>header{padding-bottom:0;border-bottom:0}.signal-support-rail__link{grid-column:1/-1}}@media (max-width:700px){.signal-support-panel{padding:20px 15px}.signal-support-panel__head{display:grid;gap:15px}.signal-support-status{justify-self:start}.signal-support-form{padding-top:21px}.signal-support-choice__grid{grid-template-columns:1fr}.signal-support-choice label>span{min-height:68px}.signal-support-actions{grid-template-columns:1fr;gap:10px}.signal-support-submit{width:100%}.signal-support-rail{grid-template-columns:1fr;gap:18px}.signal-support-rail>header{padding-bottom:16px;border-bottom:1px solid var(--signal-line)}}@media (prefers-reduced-motion:reduce){.signal-support-choice label>span,.signal-support-submit svg{transition:none}}}
