/* lx-focus.css (2026-11-01) - every text box and list (LOV) shows a blue outline while it has focus, so the user always
   sees where the cursor is. LEX blue #A87983. Loaded last in _Layout.cshtml so it wins over component styles. */

/* plain inputs, lists and text areas (incl. the "ant-input select" lists on the forms) */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):focus,
select:focus,
textarea:focus,
.ant-input:focus,
.ant-input-number:focus-within,
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus-within {
    outline: 2px solid #A87983 !important;
    outline-offset: 1px;
    border-color: #A87983 !important;
    box-shadow: 0 0 0 3px rgba(168, 121, 131, .18) !important;
}

/* an input inside an affix wrapper: the wrapper carries the outline, not the inner box */
.ant-input-affix-wrapper .ant-input:focus { outline: none !important; box-shadow: none !important; }

/* Ant Design pickers and select boxes */
.ant-picker-focused,
.ant-picker:focus-within,
.ant-select-focused .ant-select-selector,
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
    outline: 2px solid #A87983 !important;
    outline-offset: 1px;
    border-color: #A87983 !important;
    box-shadow: 0 0 0 3px rgba(168, 121, 131, .18) !important;
}
.ant-picker .ant-picker-input input:focus,
.ant-select .ant-select-selection-search-input:focus { outline: none !important; box-shadow: none !important; }