/* ============================================================
   SCS Portal ? Figma interactive states (buttons / tabs / toggles)
   Normal: outline or plain | Hover: soft blue | Active/Click: solid brand
   Colors only ? no layout/size changes.
   ============================================================ */

:root {
    --app-ix-brand: #033D53;
    --app-ix-hover: #E0F2FE;
    --app-ix-ink: #033D53;
    --app-ix-muted: #32434B;
}

/* ------------------------------------------------------------------
   Buttons (Bootstrap / MDB) ? skip danger/success/warning + navbar CTA
   ------------------------------------------------------------------ */
body.fixed-sn main .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(.app-stepnav-btn--discard):not(.module-list-pagination__page):not(.module-list-pagination__nav):not(:disabled):not(.disabled),
body.fixed-sn .modal .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(.app-stepnav-btn--discard):not(.module-list-pagination__page):not(.module-list-pagination__nav):not(:disabled):not(.disabled),
body.fixed-sn .swal2-popup .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(.app-stepnav-btn--discard):not(.module-list-pagination__page):not(.module-list-pagination__nav):not(:disabled):not(.disabled),
.my-profile__btn:not(:disabled):not(.is-disabled):not(.my-profile__btn--save) {
    background-color: #ffffff !important;
    border: 1.5px solid var(--app-ix-brand) !important;
    color: var(--app-ix-ink) !important;
    box-shadow: none !important;
}

body.fixed-sn main .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(.app-stepnav-btn--discard):not(.module-list-pagination__page):not(.module-list-pagination__nav):not(:disabled):not(.disabled):hover,
body.fixed-sn .modal .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(.app-stepnav-btn--discard):not(.module-list-pagination__page):not(.module-list-pagination__nav):not(:disabled):not(.disabled):hover,
body.fixed-sn .swal2-popup .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(.app-stepnav-btn--discard):not(.module-list-pagination__page):not(.module-list-pagination__nav):not(:disabled):not(.disabled):hover,
.my-profile__btn:not(:disabled):not(.is-disabled):not(.my-profile__btn--save):hover,
.my-profile__btn--back:not(:disabled):hover {
    background-color: var(--app-ix-hover) !important;
    border-color: var(--app-ix-brand) !important;
    color: var(--app-ix-ink) !important;
}

/* Enabled Save hover ? pale blue + dark navy (user ref) */
.my-profile__btn--save.is-enabled:hover {
    background-color: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #033D53 !important;
}

/* Save disabled must NEVER get brand-blue hover */
.my-profile__btn--save.is-disabled:hover,
.my-profile__btn--save:disabled:hover,
.my-profile__btn--save:not(.is-enabled):hover {
    background-color: #EEF2F6 !important;
    border-color: #D0D5DD !important;
    color: #32434B !important;
}

body.fixed-sn main .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(.app-stepnav-btn--discard):not(.module-list-pagination__page):not(.module-list-pagination__nav):not(:disabled):not(.disabled):active,
body.fixed-sn main .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(.app-stepnav-btn--discard):not(.module-list-pagination__page):not(.module-list-pagination__nav):not(:disabled):not(.disabled).active,
body.fixed-sn .modal .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(.app-stepnav-btn--discard):not(.module-list-pagination__page):not(.module-list-pagination__nav):not(:disabled):not(.disabled):active,
body.fixed-sn .swal2-popup .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(.app-stepnav-btn--exit):not(.app-stepnav-btn--draft):not(.app-stepnav-btn--discard):not(.module-list-pagination__page):not(.module-list-pagination__nav):not(:disabled):not(.disabled):active,
.my-profile__btn:not(:disabled):not(.is-disabled):active {
    background-color: var(--app-ix-brand) !important;
    border-color: var(--app-ix-brand) !important;
    color: #ffffff !important;
}

/* Pagination current page ? navy fill must beat the white .btn rule above */
body.fixed-sn main .btn.module-list-pagination__page.is-active:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(:disabled):not(.disabled),
body.fixed-sn main .btn.module-list-pagination__page.is-active:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(:disabled):not(.disabled):hover,
body.fixed-sn main .btn.module-list-pagination__page[aria-current="page"]:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link):not(:disabled):not(.disabled) {
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body.fixed-sn main .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link) i,
body.fixed-sn main .btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-link) .fa,
.my-profile__btn i {
    color: inherit !important;
}

/* ------------------------------------------------------------------
   Telerik buttons
   ------------------------------------------------------------------ */
body.fixed-sn main .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button),
body.fixed-sn .k-window .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button),
body.fixed-sn .k-dialog .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button) {
    background-color: #ffffff !important;
    border: 1.5px solid var(--app-ix-brand) !important;
    color: var(--app-ix-ink) !important;
    box-shadow: none !important;
}

body.fixed-sn main .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button):hover,
body.fixed-sn .k-window .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button):hover,
body.fixed-sn .k-dialog .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button):hover {
    background-color: var(--app-ix-hover) !important;
    border-color: var(--app-ix-brand) !important;
    color: var(--app-ix-ink) !important;
}

body.fixed-sn main .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button):active,
body.fixed-sn main .k-button.k-selected:not(.k-disabled):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button),
body.fixed-sn .k-window .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button):active,
body.fixed-sn .k-dialog .k-button:not(.k-disabled):not([disabled]):not(.k-button-solid-error):not(.k-button-solid-success):not(.k-input-button):active {
    background-color: var(--app-ix-brand) !important;
    border-color: var(--app-ix-brand) !important;
    color: #ffffff !important;
}

/* ------------------------------------------------------------------
   Tabs ? Bootstrap / MDB nav-tabs
   ------------------------------------------------------------------ */
body.fixed-sn main .nav-tabs .nav-link,
body.fixed-sn main .nav-pills .nav-link {
    color: var(--app-ix-muted) !important;
    background: transparent !important;
    border-color: transparent !important;
}

body.fixed-sn main .nav-tabs .nav-link:hover,
body.fixed-sn main .nav-pills .nav-link:hover {
    color: var(--app-ix-ink) !important;
    background: var(--app-ix-hover) !important;
    border-color: transparent !important;
}

body.fixed-sn main .nav-tabs .nav-link.active,
body.fixed-sn main .nav-pills .nav-link.active,
body.fixed-sn main .nav-tabs .nav-item.show .nav-link {
    color: #ffffff !important;
    background: var(--app-ix-brand) !important;
    border-color: var(--app-ix-brand) !important;
}

/* ------------------------------------------------------------------
   Tabs ? Telerik TabStrip (global)
   ------------------------------------------------------------------ */
body.fixed-sn main .k-tabstrip-items .k-item .k-link {
    color: var(--app-ix-muted) !important;
    background: transparent !important;
    border-color: transparent !important;
}

body.fixed-sn main .k-tabstrip-items .k-item:not(.k-active) .k-link:hover {
    color: var(--app-ix-ink) !important;
    background: var(--app-ix-hover) !important;
}

body.fixed-sn main .k-tabstrip-items .k-item.k-active .k-link {
    color: #ffffff !important;
    background: var(--app-ix-brand) !important;
    border-color: var(--app-ix-brand) !important;
}

body.fixed-sn main .k-tabstrip-items .k-item.k-active .k-link i,
body.fixed-sn main .k-tabstrip-items .k-item.k-active .k-link .k-icon {
    color: #ffffff !important;
}

/* ------------------------------------------------------------------
   Menu-style / list interactive rows (common patterns)
   ------------------------------------------------------------------ */
body.fixed-sn main .list-group-item-action:not(.active):not(:disabled):hover {
    background-color: var(--app-ix-hover) !important;
    color: var(--app-ix-ink) !important;
}

body.fixed-sn main .list-group-item-action.active {
    background-color: var(--app-ix-brand) !important;
    border-color: var(--app-ix-brand) !important;
    color: #ffffff !important;
}

body.fixed-sn main .dropdown-item:hover,
body.fixed-sn main .dropdown-item:focus {
    background-color: var(--app-ix-hover) !important;
    color: var(--app-ix-ink) !important;
}

body.fixed-sn main .dropdown-item:active,
body.fixed-sn main .dropdown-item.active {
    background-color: var(--app-ix-brand) !important;
    color: #ffffff !important;
}

/* ------------------------------------------------------------------
   Toggles / switches
   ------------------------------------------------------------------ */
body.fixed-sn .custom-control-input:checked ~ .custom-control-label::before,
body.fixed-sn .custom-switch .custom-control-input:checked ~ .custom-control-label::before,
body.fixed-sn .form-check-input:checked {
    background-color: var(--app-ix-brand) !important;
    border-color: var(--app-ix-brand) !important;
}

body.fixed-sn .form-switch .form-check-input:checked {
    background-color: var(--app-ix-brand) !important;
    border-color: var(--app-ix-brand) !important;
}

body.fixed-sn .custom-control-input:focus ~ .custom-control-label::before,
body.fixed-sn .form-check-input:focus {
    box-shadow: 0 0 0 0.15rem rgba(3, 61, 83, 0.2) !important;
}

/* ------------------------------------------------------------------
   Profile page SAVE ? never use brand-blue soft hover
   Default / disabled hover = pale gray; enabled = mint only
   ------------------------------------------------------------------ */
.my-profile__btn--save:not(.is-enabled):hover {
    background-color: #EEF2F6 !important;
    border-color: #D0D5DD !important;
    color: #32434B !important;
}

.my-profile__btn--save.is-enabled:hover {
    background-color: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #033D53 !important;
}

