/* Form controls: one height, one look, one focus ring.
 * Text fields, dropdowns (native selects, the searchable dropdown, select2), the phone field and buttons in an input
 * group all read the same height token, so a dropdown is never shorter or taller than the field beside it. The token
 * comes from the Panel (Client area > Look > Form field height: --nhs-ca-control-height, shared with the order form);
 * without it the theme's own 46 px is used. Radius, border and background follow the surrounding form; only the
 * dropdown arrow differs. Loaded after the other theme styles. */
html body.nab-workspace{--workspace-control-height:var(--nhs-ca-control-height,46px);--workspace-control-radius:10px;--workspace-control-border:#dce7ef;--workspace-control-surface:#fbfdfe;--workspace-control-focus-border:#76b2c3;--workspace-control-focus:var(--nhs-ca-control-focus,#70b5c524)}
html body.nab-workspace .nac-account{--workspace-control-radius:12px;--workspace-control-border:#d6e4ed;--workspace-control-surface:linear-gradient(115deg,#fbfdff,#f5f9fc);--workspace-control-shadow:inset 0 1px 2px #17476b03;--workspace-control-ink:#254d68}

html body.nab-workspace :is(.nw-shell,.nw-document-shell,#nabtech-workspace,.modal) :is(input.form-control:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),select.form-control,select.custom-select,.nrd-ps-field,.select2-container .select2-selection--single,.input-group>.btn,.input-group-append>.btn,.input-group-prepend>.btn,.input-group-text):not(#nabr-registration *){
  box-sizing:border-box;height:var(--workspace-control-height)!important;min-height:var(--workspace-control-height)!important;max-height:none!important}

/* The searchable dropdown wears the field's own look: same padding, font, radius, border and surface.
 * Registration keeps its own field design (registration.css), sized from the same token there. */
html body.nab-workspace :is(.nw-shell,.nw-document-shell,#nabtech-workspace,.modal) .nrd-ps-field:not(#nabr-registration *){
  padding:0 13px!important;font-size:var(--workspace-control-font,14px)!important;line-height:1.5!important;border-radius:var(--workspace-control-radius)!important;
  border:1px solid var(--workspace-control-border)!important;background:var(--workspace-control-surface)!important;box-shadow:var(--workspace-control-shadow,none)!important;color:var(--workspace-control-ink,#355873)}
html body.nab-workspace :is(.nw-shell,.nw-document-shell,#nabtech-workspace,.modal) .select2-container .select2-selection--single{
  display:flex;align-items:center;border-radius:var(--workspace-control-radius)!important;border-color:var(--workspace-control-border)!important}
html body.nab-workspace :is(.nw-shell,.nw-document-shell,#nabtech-workspace,.modal) .select2-container .select2-selection--single .select2-selection__arrow{height:100%!important}

/* One focus style for fields and dropdowns: a single ring, no second border or outline. */
html body.nab-workspace :is(.nw-shell,.nw-document-shell,#nabtech-workspace,.modal) :is(input.form-control,select.form-control,select.custom-select,textarea.form-control):focus,
html body.nab-workspace :is(.nw-shell,.nw-document-shell,#nabtech-workspace,.modal) :is(.nrd-ps-field:focus-visible,.nrd-ps-field.is-open,.select2-container--focus .select2-selection,.select2-container--open .select2-selection){
  border-color:var(--workspace-control-focus-border)!important;box-shadow:0 0 0 3px var(--workspace-control-focus)!important;outline:0!important}
html body.nab-workspace :is(.nw-shell,.nw-document-shell,#nabtech-workspace,.modal) .nrd-ps:focus-within{box-shadow:none!important;outline:0!important}
/* Phones: fields use 16 px text (no zoom on focus in mobile browsers); the dropdown follows. */
@media(max-width:650px){html body.nab-workspace{--workspace-control-font:16px}}