/* Shared focus palette for editable fields, including dynamically opened forms. */
:root{--field-focus:#343941;--field-focus-ring:rgba(52,57,65,.18)}
html[data-theme="dark"]{--field-focus:#e5e7eb;--field-focus-ring:rgba(229,231,235,.18)}
/* Override route-specific focus rules without changing success/error or button colors. */
:is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="color"]):not([type="file"]),textarea,select,[contenteditable="true"]):focus,
.field:focus-within{
 border-color:var(--field-focus)!important;
 outline:0!important;
 box-shadow:0 0 0 3px var(--field-focus-ring)!important;
}
/* Composite amount fields draw one focus ring around their shared border. */
.field :is(input,textarea,select,[contenteditable="true"]):focus{
 outline:0!important;
 box-shadow:none!important;
}