.my-profile__btn--save.is-enabled:active,
.my-profile__btn--save.is-enabled.is-pressed {
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #ffffff !important;
}

/* System Admin Save ? Figma APPLY */
body.fixed-sn main button.my-profile__btn--save.is-disabled,
body.fixed-sn main button.my-profile__btn--save:disabled,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save.is-disabled,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save:disabled {
    opacity: 1 !important;
    cursor: not-allowed !important;
    pointer-events: auto !important;
    color: #32434B !important;
    border: 1.5px solid #D0D5DD !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

body.fixed-sn main button.my-profile__btn--save.is-disabled:hover,
body.fixed-sn main button.my-profile__btn--save:disabled:hover,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save.is-disabled:hover,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save:disabled:hover {
    background: #EEF2F6 !important;
    border: 1.5px solid #D0D5DD !important;
    color: #32434B !important;
    box-shadow: none !important;
}

body.fixed-sn main button.my-profile__btn--save.is-enabled,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save.is-enabled {
    cursor: pointer !important;
    color: #033D53 !important;
    border: 1.5px solid #033D53 !important;
    background: #FFFFFF !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

body.fixed-sn main button.my-profile__btn--save.is-enabled:hover,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save.is-enabled:hover {
    background: #E0F2FE !important;
    border: 1.5px solid #033D53 !important;
    color: #033D53 !important;
}

body.fixed-sn main button.my-profile__btn--save.is-enabled:active,
body.fixed-sn main button.my-profile__btn--save.is-enabled.is-pressed,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save.is-enabled:active,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save.is-enabled.is-pressed {
    background: #033D53 !important;
    border: 1.5px solid #033D53 !important;
    color: #FFFFFF !important;
}

body.fixed-sn main button.my-profile__btn--save.is-enabled:active i,
body.fixed-sn main button.my-profile__btn--save.is-enabled.is-pressed i,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save.is-enabled:active i,
body.fixed-sn main .my-profile--sysadmin button.my-profile__btn--save.is-enabled.is-pressed i {
    color: #FFFFFF !important;
}

/* ------------------------------------------------------------------
   Global hover soft-blue ? beat legacy white-skin / MDB teal
   ------------------------------------------------------------------ */
body.white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
body.white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
body.fixed-sn .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
body.fixed-sn .navbar .navbar-nav .nav-item .dropdown-menu a:focus {
    background-color: var(--app-ix-hover) !important;
    color: #32434B !important;
}

body.white-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active,
body.fixed-sn .navbar .navbar-nav .nav-item .dropdown-menu a:active {
    background-color: var(--app-ix-brand) !important;
    color: #ffffff !important;
}

/* ------------------------------------------------------------------
   Telerik radio ? selected ring + inner dot = brand #033D53
   (beats Telerik Material blue #1565c0; ::before uses currentColor)
   ------------------------------------------------------------------ */
html body.fixed-sn main .k-radio,
html body.fixed-sn main input.k-radio,
html body.fixed-sn main input[type="radio"].k-radio {
    accent-color: #033D53 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

html body.fixed-sn main .k-radio:checked,
html body.fixed-sn main .k-radio.k-checked,
html body.fixed-sn main input.k-radio:checked,
html body.fixed-sn main input[type="radio"].k-radio:checked,
html body.fixed-sn main .k-radio-list .k-radio:checked,
html body.fixed-sn main .k-radio-list .k-radio.k-checked {
    border-color: #033D53 !important;
    color: #033D53 !important;
    accent-color: #033D53 !important;
}

html body.fixed-sn main .k-radio:checked::before,
html body.fixed-sn main .k-radio.k-checked::before,
html body.fixed-sn main input.k-radio:checked::before,
html body.fixed-sn main input[type="radio"].k-radio:checked::before,
html body.fixed-sn main .k-radio-list .k-radio:checked::before,
html body.fixed-sn main .k-radio-list .k-radio.k-checked::before {
    background-color: #033D53 !important;
    background: #033D53 !important;
    box-shadow: none !important;
}

html body.fixed-sn main .k-ripple-container .k-radio::after {
    background: #033D53 !important;
}

/* Selected inner dot = brand via inset shadow (beats Telerik ::before blue) */
html body .k-radio:checked,
html body .k-radio.k-checked,
html body input.k-radio:checked,
html body input[type="radio"].k-radio:checked {
    border-color: #033D53 !important;
    border-width: 2px !important;
    color: transparent !important;
    accent-color: #033D53 !important;
    background-color: #033D53 !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 3px #FFFFFF !important;
}

html body .k-radio:checked::before,
html body .k-radio.k-checked::before,
html body input.k-radio:checked::before,
html body input[type="radio"].k-radio:checked::before {
    content: none !important;
    display: none !important;
    background: transparent !important;
    background-color: transparent !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(0) !important;
    -webkit-transform: scale(0) !important;
}

/* ============================================================
   FC wizard Step 5 ? DropDownList popup options
   (popup is portaled; style via open-state :has, not only PopupSettings.Class)
   ============================================================ */
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)):not(:has(.fc-wizard-ms-popup)),
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container:has(.k-list-container):not(:has(.k-calendar)):not(:has(.fc-wizard-ms-popup)) {
    z-index: 10050 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)):not(:has(.fc-wizard-ms-popup)) > .k-popup,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)):not(:has(.fc-wizard-ms-popup)) > .k-list-container,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-container,
html body.fixed-sn .k-animation-container:has(.fc-wizard-dd-popup) > .k-popup,
html body.fixed-sn .k-animation-container:has(.fc-wizard-dd-popup) > .k-list-container,
html body.fixed-sn .k-popup.fc-wizard-dd-popup,
html body.fixed-sn .k-list-container.fc-wizard-dd-popup,
html body.fixed-sn .fc-wizard-dd-popup.k-popup,
html body.fixed-sn .fc-wizard-dd-popup.k-list-container {
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12) !important;
    background: #FFFFFF !important;
    padding: 0.35rem !important;
    overflow: hidden !important;
    outline: none !important;
    box-sizing: border-box !important;
}

/*
 * CRITICAL: Telerik theme sets .k-animation-container { overflow: hidden; border-radius: 0 0 2px 2px }
 * which clips the rounded .k-popup into a square card. Force visible + full radius for all
 * fc-wizard-dd-popup hosts (FP create, PF Edit, FC wizard, etc.).
 */
html body.fixed-sn .k-animation-container:has(.fc-wizard-dd-popup),
html body.fixed-sn .k-animation-container:has(.fc-wizard-dd-popup).k-animation-container-shown,
html body.fixed-sn .k-animation-container:has(.k-popup.fc-wizard-dd-popup),
html body.fixed-sn .k-animation-container:has(.k-list-container.fc-wizard-dd-popup) {
    border: 0 !important;
    background: transparent !important;
    /* No host shadow: the collapsed host stays in the DOM and its shadow reads as a
       ghost card after the popup closes. The shadow lives on .k-popup instead. */
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 4px !important;
    border-radius: 12px !important;
    /* visible so popup shadow is not clipped; round clip is on .k-popup */
    overflow: visible !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
}

/* PF Edit — no host shadow (leftover AC height = ghost white card); shadow is on .k-popup */
html body.fixed-sn .k-animation-container:has(.pf-edit-ms-popup),
html body.fixed-sn .k-animation-container:has(.pf-edit-dd-popup) {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    padding: 0 !important;
    margin-top: 4px !important;
    border-radius: 12px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
}

/* Nested popup (not only direct child) — catch Telerik wrapper variants */
html body.fixed-sn .k-animation-container:has(.fc-wizard-dd-popup) .k-popup,
html body.fixed-sn .k-animation-container:has(.fc-wizard-dd-popup) .k-list-container,
html body.fixed-sn .k-animation-container:has(.fc-wizard-dd-popup) > .k-popup,
html body.fixed-sn .k-animation-container:has(.fc-wizard-dd-popup) > .k-list-container {
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12) !important;
    background: #FFFFFF !important;
    padding: 0.35rem !important;
    overflow: hidden !important;
    outline: none !important;
    box-sizing: border-box !important;
}

/* ============================================================
   FC revision options screen — dropdown field + increase card
   ============================================================ */

/*
 * Two constraints drive these selectors: the wizard page ships its own <style> block,
 * which renders into the body and therefore wins every specificity tie against this
 * stylesheet (hence the repeated classes); and the picker root class differs between
 * Telerik versions (.k-picker / .k-dropdownlist / .k-dropdown), so each is listed.
 */

/* Placeholder row stays at the top of the list and reads as the current choice until
   a real option is picked. */
html body:has(.fc-revision-options) .k-animation-container .k-list-optionlabel.k-selected,
html body:has(.fc-revision-options) .k-animation-container .k-list-optionlabel.k-focus,
html body:has(.fc-revision-options) .k-popup .k-list-optionlabel.k-selected,
html body:has(.fc-revision-options) .k-popup .k-list-optionlabel.k-focus,
html body .fc-revision-dd-popup .k-list-optionlabel.k-selected,
html body .fc-revision-dd-popup .k-list-optionlabel.k-focus {
    background-color: #033D53 !important;
    background-image: none !important;
    color: #FFFFFF !important;
}

html body:has(.fc-revision-options) .k-animation-container .k-list-optionlabel.k-selected::before,
html body:has(.fc-revision-options) .k-animation-container .k-list-optionlabel.k-focus::before,
html body .fc-revision-dd-popup .k-list-optionlabel.k-selected::before,
html body .fc-revision-dd-popup .k-list-optionlabel.k-focus::before {
    border-color: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23033D53' d='M6.2 11.4 2.8 8l1.1-1.1 2.3 2.3 5.1-5.1L12.4 5.3z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 0.65rem 0.65rem !important;
}

