/* Rioiz Ops — legacy Smarthr / tenant admin CSS overrides (load last) */

/* ── Central admin sidebar (.ops-body) ─────────────────────────────────── */

.ops-body .sidebar .sidebar-menu > ul > li.menu-title span {
    color: #64748b !important;
}

.ops-body .sidebar .sidebar-menu > ul > li > ul > li > a,
.ops-body .sidebar .sidebar-menu > ul > li ul li a {
    color: #cbd5e1 !important;
}

.ops-body .sidebar .sidebar-menu > ul > li > ul > li > a span,
.ops-body .sidebar .sidebar-menu > ul > li ul li a span {
    color: #cbd5e1 !important;
}

.ops-body .sidebar .sidebar-menu > ul > li > ul > li > a i,
.ops-body .sidebar .sidebar-menu > ul > li ul li a i {
    color: #94a3b8 !important;
}

.ops-body .sidebar .sidebar-menu > ul > li > ul > li > a:hover,
.ops-body .sidebar .sidebar-menu > ul > li > ul > li.submenu > a:hover,
.ops-body .sidebar .sidebar-menu > ul > li ul li a:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #f1f5f9 !important;
}

.ops-body .sidebar .sidebar-menu > ul > li > ul > li > a:hover span,
.ops-body .sidebar .sidebar-menu > ul > li > ul > li.submenu > a:hover span,
.ops-body .sidebar .sidebar-menu > ul > li ul li a:hover span {
    color: #f1f5f9 !important;
}

.ops-body .sidebar .sidebar-menu > ul > li > ul > li > a:hover i,
.ops-body .sidebar .sidebar-menu > ul > li ul li a:hover i {
    color: #cbd5e1 !important;
}

.ops-body .sidebar .sidebar-menu > ul > li > ul > li.active > a,
.ops-body .sidebar .sidebar-menu > ul > li > ul > li > a.active,
.ops-body .sidebar .sidebar-menu > ul > li ul > li.active a,
.ops-body .sidebar .sidebar-menu > ul > li ul li a.active {
    background: var(--ops-sidebar-active) !important;
    color: #fff !important;
}

.ops-body .sidebar .sidebar-menu > ul > li > ul > li.active > a span,
.ops-body .sidebar .sidebar-menu > ul > li > ul > li > a.active span,
.ops-body .sidebar .sidebar-menu > ul > li ul > li.active a span,
.ops-body .sidebar .sidebar-menu > ul > li ul li a.active span {
    color: #fff !important;
}

.ops-body .sidebar .sidebar-menu > ul > li > ul > li.active > a i,
.ops-body .sidebar .sidebar-menu > ul > li > ul > li > a.active i,
.ops-body .sidebar .sidebar-menu > ul > li ul > li.active a i,
.ops-body .sidebar .sidebar-menu > ul > li ul li a.active i {
    color: #fff !important;
}

.ops-body .sidebar .sidebar-menu > ul > li > ul > li.active > a.subdrop,
.ops-body .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop {
    background: rgba(15, 118, 110, 0.35) !important;
    color: #fff !important;
}

.ops-body .sidebar .sidebar-menu > ul > li > ul > li.active > a.subdrop span,
.ops-body .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span {
    color: #fff !important;
}

.ops-body .sidebar .sidebar-menu > ul > li > ul > li.active > a.subdrop i,
.ops-body .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop i {
    color: #fff !important;
    background: transparent !important;
}

.ops-body .sidebar .sidebar-menu .menu-arrow::before {
    border-right-color: #94a3b8 !important;
    border-bottom-color: #94a3b8 !important;
}

.ops-body .sidebar .sidebar-menu > ul > li > ul > li.active > a .menu-arrow::before,
.ops-body .sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before,
.ops-body .sidebar .sidebar-menu > ul > li > ul > li > a.active .menu-arrow::before {
    border-right-color: #fff !important;
    border-bottom-color: #fff !important;
}

.ops-body .sidebar .sidebar-menu > ul > li > ul > li > a.active .menu-arrow,
.ops-body .sidebar .sidebar-menu > ul > li > a.active .menu-arrow,
.ops-body .sidebar .sidebar-menu.subdrop .menu-arrow {
    background: transparent !important;
}

.ops-body .sidebar .sidebar-menu > ul > li .submenu ul::before {
    background: rgba(255, 255, 255, 0.12) !important;
}

