/* Ventrius Mono (mono) - experimental UI theme.
   Generated clone of theme-modern-navy.css (Pink recipe: same variable NAMES,
   values swapped to a shadcn-neutral zinc scale). Shell: topnav. Look:
   monochrome light/dark, white/zinc surfaces, hairline 1px borders, small
   radii, minimal shadows, Inter typography. Regenerate via the mapping script
   referenced in git history. Donor drift is acceptable (experimental /
   best-effort). The hand-authored layer at the end of the file carries the
   net-new rules the donor never needed: DevExtreme surfaces and the dark-mode
   counterparts of the light topbar chrome (the donor topbar is dark navy in
   BOTH color modes; Mono flips it to white in light mode). */
body[data-ventrius-ui-theme="mono"] {
    --modern-navy-950: #09090b;
    --modern-navy-900: #18181b;
    --modern-navy-800: #27272a;
    --modern-navy-700: #3f3f46;
    --modern-navy-100: #f4f4f5;
    --modern-navy-050: #fafafa;
    --modern-slate-500: #71717a;
    --modern-slate-300: #d4d4d8;
    --modern-slate-200: #e4e4e7;
    --modern-slate-100: #f4f4f5;
    --modern-white: #ffffff;
    --ventrius-compact-border-color: #e4e4e7;
    --ventrius-compact-field-bg: #ffffff;
    --ventrius-compact-table-header-bg: #fafafa;
    --ventrius-compact-table-row-bg: #ffffff;
    --ventrius-compact-label-color: #3f3f46;
    --ventrius-compact-link-color: #18181b;
    --ventrius-compact-link-hover-color: #09090b;
    --modern-navy-heading-color: #09090b;
    --modern-navy-muted-color: #71717a;
    --modern-navy-tab-border-color: #e4e4e7;
    --modern-navy-tab-color: #71717a;
    --modern-navy-tab-hover-color: #18181b;
    --modern-navy-tab-active-color: #09090b;
    --modern-navy-tab-hover-bg: #f4f4f5;
    --modern-navy-tab-active-bg: #e4e4e7;
    --modern-navy-btn-outline-primary-color: #18181b;
    --modern-navy-btn-outline-primary-border: #e4e4e7;
    --modern-navy-btn-outline-primary-bg: #ffffff;
    --modern-navy-btn-outline-primary-hover-color: #fafafa;
    --modern-navy-btn-outline-primary-hover-border: #18181b;
    --modern-navy-btn-outline-primary-hover-bg: #18181b;
    --modern-navy-btn-outline-secondary-color: #3f3f46;
    --modern-navy-btn-outline-secondary-border: #e4e4e7;
    --modern-navy-btn-outline-secondary-bg: #ffffff;
    --modern-navy-btn-outline-secondary-hover-color: #09090b;
    --modern-navy-btn-outline-secondary-hover-border: #d4d4d8;
    --modern-navy-btn-outline-secondary-hover-bg: #f4f4f5;
    --bs-primary: #18181b;
    --bs-primary-rgb: 24, 24, 27;
    --bs-primary-text-emphasis: #09090b;
    --bs-primary-bg-subtle: #f4f4f5;
    --bs-primary-border-subtle: #e4e4e7;
    --bs-link-color: #18181b;
    --bs-link-color-rgb: 24, 24, 27;
    --bs-link-hover-color: #09090b;
    --bs-link-hover-color-rgb: 9, 9, 11;
    --bs-focus-ring-color: rgba(24, 24, 27, 0.15);
    accent-color: #18181b;
    background: #fafafa;
    color: #09090b;
}

body[data-ventrius-ui-theme="mono"] #ventrius-logo-mark {
    display: none !important;
}

body[data-ventrius-ui-theme="mono"] .card:has(#ventrius-logo-mark) {
    display: none !important;
}

body[data-ventrius-ui-theme="mono"] #vendor-detail-identity-card.card:has(#vendor-detail-name) {
    display: block !important;
}