html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker:hover,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker.k-hover,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker.k-open,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker.k-focus,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker:focus,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker:focus-within,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-dropdownlist,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-dropdown,
html body .k-picker.fc-revision-dd.fc-revision-dd.fc-revision-dd,
html body .k-picker.fc-revision-dd.fc-revision-dd.fc-revision-dd:hover,
html body .k-picker.fc-revision-dd.fc-revision-dd.fc-revision-dd.k-hover,
html body .k-picker.fc-revision-dd.fc-revision-dd.fc-revision-dd.k-open,
html body .k-picker.fc-revision-dd.fc-revision-dd.fc-revision-dd.k-focus,
html body .k-picker.fc-revision-dd.fc-revision-dd.fc-revision-dd:focus-within {
    background-color: #F0F4F8 !important;
    background-image: none !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 0.5rem !important;
    box-shadow: none !important;
    outline: none !important;
    color: #32434B !important;
    min-height: 2.375rem !important;
    font-size: 0.8125rem !important;
}

html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker.k-open,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker.k-focus,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker:focus,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker:focus-within,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-dropdownlist.k-open,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-dropdownlist.k-focus,
html body .k-picker.fc-revision-dd.fc-revision-dd.fc-revision-dd.k-open,
html body .k-picker.fc-revision-dd.fc-revision-dd.fc-revision-dd.k-focus,
html body .k-picker.fc-revision-dd.fc-revision-dd.fc-revision-dd:focus-within {
    border-color: #033D53 !important;
    background-color: #FFFFFF !important;
}

html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker .k-input-inner,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker .k-input-value-text,
html body .k-picker.fc-revision-dd.fc-revision-dd .k-input-inner,
html body .k-picker.fc-revision-dd.fc-revision-dd .k-input-value-text {
    background: transparent !important;
    color: #32434B !important;
    font-size: 0.8125rem !important;
}

/* Caret: portal chevron instead of the Telerik solid triangle in a solid button */
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker .k-input-button,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker .k-button,
html body .k-picker.fc-revision-dd.fc-revision-dd .k-input-button,
html body .k-picker.fc-revision-dd.fc-revision-dd .k-button {
    background: transparent !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.5 1.75L6 6.25L10.5 1.75' stroke='%2332434B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 0.75rem 0.5rem !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #32434B !important;
    width: 2rem !important;
    min-width: 2rem !important;
}

html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker .k-input-button .k-icon,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker .k-input-button .k-svg-icon,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker .k-input-button svg,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker .k-button .k-icon,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker .k-button .k-svg-icon,
html body .fc-revision-options.fc-revision-options.fc-revision-options .k-picker .k-button svg,
html body .k-picker.fc-revision-dd.fc-revision-dd .k-input-button .k-icon,
html body .k-picker.fc-revision-dd.fc-revision-dd .k-input-button .k-svg-icon,
html body .k-picker.fc-revision-dd.fc-revision-dd .k-input-button svg {
    display: none !important;
}

/* Popup is narrower than the full-width field — Telerik sizes the host inline, so the
   width has to be forced on the host and the card together. */
html body .k-animation-container.fc-revision-dd-popup,
html body .k-animation-container:has(.fc-revision-dd-popup),
html body:has(.fc-revision-options) .k-animation-container:has(.fc-wizard-dd-popup) {
    width: 22rem !important;
    min-width: 0 !important;
    max-width: calc(100vw - 2rem) !important;
}

html body .k-animation-container.fc-revision-dd-popup > .k-child-animation-container,
html body .k-animation-container.fc-revision-dd-popup .k-popup,
html body .k-animation-container:has(.fc-revision-dd-popup) > .k-child-animation-container,
html body .k-animation-container:has(.fc-revision-dd-popup) .k-popup,
html body:has(.fc-revision-options) .k-animation-container:has(.fc-wizard-dd-popup) > .k-child-animation-container,
html body:has(.fc-revision-options) .k-animation-container:has(.fc-wizard-dd-popup) .k-popup {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

/* Increase-funding card needs air under the revision checkbox list */
html body .fc-revision-options__increase.fc-revision-options__increase.fc-revision-options__increase {
    margin-top: 1.5rem !important;
    padding-top: 0.5rem !important;
}

/*
 * Telerik can attach PopupSettings.Class to the animation host instead of the popup
 * element. In that case none of the `.k-popup.fc-wizard-dd-popup` rules above match,
 * so the card keeps the default square/borderless theme chrome.
 */
html body.fixed-sn .k-animation-container.fc-wizard-dd-popup,
html body.fixed-sn .k-child-animation-container.fc-wizard-dd-popup,
html body.fixed-sn .k-animation-container.fc-wizard-dd-popup > .k-child-animation-container {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

html body.fixed-sn .k-animation-container.fc-wizard-dd-popup {
    box-shadow: none !important;
    margin-top: 4px !important;
}

html body.fixed-sn .fc-wizard-dd-popup .k-popup,
html body.fixed-sn .fc-wizard-dd-popup .k-list-container,
html body.fixed-sn .fc-wizard-dd-popup > .k-child-animation-container > .k-popup {
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12) !important;
    background: #FFFFFF !important;
    padding: 0.35rem !important;
    overflow: hidden !important;
    outline: none !important;
    box-sizing: border-box !important;
}

html body.fixed-sn .fc-wizard-dd-popup .k-list,
html body.fixed-sn .fc-wizard-dd-popup .k-list-ul,
html body.fixed-sn .fc-wizard-dd-popup .k-list-content {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)):not(:has(.fc-wizard-ms-popup)) .k-list,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)):not(:has(.fc-wizard-ms-popup)) .k-list-content {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    outline: none !important;
}

/* Filter search row ? soft field */
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-filter,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-searchbox,
html body.fixed-sn .fc-wizard-dd-popup .k-list-filter,
html body.fixed-sn .fc-wizard-dd-popup .k-searchbox {
    margin: 0 0 0.25rem 0 !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 0.5rem !important;
    background: #F0F4F8 !important;
    box-shadow: none !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-filter .k-input,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-searchbox .k-input,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-filter .k-input-inner,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-searchbox input {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #32434B !important;
    font-size: 0.75rem !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item,
html body.fixed-sn .fc-wizard-dd-popup .k-list-optionlabel,
html body.fixed-sn .k-list-container.fc-wizard-dd-popup .k-list-item,
html body.fixed-sn .k-list-container.fc-wizard-dd-popup .k-list-optionlabel {
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    border: 0 !important;
    border-radius: 8px !important;
    margin: 0 0 0.3rem 0 !important;
    padding: 0.35rem 0.5rem !important;
    min-height: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
    color: #475E69 !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 100% !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item:last-child,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel:last-child {
    margin-bottom: 0 !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item::before,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel::before,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item::before,
html body.fixed-sn .fc-wizard-dd-popup .k-list-optionlabel::before,
html body.fixed-sn .k-list-container.fc-wizard-dd-popup .k-list-item::before,
html body.fixed-sn .k-list-container.fc-wizard-dd-popup .k-list-optionlabel::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 1rem !important;
    width: 1rem !important;
    height: 1rem !important;
    box-sizing: border-box !important;
    border: 1.5px solid #32434B !important;
    border-radius: 50% !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item::after,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel::after {
    content: none !important;
    display: none !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item:hover,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-hover,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-focus,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel:hover,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-hover,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item:hover,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item.k-hover,
html body.fixed-sn .fc-wizard-dd-popup .k-list-optionlabel:hover {
    background-color: #E0F2FE !important;
    background-image: none !important;
    color: #033D53 !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item:hover::before,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-hover::before,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel:hover::before {
    border-color: #033D53 !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item[aria-selected="true"],
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected:hover,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected.k-hover,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-selected,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-focus,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item.k-selected,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item[aria-selected="true"],
html body.fixed-sn .fc-wizard-dd-popup .k-list-item.k-selected:hover {
    background-color: #033D53 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    font-weight: 500 !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected .k-list-item-text,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item[aria-selected="true"] .k-list-item-text,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected:hover,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-selected,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-focus {
    color: #FFFFFF !important;
}

html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected::before,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item[aria-selected="true"]::before,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected:hover::before,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-selected::before,
html body.fixed-sn:has(.fc-wizard-chrome .fc-step5 .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-focus::before,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item.k-selected::before,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item[aria-selected="true"]::before {
    border-color: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23033D53' d='M6.2 11.4 2.8 8l1.1-1.1 2.3 2.3 5.1-5.1L12.4 5.3z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 0.65rem 0.65rem !important;
}

/* ============================================================
   FP create form — DropDownList popup (identical metrics to FC wizard)
   ============================================================ */
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)):not(:has(.fp-create-support-dd-popup)),
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list-container):not(:has(.k-calendar)):not(:has(.fp-create-support-dd-popup)),
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fc-wizard-dd-popup):not(:has(.fp-create-support-dd-popup)) {
    z-index: 10050 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 4px !important;
    /* Content-fit — equal left/right inset around options (not fixed 280px) */
    width: max-content !important;
    min-width: max-content !important;
    max-width: min(480px, calc(100vw - 2rem)) !important;
    height: auto !important;
    border-radius: 12px !important;
    /* visible — overflow:hidden here clips Telerik open animation and can leave a click-blocker */
    overflow: visible !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
}

/* Nested .k-popup (not only direct child) — Telerik may wrap popup inside animation container */
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)):not(:has(.fp-create-support-dd-popup)) .k-popup,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)):not(:has(.fp-create-support-dd-popup)) .k-list-container,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)):not(:has(.fp-create-support-dd-popup)) > .k-popup,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)):not(:has(.fp-create-support-dd-popup)) > .k-list-container,
html body.fixed-sn .k-animation-container:has(.fc-wizard-dd-popup):not(:has(.fp-create-support-dd-popup)) .k-popup,
html body.fixed-sn .k-animation-container:has(.fc-wizard-dd-popup):not(:has(.fp-create-support-dd-popup)) .k-list-container,
html body.fixed-sn .k-animation-container:has(.fc-wizard-dd-popup):not(:has(.fp-create-support-dd-popup)) > .k-popup,
html body.fixed-sn .k-animation-container:has(.fc-wizard-dd-popup):not(:has(.fp-create-support-dd-popup)) > .k-list-container,
html body.fixed-sn .k-popup.fc-wizard-dd-popup:not(.fp-create-support-dd-popup),
html body.fixed-sn .k-list-container.fc-wizard-dd-popup:not(.fp-create-support-dd-popup),
html body.fixed-sn .fc-wizard-dd-popup.k-popup:not(.fp-create-support-dd-popup),
html body.fixed-sn .fc-wizard-dd-popup.k-list-container:not(.fp-create-support-dd-popup),
html body.fixed-sn .k-popup:has(.fc-wizard-dd-popup):not(:has(.fp-create-support-dd-popup)) {
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12) !important;
    background: #FFFFFF !important;
    padding: 0.35rem !important;
    overflow: hidden !important;
    outline: none !important;
    box-sizing: border-box !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: min(480px, calc(100vw - 2rem)) !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)):not(:has(.fp-create-support-dd-popup)) .k-list,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)):not(:has(.fp-create-support-dd-popup)) .k-list-content {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    outline: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

/* Funding Commitment popup — equal L/R inset (no extra right slack) */
html body.fixed-sn:has(.fp-create-page) .fp-create-fc-dd-popup .k-list,
html body.fixed-sn:has(.fp-create-page) .fp-create-fc-dd-popup .k-list-content,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-fc-dd-popup) .k-list,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-fc-dd-popup) .k-list-content {
    padding-right: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

html body.fixed-sn:has(.fp-create-page) .fp-create-fc-dd-popup .k-list-item,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-fc-dd-popup) .k-list-item {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    box-sizing: border-box !important;
}

