/* ERA Premium Theme — shared visual system for the HRMS admin application. */
:root {
  --era-primary: #1e3a8a;
  --era-primary-dark: #172554;
  --era-secondary: #4c1d95;
  --era-success: #059669;
  --era-danger: #e11d48;
  --era-warning: #d97706;
  --era-info: #0891b2;
  --era-ink: #162033;
  --era-muted: #64748b;
  --era-canvas: #edf2f9;
  --era-surface: #ffffff;
  --era-border: #dce4f0;
  --era-radius: 20px;
  --era-shadow: 0 16px 34px rgba(40, 58, 95, .12), 0 2px 5px rgba(40, 58, 95, .06);
  --era-shadow-raised: 10px 10px 24px rgba(40, 58, 95, .13), -8px -8px 20px rgba(255, 255, 255, .9);
  --era-shadow-inset: inset 3px 3px 7px rgba(40, 58, 95, .09), inset -3px -3px 7px rgba(255, 255, 255, .85);
  --bs-primary: var(--era-primary);
  --bs-primary-rgb: 30, 58, 138;
  --bs-secondary: var(--era-secondary);
  --bs-secondary-rgb: 76, 29, 149;
  --bs-success: var(--era-success);
  --bs-success-rgb: 5, 150, 105;
  --bs-danger: var(--era-danger);
  --bs-danger-rgb: 225, 29, 72;
  --bs-warning: var(--era-warning);
  --bs-warning-rgb: 217, 119, 6;
  --bs-info: var(--era-info);
  --bs-info-rgb: 8, 145, 178;
}