body[data-ventrius-ui-theme="mono"] .main-wrapper.ventrius-topnav-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    overflow-x: clip;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-horizontal-menu {
    position: sticky;
    top: 0;
    z-index: 1035;
    box-shadow: none;
    max-width: 100%;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar {
    background: #ffffff;
    border-bottom: 1px solid #e4e4e7;
    min-height: 68px;
    height: auto;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .container-fluid,
body[data-ventrius-ui-theme="mono"] .ventrius-modern-bottomnav .container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-content {
    min-height: 68px;
    gap: 1rem;
    width: 100%;
    min-width: 0;
    flex-wrap: nowrap;
    align-items: center;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand {
    color: #09090b;
    min-width: 0;
    flex: 0 1 auto;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand:hover,
body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand:focus-visible,
body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand:visited,
body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand .ventrius-modern-brand-name,
body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand .ventrius-modern-brand-subtitle,
body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand:hover .ventrius-modern-brand-name,
body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand:hover .ventrius-modern-brand-subtitle,
body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand:visited .ventrius-modern-brand-name,
body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand:visited .ventrius-modern-brand-subtitle,
body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand:focus-visible .ventrius-modern-brand-name,
body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand:focus-visible .ventrius-modern-brand-subtitle {
    color: #09090b;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand-mark {
    display: block;
    width: auto;
    height: 45px;
    padding: 4px;
    flex: 0 0 auto;
    object-fit: contain;
    background: #ffffff;
    border: 1px solid #e4e4e7;
    border-radius: 6px;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .logo-mini-wrapper {
    display: none !important;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand > span {
    min-width: 0;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand-name {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand-subtitle {
    display: block;
    color: #71717a;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.15;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-search-form {
    max-width: 520px;
    margin-right: auto;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-search-form .input-group {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    overflow: hidden;
    background: #fafafa;
    border: 1px solid #e4e4e7;
    border-radius: 6px;
    padding: 0 0.95rem;
    min-height: 42px;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-search-form .input-group > .input-group-text,
body[data-ventrius-ui-theme="mono"] .ventrius-modern-search-form .input-group > .form-control {
    background: transparent !important;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-search-form .input-group-text {
    background: transparent;
    border: 0;
    color: #71717a;
    padding: 0;
    margin: 0;
    border-radius: 0;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-search-form .form-control {
    flex: 1 1 auto;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #09090b !important;
    box-shadow: none !important;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-search-form .form-control::placeholder {
    color: #a1a1aa;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav {
    gap: 0.35rem;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    min-width: 0;
    margin-left: auto;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .nav-item {
    margin-left: 0;
    margin-right: 0;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .nav-link,
body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .btn,
body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .theme-switcher-wrapper {
    color: #3f3f46;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .dropdown-toggle::after {
    border-top-color: #52525b;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .text-secondary,
body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .text-muted {
    color: #71717a !important;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .ventrius-profile-dropdown > .nav-link .text-end > p {
    color: #09090b;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .nav-link {
    min-height: 38px;
    border-radius: 6px;
    padding: 0.45rem 0.75rem;
    background: transparent;
    border: 1px solid transparent;
    white-space: nowrap;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-nav-label {
    max-width: 150px;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .nav-link:hover,
body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .nav-link[aria-expanded="true"] {
    color: #09090b;
    background: #f4f4f5;
    border-color: #e4e4e7;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .nav-link svg,
body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .nav-link i {
    width: 18px;
    height: 18px;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .theme-switcher-wrapper {
    margin: 0 0.35rem;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .theme-switcher-wrapper .box {
    background: #e4e4e7;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .theme-switcher-wrapper .box .ball {
    background: #ffffff;
    border-color: #d4d4d8;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .theme-switcher-wrapper .box .icons svg {
    color: #3f3f46;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .theme-switcher-wrapper .box.dark {
    background: #3f3f46;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .theme-switcher-wrapper .box.dark .ball {
    background: #fafafa;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .theme-switcher-wrapper .box.dark .icons svg {
    color: #d4d4d8;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-toggle {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 1px solid #e4e4e7;
    border-radius: 6px;
    background: transparent;
    padding: 0.6rem 0.65rem;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    margin: 0 0 4px;
    border-radius: 999px;
    background: #09090b;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-toggle span:last-child {
    margin-bottom: 0;
}

body[data-ventrius-ui-theme="mono"] .ventrius-modern-bottomnav {
    background: #ffffff;
    border-bottom: 1px solid #e4e4e7;
    max-width: 100%;
    overflow: visible;
}

body[data-ventrius-ui-theme="mono"] #branchScopeDropdown,
body[data-ventrius-ui-theme="mono"] #branchScopeDropdownLabel,
body[data-ventrius-ui-theme="mono"] #branchScopeDropdown i,
body[data-ventrius-ui-theme="mono"] #branchScopeDropdown svg {
    color: #09090b !important;
}

body[data-ventrius-ui-theme="mono"] #branchScopeDropdown.dropdown-toggle::after {
    border-top-color: #52525b;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu {
    flex-wrap: nowrap;
    gap: 0.35rem;
    overflow: visible;
    white-space: nowrap;
    padding: 0.45rem 0;
    margin: 0;
    justify-content: flex-start;
    align-items: stretch;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item {
    margin-bottom: 0;
    flex: 0 0 auto;
    position: relative;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item > .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 36px;
    padding: 0.45rem 0.85rem;
    border-radius: 6px;
    color: #3f3f46;
    font-size: 0.98rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item > .nav-link .menu-title {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item > .nav-link .badge {
    margin-left: 0.35rem;
    font-weight: 600;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item > .nav-link:hover,
body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item > .nav-link[aria-expanded="true"],
body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item.active > .nav-link,
body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item > .nav-link.active,
body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item.show-submenu > .nav-link {
    background: #f4f4f5;
    color: #09090b;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item > .nav-link .link-arrow {
    display: inline-flex;
    align-items: center;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item > .nav-link .link-arrow::before {
    content: "";
    border: solid currentColor;
    border-width: 0 1.5px 1.5px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    transition: transform 0.18s ease;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item:hover > .nav-link .link-arrow::before,
body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item.show-submenu > .nav-link .link-arrow::before {
    transform: rotate(225deg);
}

body[data-ventrius-ui-theme="mono"] .dropdown-menu,
body[data-ventrius-ui-theme="mono"] .ventrius-profile-dropdown-menu,
body[data-ventrius-ui-theme="mono"] .ventrius-search-panel {
    border: 1px solid #e4e4e7;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    background: #ffffff;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu {
    display: none;
    min-width: 190px;
    width: max-content;
    max-width: min(280px, calc(100vw - 2rem));
    padding: 0.25rem;
    border: 1px solid #e4e4e7;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    background: #ffffff;
    overflow: visible;
    z-index: 1041;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .submenu-item {
    list-style: none;
    margin: 0;
    padding: 0.08rem;
    max-height: none;
    overflow: visible;
    overscroll-behavior: contain;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .submenu-item > .nav-item,
body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .submenu-item .nav-item {
    margin: 0;
    position: relative;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item > .ventrius-topnav-submenu {
    position: absolute;
    top: calc(100% + 0.2rem);
    left: 0;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item-has-submenu > .ventrius-topnav-submenu {
    position: absolute;
    top: -0.35rem;
    left: calc(100% + 0.08rem);
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item.show-submenu > .ventrius-topnav-submenu,
body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item-has-submenu.show-submenu > .ventrius-topnav-submenu {
    display: block;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item.submenu-open-left > .ventrius-topnav-submenu {
    left: auto;
    right: 0;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item-has-submenu.submenu-open-left > .ventrius-topnav-submenu {
    left: auto;
    right: calc(100% + 0.08rem);
}

@media (min-width: 992px) {
    body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation .ventrius-topnav-submenu {
        width: max-content;
    }

    body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation .ventrius-topnav-submenu > .submenu-item {
        width: auto;
        padding: 0.08rem;
    }

    body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item > .ventrius-topnav-submenu {
        position: absolute;
        top: calc(100% + 0.2rem);
        left: 0;
        right: auto;
        min-width: 190px;
        max-width: min(270px, calc(100vw - 2rem));
    }

    body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation .ventrius-topnav-submenu .nav-item-has-submenu > .ventrius-topnav-submenu {
        position: absolute;
        top: -0.25rem;
        left: calc(100% + 0.08rem);
        right: auto;
        min-width: 180px;
        max-width: min(240px, calc(100vw - 2rem));
    }

    body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item.submenu-open-left > .ventrius-topnav-submenu {
        left: auto;
        right: 0;
    }

    body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation .ventrius-topnav-submenu .nav-item-has-submenu.submenu-open-left > .ventrius-topnav-submenu {
        left: auto;
        right: calc(100% + 0.08rem);
    }

    body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation .ventrius-topnav-submenu .nav-item-has-submenu.show-submenu > .ventrius-topnav-submenu::before {
        content: "";
        position: absolute;
        top: 0.3rem;
        bottom: 0.3rem;
        left: -0.42rem;
        width: 0.42rem;
        background: transparent;
    }

    body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation .ventrius-topnav-submenu .nav-item-has-submenu.submenu-open-left.show-submenu > .ventrius-topnav-submenu::before {
        left: auto;
        right: -0.42rem;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item:hover .ventrius-topnav-submenu {
        display: none !important;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item:hover > .ventrius-topnav-submenu,
    body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item.show-submenu > .ventrius-topnav-submenu,
    body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item-has-submenu.show-submenu > .ventrius-topnav-submenu {
        display: block !important;
    }
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item > .nav-link {
    display: block;
    border-radius: 4px;
    padding: 0.42rem 0.8rem;
    color: #3f3f46;
    font-size: 0.82rem;
    line-height: 1.35;
    margin: 0;
    white-space: nowrap;
}

body[data-ventrius-ui-theme="mono"] .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-radius: 4px;
    padding: 0.45rem 0.6rem;
    color: #3f3f46;
    font-size: 0.83rem;
    margin: 0;
    white-space: nowrap;
}

body[data-ventrius-ui-theme="mono"] .ventrius-profile-dropdown-menu .ventrius-profile-action-label {
    margin-left: auto;
    text-align: right;
}

/* Two-line actions (title + hint) would otherwise centre the icon against the taller row. */
body[data-ventrius-ui-theme="mono"] .dropdown-menu .dropdown-item.ventrius-profile-action-stacked {
    align-items: flex-start;
}

body[data-ventrius-ui-theme="mono"] .ventrius-profile-dropdown-menu [data-ventrius-support-shortcut],
body[data-ventrius-ui-theme="mono"] .ventrius-profile-dropdown-menu [data-ventrius-followup-shortcut] {
    display: none;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item > .nav-link::before {
    display: none;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item > .nav-link .badge {
    margin-left: 0.45rem;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item > .nav-link:hover,
body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item > .nav-link:focus-visible,
body[data-ventrius-ui-theme="mono"] .dropdown-menu .dropdown-item:hover,
body[data-ventrius-ui-theme="mono"] .dropdown-menu .dropdown-item:focus-visible {
    background: #f4f4f5;
    color: #09090b;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item > .nav-link.active,
body[data-ventrius-ui-theme="mono"] .dropdown-menu .dropdown-item.active {
    background: #f4f4f5;
    color: #09090b;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item-has-submenu > .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item-has-submenu.show-submenu > .nav-link {
    background: #f4f4f5;
    color: #09090b;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item-has-submenu > .nav-link .submenu-arrow {
    display: inline-flex;
    align-items: center;
    color: inherit;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item-has-submenu > .nav-link .submenu-arrow::before {
    content: "";
    border: solid currentColor;
    border-width: 0 1.5px 1.5px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    transition: transform 0.18s ease;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item-has-submenu.show-submenu > .nav-link .submenu-arrow::before {
    transform: rotate(-45deg);
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item-has-submenu.submenu-open-left > .nav-link .submenu-arrow::before {
    transform: rotate(135deg);
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .category-heading {
    list-style: none;
    padding: 0 0.6rem 0.35rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #71717a;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .category-heading:not(:first-child) {
    margin-top: 0.55rem;
    padding-top: 0.55rem;
    border-top: 1px solid #e4e4e7;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .category-heading.is-active {
    color: var(--modern-navy-800);
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .badge.bg-danger {
    margin-left: 0.35rem;
}

body[data-ventrius-ui-theme="mono"] .ventrius-topnav-page-wrapper {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

body[data-ventrius-ui-theme="mono"] .page-content {
    padding-top: 1.2rem;
    padding-bottom: 2rem;
}

body[data-ventrius-ui-theme="mono"] .card,
body[data-ventrius-ui-theme="mono"] .modal-content,
body[data-ventrius-ui-theme="mono"] .ventrius-search-panel {
    background: #ffffff;
    border: 1px solid #e4e4e7;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

body[data-ventrius-ui-theme="mono"] .card-title,
body[data-ventrius-ui-theme="mono"] .modal-title,
body[data-ventrius-ui-theme="mono"] h1,
body[data-ventrius-ui-theme="mono"] h2,
body[data-ventrius-ui-theme="mono"] h3,
body[data-ventrius-ui-theme="mono"] h4,
body[data-ventrius-ui-theme="mono"] h5,
body[data-ventrius-ui-theme="mono"] h6,
body[data-ventrius-ui-theme="mono"] .h1,
body[data-ventrius-ui-theme="mono"] .h2,
body[data-ventrius-ui-theme="mono"] .h3,
body[data-ventrius-ui-theme="mono"] .h4,
body[data-ventrius-ui-theme="mono"] .h5,
body[data-ventrius-ui-theme="mono"] .h6 {
    color: var(--modern-navy-heading-color);
}

body[data-ventrius-ui-theme="mono"] .card-subtitle,
body[data-ventrius-ui-theme="mono"] .text-muted {
    color: var(--modern-navy-muted-color) !important;
}

body[data-ventrius-ui-theme="mono"] .btn-primary,
body[data-ventrius-ui-theme="mono"] .btn.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
    background: #18181b;
    border-color: transparent;
    color: #fff;
    box-shadow: none;
}

body[data-ventrius-ui-theme="mono"] .btn-outline-primary {
    --bs-btn-color: var(--modern-navy-btn-outline-primary-color);
    --bs-btn-border-color: var(--modern-navy-btn-outline-primary-border);
    --bs-btn-bg: var(--modern-navy-btn-outline-primary-bg);
    --bs-btn-hover-color: var(--modern-navy-btn-outline-primary-hover-color);
    --bs-btn-hover-border-color: var(--modern-navy-btn-outline-primary-hover-border);
    --bs-btn-hover-bg: var(--modern-navy-btn-outline-primary-hover-bg);
    --bs-btn-active-color: var(--modern-navy-btn-outline-primary-hover-color);
    --bs-btn-active-border-color: var(--modern-navy-btn-outline-primary-hover-border);
    --bs-btn-active-bg: var(--modern-navy-btn-outline-primary-hover-bg);
    --bs-btn-focus-shadow-rgb: 9, 9, 11;
}

body[data-ventrius-ui-theme="mono"] .btn-outline-secondary,
body[data-ventrius-ui-theme="mono"] .btn-light {
    --bs-btn-color: var(--modern-navy-btn-outline-secondary-color);
    --bs-btn-border-color: var(--modern-navy-btn-outline-secondary-border);
    --bs-btn-bg: var(--modern-navy-btn-outline-secondary-bg);
    --bs-btn-hover-color: var(--modern-navy-btn-outline-secondary-hover-color);
    --bs-btn-hover-border-color: var(--modern-navy-btn-outline-secondary-hover-border);
    --bs-btn-hover-bg: var(--modern-navy-btn-outline-secondary-hover-bg);
    --bs-btn-active-color: var(--modern-navy-btn-outline-secondary-hover-color);
    --bs-btn-active-border-color: var(--modern-navy-btn-outline-secondary-hover-border);
    --bs-btn-active-bg: var(--modern-navy-btn-outline-secondary-hover-bg);
    --bs-btn-focus-shadow-rgb: 9, 9, 11;
}

body[data-ventrius-ui-theme="mono"] .nav.nav-tabs {
    border-bottom-color: var(--modern-navy-tab-border-color);
}

body[data-ventrius-ui-theme="mono"] .nav.nav-tabs .nav-link {
    border: 0;
    border-radius: 6px 6px 0 0;
    color: var(--modern-navy-tab-color);
    font-weight: 600;
}

body[data-ventrius-ui-theme="mono"] .nav.nav-tabs .nav-link:hover,
body[data-ventrius-ui-theme="mono"] .nav.nav-tabs .nav-link:focus-visible {
    color: var(--modern-navy-tab-hover-color);
    background: var(--modern-navy-tab-hover-bg);
}

body[data-ventrius-ui-theme="mono"] .nav.nav-tabs .nav-link.active {
    color: var(--modern-navy-tab-active-color);
    background: var(--modern-navy-tab-active-bg);
}

body[data-ventrius-ui-theme="mono"] .breadcrumb {
    margin-bottom: 0;
}

body[data-ventrius-ui-theme="mono"] .breadcrumb .breadcrumb-item,
body[data-ventrius-ui-theme="mono"] .breadcrumb .breadcrumb-item a {
    color: #71717a;
}

body[data-ventrius-ui-theme="mono"] .footer {
    background: transparent;
    border-top-color: #e4e4e7 !important;
}

body[data-ventrius-ui-theme="mono"] .badge.bg-danger {
    background: #d94b6a !important;
}

@media (max-width: 1399.98px) {
    body[data-ventrius-ui-theme="mono"] .ventrius-modern-search-form {
        display: none !important;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-company-nav-item .ventrius-modern-nav-label,
    body[data-ventrius-ui-theme="mono"] .ventrius-modern-branch-nav-item .ventrius-modern-nav-label,
    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .text-secondary,
    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .d-none.d-md-block {
        display: none !important;
    }
}

@media (max-width: 1199.98px), (max-width: 1399.98px) and (pointer: coarse), (max-width: 1399.98px) and (any-pointer: coarse), (max-width: 1399.98px) and (hover: none), (max-width: 1399.98px) and (any-hover: none) {
    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar {
        min-height: 64px;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .container-fluid {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-content {
        gap: 0.45rem !important;
        justify-content: space-between;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand {
        flex: 0 1 auto;
        max-width: 260px;
        gap: 0.55rem !important;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand-name {
        max-width: 130px;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-search-form {
        display: none !important;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav {
        flex: 0 1 auto;
        gap: 0.25rem;
        margin-left: auto;
        max-width: none;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .nav-link,
    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .btn {
        min-width: 40px;
        min-height: 40px;
        justify-content: center;
        padding: 0.45rem 0.55rem;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-company-nav-item .ventrius-modern-nav-label,
    body[data-ventrius-ui-theme="mono"] .ventrius-modern-branch-nav-item .ventrius-modern-nav-label,
    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .text-secondary,
    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .d-none.d-md-block {
        display: none !important;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-bottomnav {
        display: none;
    }

    body[data-ventrius-ui-theme="mono"].ventrius-topnav-nav-open .ventrius-modern-bottomnav,
    body[data-ventrius-ui-theme="mono"] .ventrius-modern-bottomnav.header-toggled {
        display: block;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-topnav-toggle {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        order: 2;
        flex: 0 0 42px;
        position: relative;
        z-index: 6;
        margin-left: auto;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav {
        order: 3;
        margin-left: 0;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-duplicate-page-nav-item,
    body[data-ventrius-ui-theme="mono"] .ventrius-modern-help-docs-nav-item,
    body[data-ventrius-ui-theme="mono"] .ventrius-quick-access {
        display: none !important;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu {
        flex-direction: column;
        overflow: visible;
        white-space: normal;
        gap: 0.2rem;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item {
        width: 100%;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item > .nav-link,
    body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item > .nav-link {
        width: 100%;
        justify-content: space-between;
    }

    body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation .nav-item > .ventrius-topnav-submenu,
    body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu {
        width: 100%;
        position: static !important;
        transform: none !important;
        box-shadow: none;
        margin-top: 0.4rem !important;
        border-radius: 6px;
        border: 1px solid #e4e4e7 !important;
        padding: 0.3rem;
        max-width: none;
        overflow: visible;
    }

    body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation .nav-item > .ventrius-topnav-submenu {
        display: none !important;
    }

    body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation .nav-item.show-submenu > .ventrius-topnav-submenu,
    body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item.show-submenu > .ventrius-topnav-submenu,
    body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item-has-submenu.show-submenu > .ventrius-topnav-submenu {
        display: block !important;
    }

    body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation .ventrius-topnav-submenu > .submenu-item {
        width: 100%;
        padding: 0;
    }

    body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation .ventrius-topnav-submenu .nav-item > .nav-link {
        display: flex;
        align-items: center;
        min-height: 46px;
        padding: 0.72rem 1rem;
        font-size: 0.95rem;
        line-height: 1.3;
        white-space: normal;
    }
}

@media (max-width: 767.98px) {
    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-content {
        gap: 0.35rem !important;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand-subtitle,
    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .text-secondary,
    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .d-none.d-md-block {
        display: none !important;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav {
        gap: 0.18rem;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .nav-link {
        min-width: 38px;
        min-height: 38px;
        padding: 0.4rem 0.5rem;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand {
        max-width: 175px;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand-name {
        max-width: 95px;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .theme-switcher-wrapper {
        margin: 0 0.1rem;
    }
}

@media (max-width: 575.98px) {
    body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand {
        flex: 1 1 0;
        max-width: 74px;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand > span {
        display: none !important;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand-mark {
        height: 40px;
        padding: 3px;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .theme-switcher-wrapper {
        display: none !important;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .nav-link {
        min-width: 36px;
        min-height: 36px;
        padding: 0.38rem 0.45rem;
    }

    body[data-ventrius-ui-theme="mono"] .ventrius-topnav-toggle {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        padding: 0.55rem 0.6rem;
    }
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"],
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] {
    --ventrius-compact-border-color: #27272a;
    --ventrius-compact-field-bg: #09090b;
    --ventrius-compact-table-header-bg: #27272a;
    --ventrius-compact-table-row-bg: #18181b;
    --ventrius-compact-label-color: #a1a1aa;
    --ventrius-compact-link-color: #fafafa;
    --ventrius-compact-link-hover-color: #ffffff;
    --modern-navy-heading-color: #fafafa;
    --modern-navy-muted-color: #a1a1aa;
    --modern-navy-tab-border-color: #27272a;
    --modern-navy-tab-color: #a1a1aa;
    --modern-navy-tab-hover-color: #f4f4f5;
    --modern-navy-tab-active-color: #fafafa;
    --modern-navy-tab-hover-bg: #27272a;
    --modern-navy-tab-active-bg: #3f3f46;
    --modern-navy-btn-outline-primary-color: #fafafa;
    --modern-navy-btn-outline-primary-border: #3f3f46;
    --modern-navy-btn-outline-primary-bg: transparent;
    --modern-navy-btn-outline-primary-hover-color: #09090b;
    --modern-navy-btn-outline-primary-hover-border: #fafafa;
    --modern-navy-btn-outline-primary-hover-bg: #fafafa;
    --modern-navy-btn-outline-secondary-color: #d4d4d8;
    --modern-navy-btn-outline-secondary-border: #3f3f46;
    --modern-navy-btn-outline-secondary-bg: transparent;
    --modern-navy-btn-outline-secondary-hover-color: #fafafa;
    --modern-navy-btn-outline-secondary-hover-border: #52525b;
    --modern-navy-btn-outline-secondary-hover-bg: #27272a;
    --ventrius-dx-bg: #18181b;
    --ventrius-dx-surface-bg: #18181b;
    --ventrius-dx-header-bg: #27272a;
    --ventrius-dx-hover-bg: #27272a;
    --ventrius-dx-border-color: #27272a;
    --ventrius-dx-text-color: #fafafa;
    --ventrius-dx-muted-color: #a1a1aa;
    --ventrius-dx-link-color: #fafafa;
    --ventrius-dx-control-bg: #18181b;
    --ventrius-dx-filter-input-bg: #09090b;
    --ventrius-dx-control-hover-bg: #27272a;
    --ventrius-dx-selected-bg: #3f3f46;
    --bs-primary: #fafafa;
    --bs-primary-rgb: 250, 250, 250;
    --bs-primary-text-emphasis: #fafafa;
    --bs-primary-bg-subtle: #27272a;
    --bs-primary-border-subtle: #3f3f46;
    --bs-link-color: #fafafa;
    --bs-link-color-rgb: 250, 250, 250;
    --bs-link-hover-color: #ffffff;
    --bs-link-hover-color-rgb: 255, 255, 255;
    --bs-focus-ring-color: rgba(250, 250, 250, 0.12);
    accent-color: #fafafa;
    background: #09090b;
    color: #fafafa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-topbar {
    background: #09090b;
    border-bottom-color: #27272a;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-bottomnav,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-bottomnav {
    background: #09090b;
    border-bottom-color: #27272a;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .dropdown-toggle::after,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .dropdown-toggle::after {
    border-top-color: #a1a1aa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu .nav-link,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-topnav-menu .nav-link {
    color: #d4d4d8;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item > .nav-link:hover,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item > .nav-link[aria-expanded="true"],
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item.active > .nav-link,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item > .nav-link.active,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item.show-submenu > .nav-link,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item > .nav-link:hover,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item > .nav-link[aria-expanded="true"],
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item.active > .nav-link,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item > .nav-link.active,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-topnav-menu > .nav-item.show-submenu > .nav-link {
    background: #27272a;
    color: #fafafa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item > .nav-link,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .category-heading,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item > .nav-link,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .category-heading {
    color: #d4d4d8;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item > .nav-link:hover,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item > .nav-link:focus-visible,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item > .nav-link.active,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item > .nav-link:hover,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item > .nav-link:focus-visible,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .nav-item > .nav-link.active {
    background: #27272a;
    color: #fafafa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .card,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .modal-content,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .dropdown-menu,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-search-panel,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .card,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .modal-content,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .dropdown-menu,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-search-panel {
    background: #18181b;
    border-color: #27272a;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* ------------------------------------------------------------------------ */
/* Ventrius Mono hand-authored layer (net-new rules beyond the clone).      */
/* ------------------------------------------------------------------------ */

body[data-ventrius-ui-theme="mono"] {
    font-family: "Inter", "Roboto", -apple-system, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
}

body[data-ventrius-ui-theme="mono"] ::selection {
    background: #18181b;
    color: #fafafa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] ::selection,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] ::selection {
    background: #d4d4d8;
    color: #09090b;
}

body[data-ventrius-ui-theme="mono"] a:focus-visible,
body[data-ventrius-ui-theme="mono"] .btn:focus-visible {
    outline: 2px solid #18181b;
    outline-offset: 2px;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] a:focus-visible,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .btn:focus-visible,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] a:focus-visible,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .btn:focus-visible {
    outline-color: #d4d4d8;
}

/* Flat primary button needs explicit hover/active states: the clone's
   body-scoped background declaration outranks Bootstrap's .btn:hover. */
body[data-ventrius-ui-theme="mono"] .btn-primary:hover,
body[data-ventrius-ui-theme="mono"] .btn.btn-primary:hover,
body[data-ventrius-ui-theme="mono"] .btn-primary:focus-visible,
body[data-ventrius-ui-theme="mono"] .btn.btn-primary:focus-visible {
    background: #27272a;
}

body[data-ventrius-ui-theme="mono"] .btn-primary:active,
body[data-ventrius-ui-theme="mono"] .btn.btn-primary:active,
body[data-ventrius-ui-theme="mono"] .btn-primary.active,
body[data-ventrius-ui-theme="mono"] .btn.btn-primary.active {
    background: #3f3f46;
}

/* Dark-mode counterparts the donor never needed (its topbar is dark navy in
   both color modes; its primary button stays dark). Mono flips both. */
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .btn-primary,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .btn.btn-primary,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .btn-primary,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .btn.btn-primary {
    --bs-btn-color: #09090b;
    --bs-btn-hover-color: #09090b;
    --bs-btn-active-color: #09090b;
    background: #fafafa;
    color: #09090b;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .btn-primary:hover,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .btn.btn-primary:hover,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .btn-primary:focus-visible,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .btn.btn-primary:focus-visible,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .btn-primary:hover,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .btn.btn-primary:hover,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .btn-primary:focus-visible,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .btn.btn-primary:focus-visible {
    background: #e4e4e7;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .btn-primary:active,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .btn.btn-primary:active,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .btn-primary.active,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .btn.btn-primary.active,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .btn-primary:active,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .btn.btn-primary:active,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .btn-primary.active,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .btn.btn-primary.active {
    background: #d4d4d8;
}

/* The demo2 template paints the brand indigo via
   .horizontal-menu .navbar .navbar-content .navbar-brand span (0,4,1), which
   outranks the cloned theme rules (0,3,1) in EVERY topnav theme (donor
   included). Monochrome is the whole point here, so Mono out-specifies it. */
body[data-ventrius-ui-theme="mono"] .horizontal-menu .navbar .navbar-content .navbar-brand,
body[data-ventrius-ui-theme="mono"] .horizontal-menu .navbar .navbar-content .navbar-brand span {
    color: #09090b;
}

body[data-ventrius-ui-theme="mono"] .horizontal-menu .navbar .navbar-content .navbar-brand span.ventrius-modern-brand-subtitle {
    color: #71717a;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .horizontal-menu .navbar .navbar-content .navbar-brand,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .horizontal-menu .navbar .navbar-content .navbar-brand span,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .horizontal-menu .navbar .navbar-content .navbar-brand,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .horizontal-menu .navbar .navbar-content .navbar-brand span {
    color: #fafafa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .horizontal-menu .navbar .navbar-content .navbar-brand span.ventrius-modern-brand-subtitle,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .horizontal-menu .navbar .navbar-content .navbar-brand span.ventrius-modern-brand-subtitle {
    color: #a1a1aa;
}

/* Dark topbar chrome (light-mode values live in the cloned body above). */
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand .ventrius-modern-brand-name,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .ventrius-profile-dropdown > .nav-link .text-end > p,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-brand,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-brand .ventrius-modern-brand-name,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .ventrius-profile-dropdown > .nav-link .text-end > p {
    color: #fafafa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand .ventrius-modern-brand-subtitle,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-brand .ventrius-modern-brand-subtitle {
    color: #a1a1aa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-brand-mark,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-brand-mark {
    border-color: #27272a;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-search-form .input-group,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-search-form .input-group {
    background: #18181b;
    border-color: #27272a;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-search-form .input-group-text,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-search-form .input-group-text {
    color: #a1a1aa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-search-form .form-control,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-search-form .form-control {
    color: #fafafa !important;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-search-form .form-control::placeholder,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-search-form .form-control::placeholder {
    color: #71717a;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .nav-link,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .btn,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .theme-switcher-wrapper,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .nav-link,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .btn,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .theme-switcher-wrapper {
    color: #d4d4d8;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .nav-link:hover,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .nav-link[aria-expanded="true"],
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .nav-link:hover,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .nav-link[aria-expanded="true"] {
    color: #fafafa;
    background: #27272a;
    border-color: #3f3f46;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .text-secondary,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .text-muted,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .text-secondary,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-modern-topbar .navbar-nav .text-muted {
    color: #a1a1aa !important;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-topnav-toggle,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-topnav-toggle {
    border-color: #3f3f46;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-topnav-toggle span,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-topnav-toggle span {
    background: #fafafa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] #branchScopeDropdown,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] #branchScopeDropdownLabel,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] #branchScopeDropdown i,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] #branchScopeDropdown svg,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] #branchScopeDropdown,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] #branchScopeDropdownLabel,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] #branchScopeDropdown i,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] #branchScopeDropdown svg {
    color: #fafafa !important;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] #branchScopeDropdown.dropdown-toggle::after,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] #branchScopeDropdown.dropdown-toggle::after {
    border-top-color: #a1a1aa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .dropdown-menu .dropdown-item,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .dropdown-menu .dropdown-item {
    color: #d4d4d8;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .dropdown-menu .dropdown-item:hover,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .dropdown-menu .dropdown-item:focus-visible,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .dropdown-menu .dropdown-item.active,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .dropdown-menu .dropdown-item:hover,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .dropdown-menu .dropdown-item:focus-visible,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .dropdown-menu .dropdown-item.active {
    background: #27272a;
    color: #fafafa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .category-heading.is-active,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .ventrius-topnav-submenu .category-heading.is-active {
    color: #fafafa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .breadcrumb .breadcrumb-item,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .breadcrumb .breadcrumb-item a,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .breadcrumb .breadcrumb-item,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .breadcrumb .breadcrumb-item a {
    color: #a1a1aa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .footer,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .footer {
    border-top-color: #27272a !important;
}

/* DevExtreme's theme CSS (dx.light/dx.dark.compact) ships a generic anchor
   rule (#337ab7) that beats Bootstrap's var-driven `a` rule. Reset links at
   (0,1,1), then re-point anchor-buttons back at Bootstrap's per-variant
   button vars so a.btn-* keep their intended colors and hover states. */
body[data-ventrius-ui-theme="mono"] a {
    color: #18181b;
}

body[data-ventrius-ui-theme="mono"] a:hover,
body[data-ventrius-ui-theme="mono"] a:focus-visible {
    color: #09090b;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] a,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] a {
    color: #fafafa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] a:hover,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] a:focus-visible,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] a:hover,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] a:focus-visible {
    color: #ffffff;
}

body[data-ventrius-ui-theme="mono"] a.btn {
    color: var(--bs-btn-color);
}

body[data-ventrius-ui-theme="mono"] a.btn:hover,
body[data-ventrius-ui-theme="mono"] a.btn:focus-visible {
    color: var(--bs-btn-hover-color);
}

body[data-ventrius-ui-theme="mono"] a.btn:active,
body[data-ventrius-ui-theme="mono"] a.btn.active {
    color: var(--bs-btn-active-color);
}

/* The dark link blanket above is (0,2,2), outranking a.btn at (0,2,1) —
   reconnect anchor-buttons to the button vars in dark mode too. */
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] a.btn,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] a.btn {
    color: var(--bs-btn-color);
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] a.btn:hover,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] a.btn:focus-visible,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] a.btn:hover,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] a.btn:focus-visible {
    color: var(--bs-btn-hover-color);
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] a.btn:active,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] a.btn.active,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] a.btn:active,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] a.btn.active {
    color: var(--bs-btn-active-color);
}

/* The demo2 template paints the ACTIVE/HOVERED topnav item's inner spans
   (.menu-title/.link-icon/.link-arrow) indigo at (0,6,0), past the cloned
   nav-link rules — same trap as the brand chip above. Mirror both rules. */
body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .link-arrow,
body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .link-icon,
body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .menu-title,
body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link .link-arrow,
body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link .link-icon,
body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link .menu-title {
    color: #09090b;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .link-arrow,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .link-icon,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .menu-title,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link .link-arrow,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link .link-icon,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link .menu-title,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .link-arrow,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .link-icon,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .menu-title,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link .link-arrow,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link .link-icon,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .horizontal-menu .bottom-navbar .page-navigation > .nav-item.active > .nav-link .menu-title {
    color: #fafafa;
}

/* Bootstrap compiles the template's indigo $primary (#6571ff) directly into
   components that never read the CSS variables (nav-pills, pagination, form
   checks, focus rings, progress). The --bs-primary/--bs-link-* flips in the
   two variable blocks above cover the var-driven surface; these rules cover
   the compiled-hex stragglers. Semantic danger/warning/success stay. */
body[data-ventrius-ui-theme="mono"] .nav-pills {
    --bs-nav-pills-link-active-bg: #18181b;
    --bs-nav-pills-link-active-color: #fafafa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .nav-pills,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .nav-pills {
    --bs-nav-pills-link-active-bg: #fafafa;
    --bs-nav-pills-link-active-color: #09090b;
}

body[data-ventrius-ui-theme="mono"] .pagination {
    --bs-pagination-color: #3f3f46;
    --bs-pagination-hover-color: #09090b;
    --bs-pagination-focus-color: #09090b;
    --bs-pagination-active-bg: #18181b;
    --bs-pagination-active-border-color: #18181b;
    --bs-pagination-active-color: #fafafa;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(24, 24, 27, 0.1);
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .pagination,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .pagination {
    --bs-pagination-color: #a1a1aa;
    --bs-pagination-hover-color: #fafafa;
    --bs-pagination-focus-color: #fafafa;
    --bs-pagination-active-bg: #fafafa;
    --bs-pagination-active-border-color: #fafafa;
    --bs-pagination-active-color: #09090b;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(250, 250, 250, 0.1);
}

body[data-ventrius-ui-theme="mono"] .btn-link {
    color: #18181b;
}

body[data-ventrius-ui-theme="mono"] .btn-link:hover,
body[data-ventrius-ui-theme="mono"] .btn-link:focus-visible {
    color: #09090b;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .btn-link,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .btn-link {
    color: #fafafa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .btn-link:hover,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .btn-link:focus-visible,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .btn-link:hover,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .btn-link:focus-visible {
    color: #ffffff;
}

body[data-ventrius-ui-theme="mono"] .form-control:focus,
body[data-ventrius-ui-theme="mono"] .form-select:focus {
    border-color: #a1a1aa;
    box-shadow: 0 0 0 0.25rem rgba(24, 24, 27, 0.08);
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .form-control:focus,
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .form-select:focus,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .form-control:focus,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .form-select:focus {
    border-color: #52525b;
    box-shadow: 0 0 0 0.25rem rgba(250, 250, 250, 0.08);
}

body[data-ventrius-ui-theme="mono"] .form-check-input:checked {
    background-color: #18181b;
    border-color: #18181b;
}

body[data-ventrius-ui-theme="mono"] .form-check-input:focus {
    border-color: #a1a1aa;
    box-shadow: 0 0 0 0.25rem rgba(24, 24, 27, 0.1);
}

body[data-ventrius-ui-theme="mono"] .form-switch .form-check-input:focus:not(:checked) {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23a1a1aa'/%3e%3c/svg%3e");
}

/* Dark checks flip to a light fill, so the stock white glyphs need dark ones. */
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .form-check-input:checked,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .form-check-input:checked {
    background-color: #fafafa;
    border-color: #fafafa;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .form-check-input:checked[type="checkbox"],
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%2309090b' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .form-check-input:checked[type="radio"],
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2309090b'/%3e%3c/svg%3e");
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .form-switch .form-check-input:checked,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2309090b'/%3e%3c/svg%3e");
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .form-check-input:focus,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .form-check-input:focus {
    border-color: #52525b;
    box-shadow: 0 0 0 0.25rem rgba(250, 250, 250, 0.1);
}

body[data-ventrius-ui-theme="mono"] .progress-bar {
    background-color: #18181b;
}

html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .progress-bar,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .progress-bar {
    background-color: #fafafa;
}

/* --bs-primary flips near-white in dark mode; the badge's compiled white text
   would vanish on it. */
html[data-bs-theme="dark"] body[data-ventrius-ui-theme="mono"] .badge.bg-primary,
body[data-bs-theme="dark"][data-ventrius-ui-theme="mono"] .badge.bg-primary {
    color: #09090b;
}

/* DevExtreme rides the compact variables, which the clone already themes per
   color mode. Best-effort coverage of the main surfaces; experimental theme. */
body[data-ventrius-ui-theme="mono"] .dx-datagrid,
body[data-ventrius-ui-theme="mono"] .dx-datagrid-rowsview,
body[data-ventrius-ui-theme="mono"] .dx-datagrid-content .dx-datagrid-table .dx-row > td,
body[data-ventrius-ui-theme="mono"] .dx-pager {
    background-color: var(--ventrius-compact-table-row-bg) !important;
    color: var(--modern-navy-heading-color) !important;
    border-color: var(--ventrius-compact-border-color) !important;
}

body[data-ventrius-ui-theme="mono"] .dx-datagrid-headers,
body[data-ventrius-ui-theme="mono"] .dx-datagrid-headers .dx-datagrid-table .dx-row > td,
body[data-ventrius-ui-theme="mono"] .dx-datagrid-group-panel,
body[data-ventrius-ui-theme="mono"] .dx-datagrid-header-panel,
body[data-ventrius-ui-theme="mono"] .dx-toolbar {
    background-color: var(--ventrius-compact-table-header-bg) !important;
    color: var(--modern-navy-heading-color) !important;
    border-color: var(--ventrius-compact-border-color) !important;
}

body[data-ventrius-ui-theme="mono"] .dx-datagrid-rowsview .dx-row-alt > td {
    background-color: var(--ventrius-compact-table-header-bg) !important;
}

body[data-ventrius-ui-theme="mono"] .dx-datagrid-rowsview .dx-row:hover > td,
body[data-ventrius-ui-theme="mono"] .dx-datagrid-rowsview .dx-row.dx-state-hover > td {
    background-color: var(--modern-navy-tab-hover-bg) !important;
}

body[data-ventrius-ui-theme="mono"] .dx-datagrid-rowsview .dx-selection > td {
    background-color: var(--modern-navy-tab-active-bg) !important;
}

body[data-ventrius-ui-theme="mono"] .dx-texteditor,
body[data-ventrius-ui-theme="mono"] .dx-texteditor.dx-editor-outlined {
    background-color: var(--ventrius-compact-field-bg) !important;
    border-color: var(--ventrius-compact-border-color) !important;
    border-radius: 4px !important;
}

body[data-ventrius-ui-theme="mono"] .dx-texteditor-input,
body[data-ventrius-ui-theme="mono"] .dx-placeholder::before {
    background-color: transparent !important;
    color: var(--modern-navy-heading-color) !important;
}

body[data-ventrius-ui-theme="mono"] .dx-placeholder {
    color: var(--modern-navy-muted-color) !important;
}

body[data-ventrius-ui-theme="mono"] .dx-overlay-content,
body[data-ventrius-ui-theme="mono"] .dx-popup-wrapper .dx-overlay-content,
body[data-ventrius-ui-theme="mono"] .dx-list,
body[data-ventrius-ui-theme="mono"] .dx-popup-title {
    background-color: var(--ventrius-compact-table-row-bg) !important;
    color: var(--modern-navy-heading-color) !important;
    border-color: var(--ventrius-compact-border-color) !important;
    border-radius: 6px !important;
}

body[data-ventrius-ui-theme="mono"] .dx-list-item {
    color: var(--modern-navy-heading-color) !important;
}

body[data-ventrius-ui-theme="mono"] .dx-list-item.dx-state-hover,
body[data-ventrius-ui-theme="mono"] .dx-list-item.dx-state-focused {
    background-color: var(--modern-navy-tab-hover-bg) !important;
}

body[data-ventrius-ui-theme="mono"] .dx-list-item-selected,
body[data-ventrius-ui-theme="mono"] .dx-list-item.dx-list-item-selected {
    background-color: var(--modern-navy-tab-active-bg) !important;
}