html body.fixed-sn:has(.fp-create-page) .fp-create-fc-dd-popup .k-list-filter,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-fc-dd-popup) .k-list-filter {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-right: 0 !important;
}

/* Support Type popup only — light gap so scrollbar does not touch options */
html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list,
html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-content,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-content {
    padding-right: 10px !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

/*
 * Support Type — full field width (class stamped by JS if Telerik omits it).
 * max-width:none is required to beat the FP create 480px content-fit cap.
 */
html body.fixed-sn .k-animation-container:has(.fp-create-support-dd-popup) {
    width: var(--fp-support-dd-w, 100%) !important;
    min-width: var(--fp-support-dd-w, 100%) !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin-top: 4px !important;
    z-index: 10050 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    overflow: visible !important;
}

html body.fixed-sn .k-animation-container:has(.fp-create-support-dd-popup) > .k-popup,
html body.fixed-sn .k-animation-container:has(.fp-create-support-dd-popup) > .k-list-container,
html body.fixed-sn .k-animation-container:has(.fp-create-support-dd-popup) .k-popup,
html body.fixed-sn .k-animation-container:has(.fp-create-support-dd-popup) .k-list-container,
html body.fixed-sn .fp-create-support-dd-popup.k-popup,
html body.fixed-sn .fp-create-support-dd-popup.k-list-container,
html body.fixed-sn .k-popup.fp-create-support-dd-popup,
html body.fixed-sn .k-list-container.fp-create-support-dd-popup {
    width: var(--fp-support-dd-w, 100%) !important;
    min-width: var(--fp-support-dd-w, 100%) !important;
    max-width: none !important;
    box-sizing: border-box !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12) !important;
    background: #FFFFFF !important;
    padding: 0.35rem !important;
    overflow: hidden !important;
}

html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-item,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-item {
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    border: 0 !important;
    border-radius: 8px !important;
    margin: 0 0 0.3rem 0 !important;
    padding: 0.35rem 0.5rem !important;
    min-height: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    color: #475E69 !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-item:last-child,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-item:last-child {
    margin-bottom: 0 !important;
}

html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-item::before,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-item::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 1rem !important;
    width: 1rem !important;
    height: 1rem !important;
    box-sizing: border-box !important;
    border: 1.5px solid #32434B !important;
    border-radius: 50% !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-item::after,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-item::after {
    content: none !important;
    display: none !important;
}

html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-item:hover,
html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-item.k-hover,
html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-item.k-focus,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-item:hover,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-item.k-hover,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-item.k-focus {
    background-color: #E0F2FE !important;
    background-image: none !important;
    color: #033D53 !important;
}

html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-item:hover::before,
html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-item.k-hover::before,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-item:hover::before,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-item.k-hover::before {
    border-color: #033D53 !important;
}

html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-item.k-selected,
html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-item[aria-selected="true"],
html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-item.k-selected:hover,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-item.k-selected,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-item[aria-selected="true"],
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-item.k-selected:hover {
    background-color: #033D53 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    font-weight: 500 !important;
}

html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-item.k-selected .k-list-item-text,
html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-item[aria-selected="true"] .k-list-item-text,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-item.k-selected .k-list-item-text,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-item[aria-selected="true"] .k-list-item-text {
    color: #FFFFFF !important;
}

html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-item.k-selected::before,
html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-item[aria-selected="true"]::before,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-item.k-selected::before,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-item[aria-selected="true"]::before {
    border-color: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23033D53' d='M6.2 11.4 2.8 8l1.1-1.1 2.3 2.3 5.1-5.1L12.4 5.3z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 0.65rem 0.65rem !important;
}

html body.fixed-sn:has(.fp-create-page) .fp-create-support-dd-popup .k-list-item .k-list-item-text,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fp-create-support-dd-popup) .k-list-item .k-list-item-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: inherit !important;
}

/* Filter search — match option column width (scrollbar + gap reserved via margin) */
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-filter,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist[aria-expanded="true"]) .k-animation-container .k-list-filter,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-filter {
    display: flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    margin: 0 0 0.35rem 0 !important;
    padding: 0.2rem 0.5rem !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    height: auto !important;
    width: auto !important;
    max-width: none !important;
}

