@layer components{.form-fields{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.form-fields__wide{grid-column:1/-1}.field__textarea{min-height:7rem;padding:var(--space-3) var(--space-4);resize:vertical;line-height:var(--line-height-body)}.form-fields select.field__input{appearance:auto}.field__label--required:after{content:" *";content:" *" / "";color:var(--danger)}.form-fields__legend{color:var(--fg-secondary);font-size:var(--font-size-sm);margin:0}.field-list{gap:var(--space-2);flex-direction:column;display:flex}.field-list__row{align-items:center;gap:var(--space-2);display:flex}.field-list__remove,.field-list__add{align-items:center;gap:var(--space-1);color:var(--fg-secondary);font:inherit;cursor:pointer;background:0 0;border:none;display:inline-flex}.field-list__remove{width:var(--touch-target);height:var(--touch-target);border-radius:var(--corner-md);flex:none;justify-content:center}.field-list__remove:hover{background:var(--surface-muted);color:var(--danger)}.field-list__add{min-height:var(--touch-target);color:var(--accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-self:flex-start;padding:0}.field-list__remove:focus-visible,.field-list__add:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.field-list__remove svg,.field-list__add svg{width:1rem;height:1rem}.form-fields--inline .field__input:not(:focus-visible):not(:hover):not([aria-invalid=true]){background:var(--surface-sunken);border-color:#0000}.form-fields--inline .field__input:disabled{background:var(--surface-sunken);color:var(--fg-primary);opacity:1;cursor:default;border-color:#0000}}
