/* Rioiz Ops — app shell */
.ops-body #global-loader { display: none !important; }
.ops-body .main-wrapper { display: flex; min-height: 100vh; background: var(--ops-canvas); }
.ops-body .sidebar { width: var(--ops-sidebar-w); background: var(--ops-sidebar-bg); border-right: none; position: fixed; top: 0; left: 0; bottom: 0; z-index: 1040; display: flex; flex-direction: column; transition: transform 0.25s ease; }
.ops-body .sidebar-logo { padding: 1.25rem 1rem; border-bottom: 1px solid rgba(255,255,255,0.06); }
.ops-body .sidebar-logo img { max-height: 36px; filter: brightness(0) invert(1); }
.ops-body .modern-profile { display: none !important; }
.ops-body .sidebar-header { padding: 1rem !important; border-bottom: 1px solid rgba(255,255,255,0.06); }
.ops-body .sidebar-profile { background: rgba(255,255,255,0.05) !important; border-radius: var(--ops-radius-sm) !important; margin-bottom: 0 !important; }
.ops-body .sidebar-profile-info h6 { color: #f1f5f9; font-weight: 600; }
.ops-body .sidebar-profile-info p { color: var(--ops-sidebar-text); margin: 0; }
.ops-body .sidebar-inner { flex: 1; overflow-y: auto; padding: 0.75rem 0; }
.ops-body .sidebar-menu .menu-title span { color: var(--ops-sidebar-text); font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 0.75rem 1.25rem 0.5rem; }
.ops-body .sidebar-menu ul li a { color: var(--ops-sidebar-text); border-radius: var(--ops-radius-sm); margin: 2px 0.75rem; padding: 0.625rem 1rem; font-size: 0.875rem; font-weight: 500; }
.ops-body .sidebar-menu ul li a:hover, .ops-body .sidebar-menu ul li.active > a { background: var(--ops-sidebar-active); color: #fff; }
.ops-body .header { position: fixed; top: 0; left: var(--ops-sidebar-w); right: 0; height: var(--ops-header-h); background: var(--ops-surface); border-bottom: 1px solid var(--ops-border); z-index: 1030; box-shadow: var(--ops-shadow-sm); }
.ops-body .header .main-header { height: 100%; display: flex; align-items: center; padding: 0 1.5rem; }
.ops-body .header-left .logo { display: none; }
.ops-body .header-user { flex: 1; }
.ops-body .header .btn-menubar { background: var(--ops-canvas); border: 1px solid var(--ops-border); border-radius: var(--ops-radius-sm); width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; color: var(--ops-heading); }
.ops-body .page-wrapper { margin-left: var(--ops-sidebar-w); margin-top: var(--ops-header-h); min-height: calc(100vh - var(--ops-header-h)); width: calc(100% - var(--ops-sidebar-w)); background: var(--ops-canvas); }
.ops-body .page-wrapper .content { padding: 1.5rem 1.75rem 2rem; }
.ops-body .footer { background: transparent !important; border-top: 1px solid var(--ops-border) !important; color: var(--ops-muted); font-size: 0.8125rem; }
.ops-page.page-wrapper.default-version { display: block; min-height: 100vh; background: var(--ops-canvas); padding-left: var(--ops-sidebar-w); padding-top: var(--ops-header-h); }
.ops-page .sidebar.bg--dark { width: var(--ops-sidebar-w); background: var(--ops-sidebar-bg) !important; position: fixed; top: 0; left: 0; bottom: 0; z-index: 1040; transition: transform 0.25s ease; }
.ops-page .sidebar__menu-header { color: var(--ops-sidebar-text); font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.ops-page .sidebar__menu .sidebar-menu-item > a, .ops-page .sidebar__menu .nav-link { color: var(--ops-sidebar-text); border-radius: var(--ops-radius-sm); margin: 2px 0.75rem; padding: 0.625rem 1rem; }
.ops-page .sidebar-menu-item.active > a, .ops-page .sidebar-menu-item > a:hover { background: var(--ops-sidebar-active); color: #fff; }
.ops-page .navbar-wrapper.bg--dark { position: fixed; top: 0; left: var(--ops-sidebar-w); right: 0; height: var(--ops-header-h); background: var(--ops-surface) !important; border-bottom: 1px solid var(--ops-border); z-index: 1030; padding: 0 1.5rem; align-items: center; color: var(--ops-heading); }
.ops-page .navbar-search-field { border-radius: var(--ops-radius-pill); border: 1px solid var(--ops-border); }
.ops-page .body-wrapper { padding: 1.5rem 1.75rem 2rem; }
@media (max-width: 991.98px) {
  .ops-body .sidebar, .ops-page .sidebar.bg--dark { transform: translateX(-100%); }
  .ops-body.sidebar-open .sidebar, .ops-page.sidebar-open .sidebar.bg--dark { transform: translateX(0); }
  .ops-body .header, .ops-page .navbar-wrapper.bg--dark { left: 0; }
  .ops-body .page-wrapper, .ops-page.page-wrapper.default-version { margin-left: 0; width: 100%; padding-left: 0; }
}