html { scroll-behavior: smooth; }
body, body.bg-gray-100, .main-content {
  color: var(--era-ink);
  background:
    radial-gradient(circle at 92% 0%, rgba(124,58,237,.10), transparent 30rem),
    radial-gradient(circle at 18% 100%, rgba(37,99,235,.10), transparent 34rem),
    var(--era-canvas) !important;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
body::selection { color: #fff; background: var(--era-primary); }

/* Light dimensional sidebar: suitable for dark/black organization logos. */
#sidenav-main {
  width: 25rem !important;
  min-width: 25rem !important;
  max-width: 25rem !important;
  background: linear-gradient(155deg, #ffffff 0%, #eef3fb 58%, #e5ecf7 100%) !important;
  border: 1px solid rgba(255,255,255,.95) !important;
  box-shadow: 16px 18px 38px rgba(54,72,108,.16), -5px -5px 18px rgba(255,255,255,.9) !important;
}
#sidenav-main .sidenav-header {
  background: rgba(255,255,255,.72) !important;
  border-bottom: 1px solid rgba(203,213,225,.65);
  box-shadow: 0 7px 18px rgba(51,65,85,.06);
}
#sidenav-main .navbar-brand { background: rgba(255,255,255,.65) !important; box-shadow: var(--era-shadow-inset); }
#sidenav-main .navbar-brand-img { filter: none !important; opacity: 1 !important; }
#sidenav-main .horizontal { background: #d4deec !important; }
.sidenav .nav-link,
.sidenav .nav-link .nav-link-text,
.sidenav .nav-link .sidebar-arrow,
.sidenav .collapse .nav-link,
.sidenav .collapse .nav-link span { color: #44526a !important; opacity: 1 !important; text-shadow: none !important; }
.sidenav .nav-link .nav-link-text {
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 10rem !important;
  max-width: none !important;
  padding-right: 1.25rem;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.25;
}
.sidenav .nav-link {
  min-height: 54px !important;
  margin-top: .32rem !important;
  margin-bottom: .32rem !important;
  padding: .5rem 1.2rem .5rem .65rem !important;
  color: #334155 !important;
  background: linear-gradient(145deg,#ffffff 0%,#e7edf6 100%) !important;
  border: 1px solid rgba(255,255,255,.98) !important;
  border-left: 4px solid #c7d2e3 !important;
  border-radius: 10px 999px 999px 10px !important;
  box-shadow: 6px 7px 15px rgba(46,63,98,.13),-4px -4px 10px rgba(255,255,255,.95),inset 0 1px 1px rgba(255,255,255,.9) !important;
}
.sidenav .nav-link:hover {
  color: var(--era-primary-dark) !important;
  background: linear-gradient(145deg,#ffffff,#dfe8f5) !important;
  border-color: rgba(255,255,255,.95) !important;
  border-left-color: #2563eb !important;
  box-shadow: 9px 11px 20px rgba(40,58,95,.17),-5px -5px 12px #fff,inset 0 1px 1px #fff !important;
  transform: translateX(4px) translateY(-1px) !important;
}
.sidenav .nav-link::after { display: none !important; }
.sidenav .nav-link[data-bs-toggle="collapse"]::after {
  content: "";
  display: block !important;
  position: absolute;
  right: 1.05rem;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-65%) rotate(45deg);
  transition: transform .25s ease;
}
.sidenav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after {
  transform: translateY(-30%) rotate(225deg);
}
.sidenav .nav-link .sidebar-arrow { display: none !important; }
.sidenav .nav-link.active,
.sidenav .collapse .nav-link.active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--era-primary), var(--era-secondary)) !important;
  border-color: rgba(255,255,255,.25) !important;
  border-left-color: #93c5fd !important;
  box-shadow: 8px 11px 22px rgba(30,58,138,.32),-3px -3px 9px #fff,inset 0 1px 1px rgba(255,255,255,.35),inset 0 -3px 7px rgba(23,37,84,.22) !important;
  transform: translateX(3px) !important;
}
.sidenav .nav-link.active::before { background: #fff !important; }
.sidenav .nav-link.active .nav-link-text,
.sidenav .nav-link.active .sidebar-arrow,
.sidenav .collapse .nav-link.active { color: #fff !important; }
.sidenav .nav-link:hover .nav-link-text,
.sidenav .nav-link:hover .sidebar-arrow,
.sidenav .collapse .nav-link:hover { color: var(--era-primary-dark) !important; }
.sidenav .icon.icon-shape {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  background: linear-gradient(145deg,#f8fbff,#dce5f1) !important;
  border: 1px solid #fff !important;
  border-radius: 50% !important;
  box-shadow: inset 3px 3px 7px rgba(40,58,95,.11),inset -3px -3px 7px #fff,2px 3px 7px rgba(40,58,95,.08) !important;
}
.sidenav .icon.icon-shape i { color: #53637d !important; }
.sidenav .nav-link.active .icon.icon-shape { background: rgba(255,255,255,.18) !important; border-color:rgba(255,255,255,.35)!important;box-shadow:inset 2px 2px 5px rgba(23,37,84,.22),inset -2px -2px 5px rgba(255,255,255,.22)!important; }
.sidenav .nav-link.active .icon.icon-shape i { color: #fff !important; }
.sidenav .collapse .navbar-nav { position:relative;margin:.25rem .65rem .45rem 1.15rem!important;padding:.35rem!important;background:#e3eaf4;border:1px solid rgba(255,255,255,.9);border-radius:8px 22px 22px 8px;box-shadow:inset 4px 4px 9px rgba(40,58,95,.1),inset -4px -4px 9px #fff!important; }
.sidenav .collapse .nav-link { min-height:42px!important;margin:.2rem 0!important;padding:.4rem .85rem!important;background:transparent!important;border:0!important;border-radius:7px 999px 999px 7px!important;box-shadow:none!important;color:#52627a!important; }
.sidenav .collapse .nav-link:hover { background:rgba(255,255,255,.72)!important;box-shadow:3px 4px 9px rgba(40,58,95,.09)!important;transform:translateX(3px)!important; }
.sidenav .collapse .nav-link.active { color:#fff!important;background:linear-gradient(135deg,#1e3a8a,#4c1d95)!important;box-shadow:4px 6px 12px rgba(30,58,138,.24)!important; }
#sidenav-collapse-main { scrollbar-color: #a9b8cf transparent !important; }

/* Header and content surfaces */
#navbarBlur.navbar-main {
  position: relative !important;
  z-index: 1055 !important;
  overflow: visible !important;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(235,241,249,.94)) !important;
  border: 1px solid rgba(255,255,255,.95) !important;
  box-shadow: var(--era-shadow-raised) !important;
  backdrop-filter: blur(18px);
  border-radius: 18px !important;
  padding: .65rem .8rem !important;
}
#navbarBlur > .container-fluid {
  min-height: 60px !important;
  padding: 0 .35rem !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
}

/* Floating command bar shared by admin and employee workspaces. */
#navbarBlur.era-command-nav{min-height:82px;padding:.72rem .9rem!important;color:#fff!important;background:linear-gradient(115deg,#0f172a 0%,#172554 48%,#312e81 100%)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:22px!important;box-shadow:0 18px 40px rgba(15,23,42,.27),inset 0 1px 1px rgba(255,255,255,.16)!important}
#navbarBlur.era-command-nav::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 72% -40%,rgba(96,165,250,.24),transparent 34%);pointer-events:none}
.era-command-nav>.container-fluid{position:relative;z-index:1;gap:.8rem}.era-command-nav .admin-header-back,.era-command-nav .employee-header-back,.era-command-nav .era-sidebar-toggle{width:44px;height:44px;min-height:44px!important;padding:0!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:13px!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 7px 15px rgba(0,0,0,.15)!important}
.era-command-nav .admin-header-back:hover,.era-command-nav .employee-header-back:hover,.era-command-nav .era-sidebar-toggle:hover{background:rgba(255,255,255,.17)!important;transform:translateY(-1px)!important}.era-command-identity{flex-direction:column;justify-content:center;min-width:150px;padding-left:.9rem;border-left:1px solid rgba(255,255,255,.15);line-height:1.1}.era-command-identity .era-command-context{margin-bottom:.35rem;color:#93c5fd!important;font-size:.64rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.era-command-identity strong{max-width:190px;color:#fff!important;font-size:.91rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.era-command-nav .admin-header-search-wrap,.era-command-nav .employee-header-search-wrap{max-width:430px}.era-command-nav .admin-header-search,.era-command-nav .employee-header-search{min-height:48px;background:rgba(5,12,30,.34)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:14px!important;box-shadow:inset 3px 3px 8px rgba(0,0,0,.2),inset -1px -1px 3px rgba(255,255,255,.06)!important}.era-command-nav .admin-header-search .input-group-text,.era-command-nav .employee-header-search .input-group-text{color:#93c5fd!important;background:transparent!important}.era-command-nav .admin-header-search .form-control,.era-command-nav .employee-header-search .form-control{min-height:46px!important;color:#fff!important;background:transparent!important;box-shadow:none!important}.era-command-nav .admin-header-search .form-control::placeholder,.era-command-nav .employee-header-search .form-control::placeholder{color:#94a3b8!important}
.era-command-nav .admin-translate-wrap,.era-command-nav .employee-translate-wrap{min-height:44px;padding:.35rem .65rem;color:#dbeafe!important;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:13px}.era-command-nav .admin-translate-icon,.era-command-nav .employee-translate-icon{color:#93c5fd!important}.era-command-nav .admin-header-profile-link,.era-command-nav .employee-header-profile-link{min-height:48px;padding:.28rem .35rem .28rem .85rem!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;box-shadow:0 7px 16px rgba(0,0,0,.15)!important}.era-command-nav .admin-header-profile-name,.era-command-nav .employee-header-profile-name{color:#fff!important}.era-command-nav .admin-header-profile-role,.era-command-nav .employee-header-profile-role{color:#93c5fd!important}.era-command-nav .admin-header-avatar,.era-command-nav .employee-header-avatar{width:40px!important;height:40px!important;border:2px solid rgba(255,255,255,.8)!important;box-shadow:0 5px 12px rgba(0,0,0,.2)!important}.era-command-nav .sidenav-toggler-line{background:#fff!important}
@media(max-width:1199.98px){#navbarBlur.era-command-nav{margin-left:.75rem!important;margin-right:.75rem!important}.era-command-nav .navbar-collapse{flex-basis:auto!important}.era-command-nav .admin-header-search-wrap,.era-command-nav .employee-header-search-wrap{max-width:320px}}
@media(max-width:767.98px){
  #navbarBlur.era-command-nav{display:block!important;min-height:66px;padding:.5rem!important;margin-top:.55rem!important;border-radius:17px!important}
  .era-command-nav>.container-fluid{display:flex!important;align-items:center!important;width:100%;min-height:50px!important;padding:0 .3rem!important;gap:.45rem!important}
  .era-command-nav #navbar{display:flex!important;visibility:visible!important;opacity:1!important;flex:1 1 auto!important;align-items:center!important;width:auto!important;margin:0!important}
  .era-command-nav .admin-header-toolbar,.era-command-nav .employee-header-toolbar{display:flex!important;flex-wrap:nowrap!important}
  .era-command-nav .admin-header-search-wrap,.era-command-nav .employee-header-search-wrap,.era-command-nav .admin-translate-wrap,.era-command-nav .employee-translate-wrap,.era-command-nav .era-command-identity,.era-command-nav .era-sidebar-toggle-wrap,.era-command-nav .admin-header-profile-meta,.era-command-nav .employee-header-profile-meta{display:none!important}
  .era-command-nav .admin-header-actions,.era-command-nav .employee-header-actions{display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:flex-end!important;flex-direction:row!important;gap:.45rem!important;margin:0!important;padding:0!important}
  .era-command-nav .admin-header-actions>.nav-item,.era-command-nav .employee-header-actions>.nav-item{flex:0 0 auto!important;margin:0!important;padding:0!important}
  .era-command-nav .admin-header-actions>.nav-item.dropdown,.era-command-nav .employee-header-actions>.nav-item.dropdown{order:99!important;margin-left:.2rem!important}
  .era-command-nav .admin-header-profile-link,.era-command-nav .employee-header-profile-link{display:flex!important;width:44px!important;height:44px!important;min-height:44px!important;padding:2px!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:50%!important;box-shadow:0 6px 14px rgba(0,0,0,.2)!important}
  .era-command-nav .admin-header-avatar,.era-command-nav .employee-header-avatar{display:block!important;width:36px!important;height:36px!important;min-width:36px!important;margin:0!important;border-radius:50%!important;object-fit:cover!important}
  .era-command-nav .admin-header-mobile-icon,.era-command-nav .employee-header-mobile-back .nav-link,.era-command-nav .employee-header-mobile-menu .nav-link{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;padding:0!important;color:#fff!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:12px!important}
  .era-command-nav .admin-header-mobile-icon i,.era-command-nav .employee-header-mobile-back i{color:#fff!important}
  .era-command-nav .dropdown-menu{position:absolute!important;right:0!important;left:auto!important;top:calc(100% + .6rem)!important;min-width:230px!important}
}
#navbarBlur .navbar-collapse,
#navbarBlur .navbar-nav,
#navbarBlur .nav-item.dropdown,
.admin-header-actions,
.employee-header-actions {
  position: relative;
  overflow: visible !important;
}
#navbarBlur .nav-item.dropdown { z-index: 1060 !important; }
.admin-header-dropdown,
.employee-header-dropdown,
#navbarBlur .dropdown-menu {
  z-index: 2000 !important;
  isolation: isolate;
}
.main-content { overflow: visible !important; }
.era-sidebar-toggle {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  padding: 0 !important;
  color: #fff !important;
  background: linear-gradient(145deg, var(--era-primary), var(--era-secondary)) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 13px !important;
  box-shadow: 5px 7px 15px rgba(23,37,84,.25), inset 0 1px 1px rgba(255,255,255,.25) !important;
}
.era-sidebar-toggle-wrap { margin-right: .85rem; }
.era-sidebar-toggle i { color: #fff !important; font-size: 1.15rem; transition: transform .3s ease; }
body .card, body .modal-content, body .dropdown-menu, body .offcanvas {
  background: linear-gradient(145deg, #ffffff 0%, #f5f8fc 100%) !important;
  border: 1px solid rgba(255,255,255,.95) !important;
  border-radius: var(--era-radius) !important;
  box-shadow: var(--era-shadow) !important;
}
body .card { overflow: hidden; transition: transform .22s ease, box-shadow .22s ease; }
body .card:hover { transform: translateY(-3px); box-shadow: 14px 18px 38px rgba(40,58,95,.16), -7px -7px 18px rgba(255,255,255,.9) !important; }
body .card-header, body .modal-header { background: linear-gradient(180deg, #fff, #f8fafc) !important; border-bottom: 1px solid var(--era-border) !important; }
.card-footer, .modal-footer { background: transparent !important; border-top-color: var(--era-border) !important; }
body h1, body h2, body h3, body h4, body h5, body h6, body .h1, body .h2, body .h3, body .h4, body .h5, body .h6 { color: var(--era-ink) !important; letter-spacing: -.02em; }
body .card p, body .card span:not(.badge), body .modal-content, body .dropdown-menu { color: inherit; }
.text-secondary, .text-muted { color: var(--era-muted) !important; }
body .bg-primary, body .bg-secondary, body .bg-success, body .bg-danger, body .bg-info, body .bg-dark,
body .bg-gradient-primary, body .bg-gradient-secondary, body .bg-gradient-success, body .bg-gradient-danger,
body .bg-gradient-info, body .bg-gradient-dark { color: #fff !important; }
body .bg-primary *, body .bg-secondary *, body .bg-success *, body .bg-danger *, body .bg-info *, body .bg-dark *,
body .bg-gradient-primary *, body .bg-gradient-secondary *, body .bg-gradient-success *, body .bg-gradient-danger *,
body .bg-gradient-info *, body .bg-gradient-dark * { color: #fff !important; }
body .bg-warning, body .bg-gradient-warning { color: #fff !important; }
body .bg-warning *, body .bg-gradient-warning * { color: #fff !important; }
.admin-header-profile-name, .employee-header-profile-name { color: var(--era-ink) !important; }
.admin-header-profile-role, .employee-header-profile-role { color: var(--era-muted) !important; }
.admin-header-back, .employee-header-back { background: linear-gradient(135deg, var(--era-primary), var(--era-secondary)) !important; box-shadow: 0 8px 18px rgba(37,99,235,.24) !important; }
.admin-header-search, .employee-header-search, .admin-header-profile-link, .employee-header-profile-link, .admin-header-icon-btn {
  background: #f8fafc !important; border: 1px solid #e2e8f0 !important; box-shadow: none !important;
}

/* Controls */
body .btn { border-radius: 12px !important; min-height: 40px; padding: .65rem 1.05rem; font-weight: 700 !important; letter-spacing: .01em; box-shadow: 4px 6px 12px rgba(40,58,95,.16), inset 0 1px 1px rgba(255,255,255,.3); transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-primary, .bg-gradient-primary { color: #fff !important; border-color: transparent !important; background: linear-gradient(135deg, #172554 0%, #1e3a8a 55%, #4c1d95 100%) !important; box-shadow: 0 8px 18px rgba(23,37,84,.30) !important; }
.btn-secondary, .bg-gradient-secondary { color: #fff !important; background: linear-gradient(135deg, #667085, #475467) !important; border-color: transparent !important; }
.btn-success, .bg-gradient-success { color: #fff !important; background: linear-gradient(135deg, #1bb48b, var(--era-success)) !important; border-color: transparent !important; }
.btn-danger, .bg-gradient-danger { color: #fff !important; background: linear-gradient(135deg, #ed617c, var(--era-danger)) !important; border-color: transparent !important; }
.btn-warning, .bg-gradient-warning { color: #fff !important; background: linear-gradient(135deg, #f3b147, var(--era-warning)) !important; border-color: transparent !important; }
.btn-info, .bg-gradient-info { color: #fff !important; background: linear-gradient(135deg, #2ea9dc, var(--era-info)) !important; border-color: transparent !important; }
body .form-control, body .form-select, body .input-group-text, body select, body textarea, body input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]) {
  border: 1px solid #d7e0ec !important; border-radius: 12px !important; background: #f7f9fc !important; color: var(--era-ink); min-height: 42px; box-shadow: var(--era-shadow-inset) !important;
}
.form-control:focus, .form-select:focus, select:focus, textarea:focus, input:focus {
  border-color: var(--era-primary) !important; box-shadow: 0 0 0 3px rgba(49,87,213,.13) !important; outline: 0;
}
.form-label, label { color: #475467; font-weight: 600; }
.form-check-input:checked { background-color: var(--era-primary); border-color: var(--era-primary); }

/* Data-heavy HRMS screens */
body .table { color: #334155 !important; --bs-table-bg: transparent; border-collapse: separate; border-spacing: 0; }
.table > :not(caption) > * > * { padding: .85rem .75rem; border-bottom-color: var(--era-border); vertical-align: middle; }
body .table thead th { color: #334155 !important; background: linear-gradient(180deg, #edf3fa, #e4ebf5) !important; font-size: .72rem; letter-spacing: .055em; text-transform: uppercase; border-bottom: 1px solid #d4deeb !important; box-shadow: inset 0 1px #fff; }
body .table tbody td { color: #334155; background-color: #fff; }
.table-hover tbody tr:hover > * { background: #f7f8ff !important; }
.badge { border-radius: 999px; padding: .45em .7em; font-weight: 700; }
.alert { border: 0 !important; border-radius: 12px !important; }
.pagination .page-link { color: var(--era-primary); border-color: var(--era-border); }
.pagination .active .page-link, .page-item.active .page-link { color: #fff; background: var(--era-primary); border-color: var(--era-primary); }
.nav-pills .nav-link.active { color: #fff !important; background: linear-gradient(135deg, var(--era-primary), var(--era-secondary)) !important; box-shadow: 0 6px 16px rgba(49,87,213,.18); }
a { color: var(--era-primary); }
a:hover { color: var(--era-primary-dark); }
body .dropdown-item { color: #334155 !important; border-radius: 9px !important; }
body .dropdown-item:hover, body .dropdown-item:focus { color: var(--era-primary-dark) !important; background: #eff6ff !important; }
body .list-group-item { color: #334155; background: #fff; border-color: var(--era-border); }
body .modal-backdrop { background: #0f172a; }
body hr { border-color: #dbe2ea; opacity: 1; }

/* Desktop compact sidebar: persistent icon rail with hover labels. */
@media (min-width: 1200px) {
  #sidenav-main:hover,
  .navbar-vertical.navbar-expand-xs#sidenav-main:hover {
    width: 25rem !important;
    min-width: 25rem !important;
    max-width: 25rem !important;
  }
  body:not(.era-sidebar-collapsed) .main-content {
    width: auto !important;
    max-width: none !important;
    margin-left: 26rem !important;
  }
  #sidenav-main, .main-content { transition: width .3s ease, margin-left .3s ease, transform .3s ease; }
  body.era-sidebar-collapsed #sidenav-main,
  body.era-sidebar-collapsed #sidenav-main:hover {
    width: 5.65rem !important;
    min-width: 5.65rem !important;
    max-width: 5.65rem !important;
  }
  body.era-sidebar-collapsed .main-content {
    width: auto !important;
    max-width: none !important;
    margin-left: 6.65rem !important;
  }
  body.era-sidebar-collapsed #sidenav-main .sidenav-header { padding-left: .55rem; padding-right: .55rem; }
  body.era-sidebar-collapsed #sidenav-main .navbar-brand { justify-content: center; padding: .45rem !important; }
  body.era-sidebar-collapsed #sidenav-main .navbar-brand-img { max-width: 48px; max-height: 42px; object-fit: contain; }
  body.era-sidebar-collapsed #sidenav-main .nav-link {
    width: 52px;
    min-height: 52px;
    margin: .3rem auto;
    padding: .42rem !important;
    justify-content: center;
    border-radius: 50% !important;
    overflow: visible;
  }
  body.era-sidebar-collapsed #sidenav-main .nav-link .nav-link-text,
  body.era-sidebar-collapsed #sidenav-main .nav-link::after,
  body.era-sidebar-collapsed #sidenav-main hr,
  body.era-sidebar-collapsed #sidenav-main .sidebar-subscription-btn span,
  body.era-sidebar-collapsed #sidenav-main .sidebar-logout-btn span { display: none !important; }
  body.era-sidebar-collapsed #sidenav-main .icon.icon-shape { margin: 0 !important; }
  body.era-sidebar-collapsed #sidenav-main .nav-link .icon,
  body.era-sidebar-collapsed #sidenav-main .nav-link .icon.icon-shape,
  body.era-sidebar-collapsed #sidenav-main .nav-link .icon i {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  body.era-sidebar-collapsed #sidenav-main .nav-link .icon.icon-shape {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.era-sidebar-collapsed #sidenav-main .nav-link .icon i { color: #53637d !important; font-size: 1.05rem !important; }
  body.era-sidebar-collapsed #sidenav-main .nav-link.active .icon i { color: #fff !important; }
  /* Hide nested submenu panels only; keep the main sidebar navigation visible. */
  body.era-sidebar-collapsed #sidenav-collapse-main { display: block !important; visibility: visible !important; opacity: 1 !important; }
  body.era-sidebar-collapsed #sidenav-collapse-main > .navbar-nav { display: flex !important; visibility: visible !important; }
  body.era-sidebar-collapsed #sidenav-collapse-main > .navbar-nav > .nav-item { display: block !important; visibility: visible !important; }
  body.era-sidebar-collapsed #sidenav-collapse-main .nav-item > .collapse { display: none !important; }
  body.era-sidebar-collapsed .era-sidebar-toggle i { transform: rotate(180deg); }
}

@media (max-width: 991.98px) {
  #sidenav-main,
  .navbar-vertical.navbar-expand-xs#sidenav-main {
    width: min(25rem, calc(100vw - 1rem)) !important;
    min-width: 0 !important;
    max-width: min(25rem, calc(100vw - 1rem)) !important;
  }
  .era-sidebar-toggle { display: none !important; }
  .main-content { padding-left: .25rem; padding-right: .25rem; }
  .card { border-radius: 14px !important; }
  .table-responsive { border-radius: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}