/* Flatten inner searchbox/input chrome so it does not look like a 2nd div */
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-filter .k-searchbox,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-filter .k-textbox,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-filter .k-input,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist[aria-expanded="true"]) .k-animation-container .k-list-filter .k-searchbox,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist[aria-expanded="true"]) .k-animation-container .k-list-filter .k-textbox,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist[aria-expanded="true"]) .k-animation-container .k-list-filter .k-input,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-filter .k-searchbox,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-filter .k-textbox,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-filter .k-input {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: 0 !important;
    outline: none !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-filter .k-input-inner,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-filter input,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-searchbox .k-input-inner,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-searchbox input,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-filter .k-input-inner,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-filter input,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-searchbox .k-input-inner,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-searchbox input {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #32434B !important;
    font-size: 0.75rem !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    padding: 0 !important;
    min-height: 0 !important;
    outline: none !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-filter .k-input-inner::placeholder,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-filter input::placeholder,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-searchbox input::placeholder,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-filter .k-input-inner::placeholder,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-searchbox input::placeholder {
    color: #475E69 !important;
    opacity: 1 !important;
    font-size: 0.75rem !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-filter .k-svg-icon,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-filter .k-icon,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-searchbox .k-svg-icon,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-searchbox .k-icon,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-filter .k-svg-icon,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-filter .k-icon,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-searchbox .k-svg-icon,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-searchbox .k-icon {
    color: #32434B !important;
    fill: #32434B !important;
    width: 0.875rem !important;
    height: 0.875rem !important;
    flex: 0 0 auto !important;
}

/* If popup has only .k-searchbox (no .k-list-filter), style that as the single white field */
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-searchbox:not(.k-list-filter .k-searchbox),
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup > .k-searchbox {
    display: flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    margin: 0 0 0.35rem 0 !important;
    padding: 0.2rem 0.5rem !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    min-height: 0 !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* FP create popup scrollbar — same as page / role-menu alternate bar
   Do NOT set scrollbar-width/color — they override ::-webkit-* (arrows) in Chrome
   Also applies on Permanent Funding Edit (.pf-edit) and any fc-wizard-dd-popup */
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list::-webkit-scrollbar,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar,
html body.fixed-sn .pf-edit-dd-popup .k-list::-webkit-scrollbar,
html body.fixed-sn .pf-edit-dd-popup .k-list-content::-webkit-scrollbar,
html body.fixed-sn .pf-edit-dd-popup .k-list-scroller::-webkit-scrollbar,
html body.fixed-sn .pf-edit-ms-popup .k-list::-webkit-scrollbar,
html body.fixed-sn .pf-edit-ms-popup .k-list-content::-webkit-scrollbar,
html body.fixed-sn .pf-edit-ms-popup .k-list-scroller::-webkit-scrollbar,
html body.fixed-sn .fc-wizard-dd-popup .k-list::-webkit-scrollbar,
html body.fixed-sn .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar,
html body.fixed-sn .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar {
    width: 12px !important;
    background: transparent !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar:horizontal,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar:horizontal,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list::-webkit-scrollbar:horizontal,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar:horizontal,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar:horizontal,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar:horizontal,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar:horizontal,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar:horizontal,
html body.fixed-sn .fc-wizard-dd-popup .k-list::-webkit-scrollbar:horizontal,
html body.fixed-sn .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar:horizontal {
    display: none !important;
    height: 0 !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-track,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-track,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list::-webkit-scrollbar-track,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-track,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-track,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-track,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-track,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-track,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-track,
html body.fixed-sn .fc-wizard-dd-popup .k-list::-webkit-scrollbar-track,
html body.fixed-sn .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-track,
html body.fixed-sn .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-track {
    background: transparent !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-track-piece:vertical,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-track-piece:vertical,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list::-webkit-scrollbar-track-piece:vertical,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-track-piece:vertical,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-track-piece:vertical,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-track-piece:vertical,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-track-piece:vertical,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-track-piece:vertical,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-track-piece:vertical,
html body.fixed-sn .fc-wizard-dd-popup .k-list::-webkit-scrollbar-track-piece:vertical,
html body.fixed-sn .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-track-piece:vertical,
html body.fixed-sn .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-track-piece:vertical {
    background: #E0F2FE !important;
    border-radius: 999px !important;
    margin: 2px 4px !important;
    border: 4px solid transparent !important;
    background-clip: padding-box !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-thumb,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-thumb,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list::-webkit-scrollbar-thumb,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-thumb,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-thumb,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-thumb,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-thumb,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-thumb,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-thumb,
html body.fixed-sn .fc-wizard-dd-popup .k-list::-webkit-scrollbar-thumb,
html body.fixed-sn .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-thumb,
html body.fixed-sn .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-thumb {
    background: #32434B !important;
    border-radius: 999px !important;
    border: 3px solid transparent !important;
    background-clip: padding-box !important;
    min-height: 48px !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-thumb:hover,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-thumb:hover,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list::-webkit-scrollbar-thumb:hover,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-thumb:hover,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-thumb:hover,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-thumb:hover,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-thumb:hover,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-thumb:hover,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-thumb:hover,
html body.fixed-sn .fc-wizard-dd-popup .k-list::-webkit-scrollbar-thumb:hover,
html body.fixed-sn .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-thumb:hover,
html body.fixed-sn .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-thumb:hover {
    background: #121A1F !important;
    background-clip: padding-box !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-button:single-button,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-button:single-button,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list::-webkit-scrollbar-button:single-button,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-button:single-button,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-button:single-button,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-button:single-button,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-button:single-button,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-button:single-button,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-button:single-button,
html body.fixed-sn .fc-wizard-dd-popup .k-list::-webkit-scrollbar-button:single-button,
html body.fixed-sn .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-button:single-button,
html body.fixed-sn .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-button:single-button {
    display: block !important;
    height: 16px !important;
    width: 12px !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 10px 6px !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-button:single-button:vertical:decrement,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-button:single-button:vertical:decrement,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list::-webkit-scrollbar-button:single-button:vertical:decrement,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-button:single-button:vertical:decrement,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-button:single-button:vertical:decrement,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-button:single-button:vertical:decrement,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-button:single-button:vertical:decrement,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-button:single-button:vertical:decrement,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-button:single-button:vertical:decrement,
html body.fixed-sn .fc-wizard-dd-popup .k-list::-webkit-scrollbar-button:single-button:vertical:decrement,
html body.fixed-sn .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-button:single-button:vertical:decrement,
html body.fixed-sn .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 5L5 1L9 5' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-button:single-button:vertical:increment,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-button:single-button:vertical:increment,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list::-webkit-scrollbar-button:single-button:vertical:increment,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-button:single-button:vertical:increment,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-button:single-button:vertical:increment,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-button:single-button:vertical:increment,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-button:single-button:vertical:increment,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-button:single-button:vertical:increment,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-button:single-button:vertical:increment,
html body.fixed-sn .fc-wizard-dd-popup .k-list::-webkit-scrollbar-button:single-button:vertical:increment,
html body.fixed-sn .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-button:single-button:vertical:increment,
html body.fixed-sn .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-button:vertical:start:increment,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-button:vertical:start:increment,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-button:vertical:end:decrement,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-button:vertical:end:decrement,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list::-webkit-scrollbar-button:vertical:start:increment,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-button:vertical:start:increment,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list::-webkit-scrollbar-button:vertical:end:decrement,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-button:vertical:end:decrement,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-button:vertical:start:increment,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-button:vertical:end:decrement,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-button:vertical:start:increment,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-button:vertical:start:increment,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-button:vertical:end:decrement,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-button:vertical:end:decrement,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-button:vertical:start:increment,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-button:vertical:start:increment,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-button:vertical:end:decrement,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-button:vertical:end:decrement,
html body.fixed-sn .fc-wizard-dd-popup .k-list::-webkit-scrollbar-button:vertical:start:increment,
html body.fixed-sn .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-button:vertical:start:increment,
html body.fixed-sn .fc-wizard-dd-popup .k-list::-webkit-scrollbar-button:vertical:end:decrement,
html body.fixed-sn .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-button:vertical:end:decrement,
html body.fixed-sn .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-button:vertical:start:increment,
html body.fixed-sn .fc-wizard-dd-popup .k-list-scroller::-webkit-scrollbar-button:vertical:end:decrement {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-corner,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-corner,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list::-webkit-scrollbar-corner,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-corner,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-corner,
html body.fixed-sn:has(.pf-edit .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-corner,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list::-webkit-scrollbar-corner,
html body.fixed-sn:has(.pf-edit .k-multiselect.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-content::-webkit-scrollbar-corner,
html body.fixed-sn .fc-wizard-dd-popup .k-list::-webkit-scrollbar-corner,
html body.fixed-sn .fc-wizard-dd-popup .k-list-content::-webkit-scrollbar-corner {
    background: transparent !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-item,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-optionlabel,
html body.fixed-sn:has(.fp-create-page) .k-list-container.fc-wizard-dd-popup .k-list-item,
html body.fixed-sn:has(.fp-create-page) .k-list-container.fc-wizard-dd-popup .k-list-optionlabel {
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    border: 0 !important;
    border-radius: 8px !important;
    margin: 0 0 0.3rem 0 !important;
    padding: 0.35rem 0.5rem !important;
    min-height: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
    color: #475E69 !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    white-space: nowrap !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item:last-child,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel:last-child {
    margin-bottom: 0 !important;
}

/* Hide DefaultText rows ("Select quantity type", etc.) from open popup — keep as closed-field placeholder only */
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-optionlabel,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist[aria-expanded="true"]) .k-animation-container:has(.k-list):not(:has(.k-calendar)) .k-list-optionlabel,
html body.fixed-sn:has(.fp-create-page) .fc-wizard-dd-popup .k-list-optionlabel,
html body.fixed-sn:has(.fp-create-page) .k-list-container.fc-wizard-dd-popup .k-list-optionlabel,
html body.fixed-sn:has(.fp-create-page) .k-animation-container:has(.fc-wizard-dd-popup) .k-list-optionlabel {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item::before,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel::before,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item::before,
html body.fixed-sn .fc-wizard-dd-popup .k-list-optionlabel::before,
html body.fixed-sn .k-list-container.fc-wizard-dd-popup .k-list-item::before,
html body.fixed-sn .k-list-container.fc-wizard-dd-popup .k-list-optionlabel::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 1rem !important;
    width: 1rem !important;
    height: 1rem !important;
    box-sizing: border-box !important;
    border: 1.5px solid #32434B !important;
    border-radius: 50% !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item::after,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel::after {
    content: none !important;
    display: none !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item:hover,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-hover,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-focus,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel:hover,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-hover,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item:hover,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item.k-hover,
html body.fixed-sn .fc-wizard-dd-popup .k-list-optionlabel:hover {
    background-color: #E0F2FE !important;
    background-image: none !important;
    color: #033D53 !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item:hover::before,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-hover::before,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel:hover::before {
    border-color: #033D53 !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item[aria-selected="true"],
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected:hover,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected.k-hover,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-selected,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-focus,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item.k-selected,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item[aria-selected="true"],
html body.fixed-sn .fc-wizard-dd-popup .k-list-item.k-selected:hover {
    background-color: #033D53 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    font-weight: 500 !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected .k-list-item-text,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item[aria-selected="true"] .k-list-item-text,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected:hover,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-selected,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-focus {
    color: #FFFFFF !important;
}

html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected::before,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item[aria-selected="true"]::before,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-item.k-selected:hover::before,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-selected::before,
html body.fixed-sn:has(.fp-create-page .k-dropdownlist.k-open) .k-animation-container .k-list-optionlabel.k-focus::before,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item.k-selected::before,
html body.fixed-sn .fc-wizard-dd-popup .k-list-item[aria-selected="true"]::before {
    border-color: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23033D53' d='M6.2 11.4 2.8 8l1.1-1.1 2.3 2.3 5.1-5.1L12.4 5.3z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 0.65rem 0.65rem !important;
}

/* Attachment preview popup title badge — Figma dark teal */
html body .k-window.fc-attachment-preview .fc-ap-badge,
html body .k-window.fc-attachment-preview .fc-ap-badge--pdf,
html body .k-window.fc-attachment-preview .fc-ap-badge--doc,
html body .k-window.fc-attachment-preview .fc-ap-badge--img {
    background: #033D53 !important;
    background-color: #033D53 !important;
    border: 1px solid #033D53 !important;
    color: #FFFFFF !important;
}

html body .k-window.fc-attachment-preview .fc-ap-badge--img img,
html body .k-window.fc-attachment-preview .fc-ap-badge--img .fc-ap-badge-svg {
    filter: brightness(0) invert(1) !important;
}

/* ============================================================
   Rollover queue — Telerik dropdown / date picker fields
   Same field chrome as the FC wizard pickers, sized for the
   rollover card grid (34px) and the service table rows (30px).
   ============================================================ */
html body .k-picker.rv-dd.rv-dd,
html body .k-picker.rv-dd.rv-dd:hover,
html body .k-picker.rv-dd.rv-dd.k-hover,
html body .k-input.rv-dp.rv-dp,
html body .k-input.rv-dp.rv-dp:hover,
html body .k-input.rv-dp.rv-dp.k-hover {
    background-color: #F0F4F8 !important;
    background-image: none !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    outline: none !important;
    color: #121A1F !important;
    min-height: 34px !important;
    height: 34px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding-inline: 0 !important;
}

html body .k-picker.rv-dd.rv-dd:hover,
html body .k-picker.rv-dd.rv-dd.k-hover,
html body .k-input.rv-dp.rv-dp:hover,
html body .k-input.rv-dp.rv-dp.k-hover {
    background-color: #E0F2FE !important;
    border-color: #E0F2FE !important;
}

html body .k-picker.rv-dd.rv-dd.k-open,
html body .k-picker.rv-dd.rv-dd.k-focus,
html body .k-picker.rv-dd.rv-dd:focus-within,
html body .k-input.rv-dp.rv-dp.k-focus,
html body .k-input.rv-dp.rv-dp:focus-within {
    background-color: #FFFFFF !important;
    border: 1.5px solid #033D53 !important;
    box-shadow: none !important;
}

html body .k-picker.rv-dd.rv-dd.k-disabled,
html body .k-input.rv-dp.rv-dp.k-disabled {
    background-color: #F0F4F8 !important;
    border-color: #E2E8F0 !important;
    color: #32434B !important;
    opacity: 1 !important;
}

html body .k-picker.rv-dd.rv-dd .k-input-inner,
html body .k-picker.rv-dd.rv-dd .k-input-value-text,
html body .k-input.rv-dp.rv-dp .k-input-inner,
html body .k-input.rv-dp.rv-dp input.k-input-inner {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    color: #121A1F !important;
    -webkit-text-fill-color: #121A1F !important;
    opacity: 1 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    /* line-height carries the vertical centring so the picker keeps its
       default stretch layout and the chevron button stays full height */
    line-height: 32px !important;
    height: 32px !important;
    min-height: 0 !important;
    width: 100% !important;
    padding: 0 0 0 10px !important;
    margin: 0 !important;
    text-indent: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .k-picker.rv-dd.rv-dd-sm .k-input-inner,
html body .k-picker.rv-dd.rv-dd-sm .k-input-value-text {
    line-height: 28px !important;
    height: 28px !important;
}

/* Telerik pads the value span as well — reset it so the 10px inner padding
   on the left mirrors the 10px caret inset on the right */
html body .k-picker.rv-dd.rv-dd .k-input-value-text,
html body .k-picker.rv-dd.rv-dd .k-input-inner > span {
    padding: 0 !important;
    margin: 0 !important;
    text-indent: 0 !important;
}

/* Placeholder / empty value reads muted but stays AODA compliant */
html body .k-picker.rv-dd.rv-dd .k-input-inner > .k-input-value-text:empty::before,
html body .k-input.rv-dp.rv-dp .k-input-inner::placeholder {
    color: #32434B !important;
    font-weight: 400 !important;
}

/* Portal chevron instead of the Telerik triangle button */
html body .k-picker.rv-dd.rv-dd .k-input-button,
html body .k-picker.rv-dd.rv-dd .k-button {
    background: transparent !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.5 1.75L6 6.25L10.5 1.75' stroke='%2332434B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 0.7rem 0.47rem !important;
    background-position: center !important;
    border: 0 !important;
    box-shadow: none !important;
    /* caret box is glyph-sized, the 10px right margin mirrors the 10px text inset */
    width: 12px !important;
    min-width: 12px !important;
    max-width: 12px !important;
    flex: 0 0 12px !important;
    padding: 0 !important;
    margin: 0 10px 0 0 !important;
}

html body .k-picker.rv-dd.rv-dd .k-input-button .k-icon,
html body .k-picker.rv-dd.rv-dd .k-input-button .k-svg-icon,
html body .k-picker.rv-dd.rv-dd .k-input-button svg {
    display: none !important;
}

/* Closing the calendar leaves the date segment text-selected — keep that
   highlight on the portal palette instead of the browser blue */
html body .k-input.rv-dp.rv-dp input.k-input-inner::selection,
html body .k-input.rv-dp.rv-dp .k-input-inner::selection {
    background: #E0F2FE !important;
    color: #121A1F !important;
}

/* Date picker keeps the portal calendar glyph (fc-datepicker-calendar.svg) */
html body .k-input.rv-dp.rv-dp .k-input-button {
    background: transparent url("/images/icons/fc-datepicker-calendar.svg") no-repeat center / 16px 16px !important;
    border: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    flex: 0 0 16px !important;
    padding: 0 !important;
    margin: 0 10px 0 0 !important;
}

html body .k-input.rv-dp.rv-dp .k-input-button .k-icon,
html body .k-input.rv-dp.rv-dp .k-input-button .k-svg-icon,
html body .k-input.rv-dp.rv-dp .k-input-button svg {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
}

/* Service table rows are denser than the card form fields */
html body .k-picker.rv-dd.rv-dd-sm,
html body .k-picker.rv-dd.rv-dd-sm:hover,
html body .k-picker.rv-dd.rv-dd-sm.k-hover,
html body .k-picker.rv-dd.rv-dd-sm.k-open,
html body .k-picker.rv-dd.rv-dd-sm.k-focus {
    min-height: 30px !important;
    height: 30px !important;
}

html body .rv-dd-host { width: 100%; min-width: 0; }

/* Rollover date picker calendar — compact popup */
html body .rv-dp-popup .k-calendar {
    font-size: 11.5px !important;
}

html body .rv-dp-popup .k-calendar .k-calendar-view {
    padding: 4px !important;
    gap: 0 !important;
}

html body .rv-dp-popup .k-calendar .k-calendar-td,
html body .rv-dp-popup .k-calendar .k-calendar-th {
    width: 27px !important;
    height: 27px !important;
    padding: 0 !important;
    font-size: 11.5px !important;
}

html body .rv-dp-popup .k-calendar .k-link,
html body .rv-dp-popup .k-calendar .k-calendar-cell-inner {
    width: 27px !important;
    height: 27px !important;
    line-height: 27px !important;
    padding: 0 !important;
    font-size: 11.5px !important;
}

html body .rv-dp-popup .k-calendar .k-calendar-header {
    padding: 4px 6px !important;
    min-height: 0 !important;
}

html body .rv-dp-popup .k-calendar .k-calendar-header .k-button {
    padding: 2px 6px !important;
    font-size: 12px !important;
    min-height: 0 !important;
}

html body .rv-dp-popup .k-calendar .k-calendar-footer,
html body .rv-dp-popup .k-calendar .k-footer {
    padding: 4px !important;
    font-size: 11.5px !important;
}

/* Table pickers are narrow — the popup sizes to its longest option instead
   of inheriting the column width, so option text is never clipped. */
html body .k-animation-container.rv-dd-popup,
html body .k-animation-container:has(.rv-dd-popup) {
    width: max-content !important;
    min-width: fit-content !important;
    max-width: min(30rem, calc(100vw - 2rem)) !important;
}

html body .k-animation-container.rv-dd-popup > .k-child-animation-container,
html body .k-animation-container:has(.rv-dd-popup) > .k-child-animation-container,
html body .k-animation-container.rv-dd-popup .k-popup,
html body .k-animation-container:has(.rv-dd-popup) .k-popup,
html body .rv-dd-popup.k-list-container,
html body .rv-dd-popup .k-list,
html body .rv-dd-popup .k-list-content,
html body .rv-dd-popup .k-list-ul {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

html body .rv-dd-popup .k-list-item,
html body .rv-dd-popup .k-list-optionlabel {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

/* The "— Select —" default row behaves like any other option:
   same radio bullet, hover and selected highlight. */
html body.fixed-sn .rv-dd-popup .k-list-optionlabel,
html body.fixed-sn .k-list-container.rv-dd-popup .k-list-optionlabel {
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    border: 0 !important;
    border-radius: 8px !important;
    margin: 0 0 0.3rem 0 !important;
    padding: 0.35rem 0.5rem !important;
    min-height: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
    color: #475E69 !important;
    font-size: 0.75rem !important;
    opacity: 1 !important;
}

html body.fixed-sn .rv-dd-popup .k-list-optionlabel::before,
html body.fixed-sn .k-list-container.rv-dd-popup .k-list-optionlabel::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 1rem !important;
    width: 1rem !important;
    height: 1rem !important;
    box-sizing: border-box !important;
    border: 1.5px solid #32434B !important;
    border-radius: 50% !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
}

html body.fixed-sn .rv-dd-popup .k-list-optionlabel:hover,
html body.fixed-sn .rv-dd-popup .k-list-optionlabel.k-hover {
    background-color: #E0F2FE !important;
    color: #033D53 !important;
}

html body.fixed-sn .rv-dd-popup .k-list-optionlabel.k-selected,
html body.fixed-sn .rv-dd-popup .k-list-optionlabel.k-focus,
html body.fixed-sn .rv-dd-popup .k-list-optionlabel[aria-selected="true"],
html body.fixed-sn .rv-dd-popup .k-list-optionlabel.k-selected:hover {
    background-color: #033D53 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    font-weight: 500 !important;
}

html body.fixed-sn .rv-dd-popup .k-list-optionlabel.k-selected::before,
html body.fixed-sn .rv-dd-popup .k-list-optionlabel.k-focus::before,
html body.fixed-sn .rv-dd-popup .k-list-optionlabel[aria-selected="true"]::before {
    border-color: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23033D53' d='M6.2 11.4 2.8 8l1.1-1.1 2.3 2.3 5.1-5.1L12.4 5.3z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 0.65rem 0.65rem !important;
}



/* ============================================================
   FC wizard — New Vendor dialog (portal tokens, AODA)
   Shared by MCCSS restricted/unrestricted + Other Plans screens.
   ============================================================ */
html body .k-dialog-wrapper .k-dialog.fc-new-vendor-dialog,
html body .k-dialog.fc-new-vendor-dialog {
    width: 400px !important;
    max-width: min(400px, calc(100vw - 2rem)) !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 14px !important;
    /* hidden, like the other portal dialogs: with visible, the square-cornered
       titlebar/content paint over the card corners and read as a second box. */
    overflow: hidden !important;
    box-shadow: 0 18px 44px rgba(16, 24, 40, 0.18) !important;
}

/* Title bar / content are transparent — only the dialog paints the white card. */
html body .k-dialog.fc-new-vendor-dialog .k-window-titlebar,
html body .k-dialog.fc-new-vendor-dialog .k-dialog-titlebar {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 1px solid #E2E8F0 !important;
    border-radius: 0 !important;
    color: #121A1F !important;
    padding: 0.85rem 1.15rem !important;
    min-height: 0 !important;
}

html body .k-dialog.fc-new-vendor-dialog .fc-new-vendor-dialog__title {
    font: 700 15px/1.3 "Source Sans 3", "Source Sans Pro", sans-serif;
    color: #121A1F;
    letter-spacing: 0;
}

html body .k-dialog.fc-new-vendor-dialog .k-window-titlebar-actions .k-button,
html body .k-dialog.fc-new-vendor-dialog .k-dialog-titlebar-actions .k-button {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
    color: #32434B !important;
    border-radius: 8px !important;
}

html body .k-dialog.fc-new-vendor-dialog .k-window-titlebar-actions .k-button:hover,
html body .k-dialog.fc-new-vendor-dialog .k-dialog-titlebar-actions .k-button:hover {
    background: #F0F4F8 !important;
    border-color: #E2E8F0 !important;
    color: #033D53 !important;
}

html body .k-dialog.fc-new-vendor-dialog .k-window-titlebar-actions .k-button:focus-visible,
html body .k-dialog.fc-new-vendor-dialog .k-dialog-titlebar-actions .k-button:focus-visible {
    outline: 2px solid #033D53 !important;
    outline-offset: 2px !important;
}

html body .k-dialog.fc-new-vendor-dialog .k-dialog-content,
html body .k-dialog.fc-new-vendor-dialog .k-window-content {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0.15rem 1.15rem 0.9rem !important;
}

/* Telerik also draws a border on the wrapper / actions bar — one card only. */
html body .k-dialog-wrapper:has(.fc-new-vendor-dialog),
html body .k-dialog.fc-new-vendor-dialog .k-dialog-actions,
html body .k-dialog.fc-new-vendor-dialog .k-window-actions {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Compact rhythm: the markup uses mt-3 on every column, which is too airy here. */
html body .k-dialog.fc-new-vendor-dialog .fc-new-vendor-dialog__body .mt-3 {
    margin-top: 0.6rem !important;
}

/* Labels */
html body .k-dialog.fc-new-vendor-dialog .form-label {
    font: 600 12px/1.35 "Source Sans 3", "Source Sans Pro", sans-serif;
    color: #32434B;
    margin-bottom: 0.35rem;
    display: block;
}

html body .k-dialog.fc-new-vendor-dialog .form-label.required::after {
    content: " *";
    color: #B42318;
    font-weight: 700;
}

/* Every field reads as one soft pill — TelerikTextBox, AppInput and the
   vendor-type picker all share the same box so the form stops looking mixed. */
html body .k-dialog.fc-new-vendor-dialog .k-input.k-textbox,
html body .k-dialog.fc-new-vendor-dialog .k-textbox,
html body .k-dialog.fc-new-vendor-dialog .k-maskedtextbox,
html body .k-dialog.fc-new-vendor-dialog .k-input,
html body .k-dialog.fc-new-vendor-dialog .k-picker,
html body .k-dialog.fc-new-vendor-dialog .form-outline .form-control,
html body .k-dialog.fc-new-vendor-dialog .form-control {
    height: 34px !important;
    min-height: 34px !important;
    box-sizing: border-box !important;
    background: #F0F4F8 !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font: 400 13px/1.35 "Source Sans 3", "Source Sans Pro", sans-serif !important;
    color: #121A1F !important;
    width: 100% !important;
}

html body .k-dialog.fc-new-vendor-dialog .k-input .k-input-inner,
html body .k-dialog.fc-new-vendor-dialog .k-input.k-textbox .k-input-inner,
html body .k-dialog.fc-new-vendor-dialog .k-textbox .k-input-inner,
html body .k-dialog.fc-new-vendor-dialog .k-maskedtextbox .k-input-inner,
html body .k-dialog.fc-new-vendor-dialog .form-outline .form-control {
    padding: 0 10px !important;
    color: #121A1F !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    height: 100% !important;
}

html body .k-dialog.fc-new-vendor-dialog .form-outline .form-control,
html body .k-dialog.fc-new-vendor-dialog .form-control {
    border: 1px solid #E2E8F0 !important;
    border-bottom: 1px solid #E2E8F0 !important;
    background-image: none !important;
    background: #F0F4F8 !important;
    border-radius: 8px !important;
}

/* MDB wrappers add their own notch/underline card — flatten so the phone row
   is one pill instead of reading as a second card. */
html body .k-dialog.fc-new-vendor-dialog .form-outline,
html body .k-dialog.fc-new-vendor-dialog .form-outline .form-notch,
html body .k-dialog.fc-new-vendor-dialog .form-outline .form-notch div {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    margin: 0 !important;
}

/* AppInput ships its own wrapper (md-form / form-group); keep it flush so the
   phone row is one pill instead of a bare underline under an empty box. */
html body .k-dialog.fc-new-vendor-dialog .fc-new-vendor-dialog__body .md-form,
html body .k-dialog.fc-new-vendor-dialog .fc-new-vendor-dialog__body .md-outline,
html body .k-dialog.fc-new-vendor-dialog .fc-new-vendor-dialog__body .form-group {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Same placeholder reading as the Telerik fields */
html body .k-dialog.fc-new-vendor-dialog .k-input-inner::placeholder,
html body .k-dialog.fc-new-vendor-dialog input::placeholder,
html body .k-dialog.fc-new-vendor-dialog .form-control::placeholder {
    color: #32434B !important;
    opacity: 1 !important;
    font: 400 13px/1.35 "Source Sans 3", "Source Sans Pro", sans-serif !important;
}

html body .k-dialog.fc-new-vendor-dialog .k-input.k-textbox:focus-within,
html body .k-dialog.fc-new-vendor-dialog .k-textbox:focus-within,
html body .k-dialog.fc-new-vendor-dialog .k-input:focus-within,
html body .k-dialog.fc-new-vendor-dialog .k-maskedtextbox:focus-within,
html body .k-dialog.fc-new-vendor-dialog .k-picker:focus-within,
html body .k-dialog.fc-new-vendor-dialog .k-picker.k-open,
html body .k-dialog.fc-new-vendor-dialog .form-control:focus,
html body .k-dialog.fc-new-vendor-dialog .form-outline .form-control:focus {
    background: #FFFFFF !important;
    border: 1.5px solid #033D53 !important;
    box-shadow: none !important;
    outline: none !important;
}

html body .k-dialog.fc-new-vendor-dialog .fc-scs-select__field {
    background: #F0F4F8 !important;
    border: 1px solid #E2E8F0 !important;
}

html body .k-dialog.fc-new-vendor-dialog .fc-scs-select.is-open .fc-scs-select__field,
html body .k-dialog.fc-new-vendor-dialog .fc-scs-select__field:focus-within {
    background: #FFFFFF !important;
    border: 1.5px solid #033D53 !important;
}

html body .k-dialog.fc-new-vendor-dialog .fc-scs-select__input::placeholder {
    color: #32434B !important;
    opacity: 1 !important;
}

html body .k-dialog.fc-new-vendor-dialog .fc-scs-select.is-open .fc-scs-select__input,
html body .k-dialog.fc-new-vendor-dialog .fc-scs-select.is-open .fc-scs-select__input::placeholder {
    background: #FFFFFF !important;
    color: #121A1F !important;
}

html body .k-dialog.fc-new-vendor-dialog .k-input-inner::placeholder,
html body .k-dialog.fc-new-vendor-dialog .form-control::placeholder {
    color: #32434B !important;
    opacity: 1 !important;
}

/* Validation summary on portal danger tokens instead of Bootstrap red */
html body .k-dialog.fc-new-vendor-dialog .alert-danger {
    background: #FEF3F2 !important;
    border: 1px solid #FDA29B !important;
    color: #B42318 !important;
    border-radius: 10px !important;
    font: 600 12px/1.4 "Source Sans 3", "Source Sans Pro", sans-serif !important;
    padding: 0.6rem 0.75rem !important;
}

/* Footer: right-aligned, outline Cancel + brand Save */
html body .k-dialog.fc-new-vendor-dialog .fc-new-vendor-dialog__body > div > .row {
    margin-bottom: 0 !important;
}

html body .k-dialog.fc-new-vendor-dialog .fc-new-vendor-dialog__footer {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 0.6rem !important;
    margin-top: 0.85rem !important;
    padding-top: 0.7rem !important;
    border-top: 1px solid #E2E8F0 !important;
}

html body .k-dialog.fc-new-vendor-dialog .fc-new-vendor-dialog__btn {
    height: 36px !important;
    min-width: 96px !important;
    padding: 0 1rem !important;
    border-radius: 8px !important;
    font: 700 12px/1 "Source Sans 3", "Source Sans Pro", sans-serif !important;
    letter-spacing: 0.02em !important;
    box-shadow: none !important;
}

html body .k-dialog.fc-new-vendor-dialog .fc-new-vendor-dialog__btn--cancel,
html body .k-dialog.fc-new-vendor-dialog .fc-new-vendor-dialog__btn--cancel.k-button-solid-error {
    background: #FFFFFF !important;
    background-image: none !important;
    border: 1.5px solid #32434B !important;
    color: #32434B !important;
}

html body .k-dialog.fc-new-vendor-dialog .fc-new-vendor-dialog__btn--cancel:hover,
html body .k-dialog.fc-new-vendor-dialog .fc-new-vendor-dialog__btn--cancel.k-button-solid-error:hover {
    background: #F0F4F8 !important;
    border-color: #033D53 !important;
    color: #033D53 !important;
}

html body .k-dialog.fc-new-vendor-dialog .fc-new-vendor-dialog__btn--save,
html body .k-dialog.fc-new-vendor-dialog .fc-new-vendor-dialog__btn--save.k-button-solid-primary {
    background: #033D53 !important;
    background-image: none !important;
    border: 1.5px solid #033D53 !important;
    color: #FFFFFF !important;
}

html body .k-dialog.fc-new-vendor-dialog .fc-new-vendor-dialog__btn--save:hover,
html body .k-dialog.fc-new-vendor-dialog .fc-new-vendor-dialog__btn--save.k-button-solid-primary:hover {
    background: #022A3A !important;
    border-color: #022A3A !important;
    color: #FFFFFF !important;
}

html body .k-dialog.fc-new-vendor-dialog .fc-new-vendor-dialog__btn:focus-visible {
    outline: 2px solid #033D53 !important;
    outline-offset: 2px !important;
}

/* ============================================================
   FC wizard step 1 — "Link to Permanent Funding Commitment"
   Field + portaled popup on portal tokens (AODA).
   Classes are repeated because the wizard page ships its own
   <style> block, which wins specificity ties against this file.
   ============================================================ */
html body .fc-pf-link-field .form-label.fc-pf-link-label {
    font: 600 12px/1.35 "Source Sans 3", "Source Sans Pro", sans-serif;
    color: #32434B;
    margin-bottom: 0.35rem;
    display: block;
}

html body .fc-pf-link-field .fc-pf-link-hint {
    font: 400 12px/1.4 "Source Sans 3", "Source Sans Pro", sans-serif;
    color: #32434B;
}

html body .k-picker.fc-pf-link-dd.fc-pf-link-dd.fc-pf-link-dd,
html body .k-picker.fc-pf-link-dd.fc-pf-link-dd.fc-pf-link-dd:hover,
html body .k-picker.fc-pf-link-dd.fc-pf-link-dd.fc-pf-link-dd.k-hover {
    width: 100% !important;
    background-color: #F0F4F8 !important;
    background-image: none !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 0.5rem !important;
    box-shadow: none !important;
    outline: none !important;
    color: #32434B !important;
    min-height: 2.375rem !important;
    font-size: 0.8125rem !important;
}

html body .k-picker.fc-pf-link-dd.fc-pf-link-dd.fc-pf-link-dd.k-open,
html body .k-picker.fc-pf-link-dd.fc-pf-link-dd.fc-pf-link-dd.k-focus,
html body .k-picker.fc-pf-link-dd.fc-pf-link-dd.fc-pf-link-dd:focus-within {
    background-color: #FFFFFF !important;
    border: 1.5px solid #033D53 !important;
    border-radius: 0.5rem !important;
    box-shadow: none !important;
    outline: none !important;
    min-height: 2.375rem !important;
}

html body .k-picker.fc-pf-link-dd.fc-pf-link-dd.fc-pf-link-dd .k-input-inner,
html body .k-picker.fc-pf-link-dd.fc-pf-link-dd.fc-pf-link-dd .k-input-value-text {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #121A1F !important;
    font-size: 0.8125rem !important;
}

/* Open/focus = white box (the page style block paints the inner soft-grey,
   so the inner has to be repainted too, not just the picker root). */
html body .k-picker.fc-pf-link-dd.fc-pf-link-dd.fc-pf-link-dd.k-open,
html body .k-picker.fc-pf-link-dd.fc-pf-link-dd.fc-pf-link-dd.k-focus,
html body .k-picker.fc-pf-link-dd.fc-pf-link-dd.fc-pf-link-dd.k-open .k-input-inner,
html body .k-picker.fc-pf-link-dd.fc-pf-link-dd.fc-pf-link-dd.k-focus .k-input-inner,
html body .k-picker.fc-pf-link-dd.fc-pf-link-dd.fc-pf-link-dd.k-open .k-input-button,
html body .k-picker.fc-pf-link-dd.fc-pf-link-dd.fc-pf-link-dd.k-focus .k-input-button {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
}

html body .k-picker.fc-pf-link-dd.fc-pf-link-dd.fc-pf-link-dd.k-open .k-input-button,
html body .k-picker.fc-pf-link-dd.fc-pf-link-dd.fc-pf-link-dd.k-focus .k-input-button {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.5 1.75L6 6.25L10.5 1.75' stroke='%2332434B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 0.75rem 0.5rem !important;
}

/* Portal chevron instead of the Telerik solid triangle button */
html body .k-picker.fc-pf-link-dd.fc-pf-link-dd .k-input-button,
html body .k-picker.fc-pf-link-dd.fc-pf-link-dd .k-button {
    background: transparent !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.5 1.75L6 6.25L10.5 1.75' stroke='%2332434B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 0.75rem 0.5rem !important;
    border: 0 !important;
    box-shadow: none !important;
    width: 2rem !important;
    min-width: 2rem !important;
}

html body .k-picker.fc-pf-link-dd.fc-pf-link-dd .k-input-button .k-icon,
html body .k-picker.fc-pf-link-dd.fc-pf-link-dd .k-input-button .k-svg-icon,
html body .k-picker.fc-pf-link-dd.fc-pf-link-dd .k-input-button svg {
    display: none !important;
}

html body .k-picker.fc-pf-link-dd.fc-pf-link-dd.k-disabled {
    opacity: 1 !important;
    background-color: #F0F4F8 !important;
    border-color: #E2E8F0 !important;
    color: #32434B !important;
}

html body .k-animation-container:has(.fc-pf-link-dd-popup) {
    width: 26rem !important;
    max-width: calc(100vw - 2rem) !important;
    box-shadow: none !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    margin-top: 4px !important;
}

html body .k-popup.fc-pf-link-dd-popup,
html body .k-list-container.fc-pf-link-dd-popup {
    width: 100% !important;
    max-width: 26rem !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12) !important;
    background: #FFFFFF !important;
    padding: 0.35rem !important;
    box-sizing: border-box !important;
}

html body .fc-pf-link-dd-popup .k-list-item,
html body .fc-pf-link-dd-popup .k-list-optionlabel {
    border-radius: 8px !important;
    margin: 0 0 0.2rem 0 !important;
    padding: 0.4rem 0.55rem !important;
    font-size: 0.8125rem !important;
    color: #32434B !important;
    background: transparent !important;
    background-image: none !important;
}

html body .fc-pf-link-dd-popup .k-list-item:hover,
html body .fc-pf-link-dd-popup .k-list-item.k-hover,
html body .fc-pf-link-dd-popup .k-list-item.k-focus,
html body .fc-pf-link-dd-popup .k-list-optionlabel:hover,
html body .fc-pf-link-dd-popup .k-list-optionlabel.k-hover,
html body .fc-pf-link-dd-popup .k-list-optionlabel.k-focus {
    background-color: #F6FBFE !important;
    background-image: none !important;
    color: #033D53 !important;
}

html body .fc-pf-link-dd-popup .k-list-item.k-selected,
html body .fc-pf-link-dd-popup .k-list-item[aria-selected="true"],
html body .fc-pf-link-dd-popup .k-list-item.k-selected:hover,
html body .fc-pf-link-dd-popup .k-list-optionlabel.k-selected,
html body .fc-pf-link-dd-popup .k-list-optionlabel.k-selected:hover {
    background-color: #033D53 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
}