.ops-body .sidebar .sidebar-menu > ul li .submenu > ul li a:hover .menu-arrow::before {
    border-right-color: #cbd5e1 !important;
    border-bottom-color: #cbd5e1 !important;
}

.ops-body .sidebar .sidebar-menu > ul > li > a span {
    color: #cbd5e1 !important;
}

.ops-body .sidebar .sidebar-menu > ul > li > a.active,
.ops-body .sidebar .sidebar-menu > ul > li.active a {
    background: var(--ops-sidebar-active) !important;
    color: #fff !important;
}

.ops-body .sidebar .sidebar-menu > ul > li > a.active span,
.ops-body .sidebar .sidebar-menu > ul > li.active a span {
    color: #fff !important;
}

/* ── Central admin header ──────────────────────────────────────────────── */

.ops-body .header .btn-outline-success {
    color: var(--ops-primary-deep) !important;
    border-color: rgba(15, 118, 110, 0.35) !important;
    background: rgba(15, 118, 110, 0.08) !important;
}

.ops-body .header .btn-outline-success:hover {
    color: #fff !important;
    background: var(--ops-primary) !important;
    border-color: var(--ops-primary) !important;
}

.ops-body .header .btn-outline-primary {
    color: var(--ops-primary) !important;
    border-color: var(--ops-primary) !important;
    background: var(--ops-surface) !important;
}

.ops-body .header .btn-outline-primary:hover {
    color: #fff !important;
    background: var(--ops-primary) !important;
    border-color: var(--ops-primary) !important;
}

/* ── Hide Smarthr theme customizer (fixed Rioiz Ops tokens) ────────────── */

.ops-body .sidebar-themesettings {
    display: none !important;
}

/* ── Tenant admin sidebar (.ops-page) ──────────────────────────────────── */

.ops-page .sidebar.bg--dark .sidebar__menu-header {
    color: #64748b !important;
}

.ops-page .sidebar.bg--dark .sidebar__menu .sidebar-menu-item > a {
    color: #cbd5e1 !important;
    border-left-color: transparent !important;
}

.ops-page .sidebar.bg--dark .sidebar__menu .menu-icon {
    color: #94a3b8 !important;
    text-shadow: none !important;
}

.ops-page .sidebar.bg--dark .sidebar__menu .menu-title {
    color: #cbd5e1 !important;
}

.ops-page .sidebar.bg--dark .sidebar__menu .sidebar-menu-item > a:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}

.ops-page .sidebar.bg--dark .sidebar__menu .sidebar-menu-item > a:hover .menu-icon,
.ops-page .sidebar.bg--dark .sidebar__menu .sidebar-menu-item > a:hover .menu-title {
    color: #f1f5f9 !important;
    text-shadow: none !important;
}

.ops-page .sidebar.bg--dark .sidebar__menu .sidebar-menu-item.active > a,
.ops-page .sidebar.bg--dark .sidebar__menu .sidebar-menu-item .side-menu--open {
    background: var(--ops-sidebar-active) !important;
    color: #fff !important;
}

.ops-page .sidebar.bg--dark .sidebar__menu .sidebar-menu-item.active > a .menu-icon,
.ops-page .sidebar.bg--dark .sidebar__menu .sidebar-menu-item.active > a .menu-title,
.ops-page .sidebar.bg--dark .sidebar__menu .sidebar-menu-item .side-menu--open .menu-icon,
.ops-page .sidebar.bg--dark .sidebar__menu .sidebar-menu-item .side-menu--open .menu-title {
    color: #fff !important;
    text-shadow: none !important;
}

.ops-page .sidebar.bg--dark .sidebar__menu .sidebar-dropdown > a::before {
    color: #94a3b8 !important;
}

.ops-page .sidebar.bg--dark .sidebar__menu .sidebar-menu-item.active > a.sidebar-dropdown::before,
.ops-page .sidebar.bg--dark .sidebar__menu .sidebar-menu-item .side-menu--open.sidebar-dropdown::before {
    color: #fff !important;
}

.ops-page .sidebar.bg--dark .sidebar-submenu .sidebar-menu-item > a {
    color: #94a3b8 !important;
}

.ops-page .sidebar.bg--dark .sidebar-submenu .sidebar-menu-item.active > a,
.ops-page .sidebar.bg--dark .sidebar-submenu .sidebar-menu-item > a:hover {
    color: #f1f5f9 !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

.ops-page .sidebar.bg--dark .sidebar-submenu .sidebar-menu-item.active > a {
    background: rgba(15, 118, 110, 0.35) !important;
    color: #fff !important;
}