/* Field states are shared across every product page; feature CSS owns geometry. */
.portal-page {
  --field-focus-border:#c4cfda;
  --field-focus-background:#f8fafc;
  --field-placeholder:#7a838f;
  --field-keyboard:#7d97b0;
}
.portal-page :is(input.portal-input,textarea.portal-textarea,select.portal-select,input,textarea,select):not(:where([type="checkbox"],[type="radio"],[type="range"])):is(:focus,:focus-visible) {
  outline:none;
  box-shadow:none;
  border-color:var(--field-focus-border);
  background-color:var(--field-focus-background);
}
.portal-page :is(.portal-input,.portal-textarea,input,textarea)::placeholder {color:var(--field-placeholder);font-weight:400;opacity:1}
.portal-page :is(.phone-input-wrap,.sms-input-wrap,.password-input-wrap,.setup-composer,.agent-composer,.task-composer-box,.country-search,.country-selection-search):focus-within {
  border-color:var(--field-focus-border);
  background-color:var(--field-focus-background);
  box-shadow:none;
}
.portal-page :is(.phone-input-wrap,.sms-input-wrap,.password-input-wrap,.setup-composer,.agent-composer,.task-composer-box,.country-search,.country-selection-search) :is(input,textarea):is(:focus,:focus-visible) {background:transparent;outline:none;box-shadow:none}
.portal-page :is(input,textarea,select)[aria-invalid="true"]:is(:focus,:focus-visible) {border-color:#c98d83;background-color:#fffafa}
.portal-page .select-menu-trigger:is(:focus,:focus-visible,[aria-expanded="true"]),.portal-page .studio-customer-trigger:is(:focus,:focus-visible,[aria-expanded="true"]) {outline:none;box-shadow:none;border-color:var(--field-focus-border);background:var(--field-focus-background)}
.portal-page .select-menu-trigger:focus-visible,.portal-page .studio-customer-trigger:focus-visible {outline:2px solid var(--field-keyboard);outline-offset:2px}
.portal-page .select-menu-option:focus-visible {outline:none;background:#edf2f6;color:#243344}
.portal-page :is(input[type="checkbox"],input[type="radio"]):focus-visible {outline:2px solid var(--field-keyboard);outline-offset:3px}
.portal-page .field-search {position:relative;display:block;min-width:0}
.portal-page .field-search>svg {position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#8b95a1;pointer-events:none}
.portal-page .field-search>.portal-input {padding-left:36px;background-color:#fafbfc;border-color:#e3e7ec;box-shadow:none}
.portal-page .field-search>.portal-input:is(:focus,:focus-visible) {background-color:var(--field-focus-background);border-color:var(--field-focus-border);box-shadow:none;outline:none}
.portal-page .field-search:focus-within>svg {color:#74879a}
@media (forced-colors:active) {
 .portal-page :is(input,textarea,select):is(:focus,:focus-visible),.portal-page .field-search>.portal-input:focus,.portal-page .select-menu-trigger:focus-visible,.portal-page .studio-customer-trigger:focus-visible {outline:2px solid Highlight!important;outline-offset:2px;border-color:Highlight}
 .portal-page .select-menu-option:focus-visible {outline:2px solid Highlight;outline-offset:-2px}
}