.field{gap:6px;min-width:0;display:grid}.field-label{font:var(--text-label);color:var(--color-foreground);align-items:center;gap:var(--spacing-space-2);display:flex}.field-optional{color:var(--color-muted-foreground);font-weight:400}.field-hint{font:var(--text-body-sm);color:var(--color-muted-foreground)}.field-error{font:var(--text-label);color:var(--color-error);align-items:flex-start;gap:6px;display:flex}.field-error .icon{margin-top:1px}.field-warning{font:var(--text-body-sm);color:var(--color-warning);align-items:flex-start;gap:6px;display:flex}.field-changed{font:var(--text-label-xs);color:var(--color-info);background:var(--color-info-tint);border-radius:var(--rounded-radius-full);padding:1px var(--spacing-space-2)}.input{width:100%;height:var(--spacing-control);padding:0 var(--spacing-space-3);background:var(--color-card);color:var(--color-foreground);border:1px solid var(--color-input);border-radius:var(--rounded-radius-md);font:var(--text-body-base);transition:border-color var(--motion-dur-fast) var(--motion-ease-out), box-shadow var(--motion-dur-fast) var(--motion-ease-out)}.input::placeholder{color:var(--color-muted-foreground)}.input:hover:not(:disabled):not([readonly]){border-color:var(--color-muted-foreground)}.input:focus{border-color:var(--color-selection);box-shadow:0 0 0 3px var(--color-selection-tint);outline:none}.input:disabled{background:var(--color-muted);color:var(--color-muted-foreground);cursor:not-allowed}.input[readonly]{background:var(--color-muted);border-color:var(--color-border)}textarea.input{height:auto;min-height:88px;padding:10px var(--spacing-space-3);resize:vertical}.input.num{text-align:right}.field.is-invalid .input,.input[aria-invalid=true]{border-color:var(--color-error)}.field.is-invalid .input:focus{box-shadow:0 0 0 3px var(--color-error-tint)}@media (width<=767px){.input{height:var(--spacing-touch);font-size:16px}}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap .input{flex:1}.input-prefix{left:var(--spacing-space-3);color:var(--color-muted-foreground);pointer-events:none;font:400 14px/1 var(--font-body);position:absolute}.input-wrap.has-prefix .input{padding-left:calc(var(--spacing-space-3) + var(--prefix-w,8ch))}.input-suffix{right:var(--spacing-space-1);align-items:center;gap:var(--spacing-space-1);color:var(--color-muted-foreground);display:flex;position:absolute}.input-wrap.has-suffix .input{padding-right:44px}.input-wrap.has-icon .input{padding-left:36px}.input-icon{left:var(--spacing-space-3);color:var(--color-muted-foreground);pointer-events:none;position:absolute}.select-wrap{position:relative}.select-wrap select.input{appearance:none;cursor:pointer;padding-right:36px}.select-chevron{right:var(--spacing-space-3);pointer-events:none;color:var(--color-muted-foreground);position:absolute;top:50%;translate:0 -50%}.plain-fieldset{border:0;min-width:0;margin:0;padding:0}.input-pill{border-radius:var(--rounded-radius-full)}.add-row{justify-self:start}.form-grid{gap:var(--spacing-space-4);grid-template-columns:minmax(0,1fr);display:grid}.form-grid-2{gap:var(--spacing-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid-3{gap:var(--spacing-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=767px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}}.field.sr-label .field-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.field.input-round .input{border-radius:var(--rounded-radius-full)}.field-hint-ok{align-items:center;gap:var(--spacing-space-1);color:var(--color-success);display:flex}.toast-region{z-index:90;right:var(--spacing-space-6);bottom:var(--spacing-space-6);pointer-events:none;justify-items:end;display:grid;position:fixed}.toast{align-items:center;gap:var(--spacing-space-3);max-width:420px;padding:var(--spacing-space-2) var(--spacing-space-2) var(--spacing-space-2) var(--spacing-space-5);background:var(--color-foreground);color:var(--color-card);border-radius:var(--rounded-radius-full);box-shadow:var(--elevation-4);font:var(--text-label-lg);pointer-events:auto;display:flex}.toast>.icon{color:var(--color-success-tint)}.toast .button-icon{width:28px;height:28px;color:var(--color-input)}@media (hover:hover){.toast .button-icon:hover{background:color-mix(in srgb, var(--color-card) 12%, transparent);color:var(--color-card)}}@media (width<=767px){.toast-region{left:var(--spacing-space-4);right:var(--spacing-space-4);bottom:calc(var(--spacing-space-4) + var(--toast-offset,0px));justify-items:center}.toast{width:100%}}
