.support-intake{--sf-accent:var(--link);--sf-panel:var(--surface);--sf-bg:var(--paper);--sf-text:var(--ink);--sf-muted:var(--muted);--sf-line:var(--rule);min-width:0}
.support-form-card{min-width:0}.support-form-card>p{color:var(--sf-muted)}
.support-field{display:grid;gap:8px;margin-block:24px}.support-field label,.support-types legend,.support-device-details legend{font:600 14px/1.5 var(--sans)}
.support-field input,.support-field textarea,.support-field select{width:100%;min-width:0;min-height:50px;padding:13px 15px;border:1px solid var(--sf-line);border-radius:10px;background:var(--sf-bg);color:var(--sf-text);font:16px/1.6 var(--sans)}.support-field textarea{resize:vertical;min-height:180px}
.support-types,.support-device-details{padding:0;margin:26px 0;border:0;min-width:0}.support-type-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.support-type-options label{position:relative;display:flex;flex:1 1 auto;cursor:pointer}.support-type-options input{position:absolute;width:1px;height:1px;opacity:0}.support-type-options span{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 14px;min-height:48px;border:1px solid var(--sf-line);border-radius:10px;font:500 13px/1.5 var(--sans);text-align:center}.support-type-options input:checked+span{border-color:var(--sf-accent);box-shadow:inset 0 0 0 1px var(--sf-accent);background:color-mix(in srgb,var(--sf-accent) 8%,var(--sf-panel));color:var(--sf-accent)}.support-type-options input:focus-visible+span{outline:3px solid var(--sf-accent);outline-offset:3px}
.support-intake .support-hint{margin:0;font-size:12px;line-height:1.8;color:var(--sf-muted)}.support-device-details legend{margin-bottom:8px}.support-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.support-details-grid .support-field{margin-block:18px 0}.support-select{position:relative}.support-field select{appearance:none;-webkit-appearance:none;padding-inline-end:46px;text-overflow:ellipsis}.support-select>.tabler-icon{position:absolute;inset-inline-end:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--sf-muted);pointer-events:none}
.support-field-meta{display:flex;align-items:start;justify-content:space-between;gap:12px}.support-counter{flex:none;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--sf-muted)}.support-intake .support-field-error{margin:0;color:var(--red);font-size:12px;line-height:1.7}.support-field-error:empty{display:none}.support-field [aria-invalid=true]{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}.support-counter[data-over-limit]{color:var(--red);font-weight:600}.support-field :is(input,textarea,select):focus-visible{outline:2px solid var(--sf-accent);outline-offset:3px}
.support-intake .support-privacy-notice{display:flex;gap:10px;align-items:start;padding:16px;border:1px solid var(--rule);border-radius:12px;background:color-mix(in srgb,var(--link) 4%,var(--surface))}.support-privacy-notice>.tabler-icon{color:var(--link);width:18px;height:18px;margin-top:3px}.support-form-card .button{margin-top:24px;width:100%;border-radius:12px;font-size:15px}.support-form-card :disabled{opacity:.65;cursor:wait}.support-intake .support-status:not(:empty){padding:16px;margin-top:20px;border:1px solid var(--sf-accent);border-radius:12px;overflow-wrap:anywhere;color:var(--sf-text);font-size:14px}.support-intake .support-status[data-error]{border-color:var(--red);color:var(--red)}.support-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:500px){.support-details-grid{grid-template-columns:1fr}.support-field-meta{flex-wrap:wrap;gap:6px}.support-counter{margin-left:auto}.support-type-options{flex-direction:column;gap:8px}.support-field label,.support-types legend,.support-device-details legend{font-size:13px}.support-intake .support-hint{font-size:11px}.support-form-card .button{font-size:14px}.support-intake .support-privacy-notice{padding:13px;gap:8px}}
@media(forced-colors:active){.support-field select{appearance:auto}.support-select>.tabler-icon{display:none}}