/* Compatibility layer: load after legacy theme and page head content. */
body.joviqo-shell{background:var(--joviqo-cloud)!important;color:var(--joviqo-text);font-family:var(--joviqo-font)!important;font-size:13px;line-height:1.55}
body.joviqo-shell:before{content:none!important}
.joviqo-shell #wrapper,.joviqo-shell #page-wrapper{background:var(--joviqo-cloud)!important}
.joviqo-shell #wrapper{position:relative!important;min-height:100vh!important;overflow-x:hidden}
.joviqo-shell .navbar-static-side{position:absolute!important;top:0!important;left:0!important;width:235px!important;min-height:100vh!important;z-index:2001!important}
.joviqo-shell #page-wrapper{padding-top:0;margin-left:235px!important;min-height:100vh!important;position:relative!important}
.joviqo-shell .row.border-bottom{height:60px!important;min-height:60px!important;background:#fff!important}
.joviqo-shell .navbar-static-top{display:flex!important;align-items:center!important;justify-content:space-between!important;height:60px!important;min-height:60px!important;width:100%!important;margin:0!important;padding:0 18px!important}
.joviqo-shell .navbar-static-top .navbar-header{float:none!important;display:flex!important;align-items:center!important;height:60px!important}
.joviqo-shell .navbar-static-top .navbar-top-links{float:none!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:2px!important;height:60px!important;margin:0 0 0 auto!important;padding:0!important;white-space:nowrap!important}
.joviqo-shell .navbar-static-top .navbar-top-links>li{float:none!important;display:block!important;height:60px!important;margin:0!important}
.joviqo-shell .navbar-static-top .navbar-top-links>li>a{display:flex!important;align-items:center!important;height:60px!important;padding:0 12px!important;margin:0!important}
.joviqo-shell .navbar-static-side,.joviqo-shell .navbar-static-side .sidebar-collapse{background:#fff!important;border-inline-end:1px solid var(--joviqo-border)!important}
.joviqo-shell .navbar-static-side .nav-header{background:#fff!important;border-bottom:1px solid var(--joviqo-border)!important}
.joviqo-shell .navbar-static-side .nav>li{background:transparent!important;border:0!important}
.joviqo-shell .navbar-static-side #side-menu li,.joviqo-shell .navbar-static-side #side-menu ul{background:#fff!important}
.joviqo-shell .navbar-static-side #side-menu a{color:#334155!important;background:#fff!important;border:0!important;border-bottom:1px solid #eef2f7!important;border-radius:0!important;box-shadow:none!important;font-size:13px!important}
.joviqo-shell .navbar-static-side #side-menu a i{color:#64748b!important}
.joviqo-shell .navbar-static-side #side-menu a:hover,.joviqo-shell .navbar-static-side #side-menu a:focus{background:#f1f5f9!important;color:var(--joviqo-deep-navy)!important}
.joviqo-shell .navbar-static-side #side-menu li.active>a,.joviqo-shell .navbar-static-side #side-menu a[aria-current="page"]{background:#eef2ff!important;color:#4338ca!important;box-shadow:inset 3px 0 var(--joviqo-indigo)!important;font-weight:700!important}
.joviqo-shell .navbar-static-side #side-menu li.active>a i,.joviqo-shell .navbar-static-side #side-menu a[aria-current="page"] i{color:var(--joviqo-indigo)!important}
.joviqo-shell .navbar-static-side .nav-second-level{background:#f8fafc!important}
.joviqo-shell .navbar-static-side .nav-second-level li,.joviqo-shell .navbar-static-side .nav-second-level li a{background:#f8fafc!important}
.joviqo-shell .navbar-static-side .nav-label,.joviqo-shell .navbar-static-side .profile-element>a,.joviqo-shell .navbar-static-side .profile-element .text-muted{color:#475569!important}
.joviqo-shell .navbar-static-top,.joviqo-shell .top{background:#fff!important;border-bottom:1px solid var(--joviqo-border)!important;color:var(--joviqo-text)}
.joviqo-shell .joviqo-brand-lockup{display:block!important;background:#fff!important;padding:8px!important;margin:0 0 16px!important;border-radius:10px;box-shadow:none!important}
.joviqo-shell .joviqo-brand-logo{display:block;width:100%!important;max-width:260px!important;height:auto!important;margin:0 auto!important}
.joviqo-shell .logo-element{display:none!important;padding:10px 4px!important}
.joviqo-shell .logo-element .joviqo-brand-logo{background:#fff;border-radius:4px}
.joviqo-shell .logo-element .joviqo-compact-logo{display:block;width:48px!important;height:48px!important;object-fit:contain;margin:0 auto;background:#fff;border-radius:10px}
/* Preserve the legacy compact-sidebar behavior under the JOVIQO skin. */
body.joviqo-shell.mini-navbar .navbar-static-side{width:70px!important}
body.joviqo-shell.mini-navbar #page-wrapper{margin-left:70px!important}
body.joviqo-shell.mini-navbar .profile-element,
body.joviqo-shell.mini-navbar .nav-label,
body.joviqo-shell.mini-navbar .navbar-default .nav li a span,
body.joviqo-shell.mini-navbar .joviqo-brand-lockup{display:none!important}
body.joviqo-shell.mini-navbar .logo-element{display:block!important}
body.joviqo-shell.mini-navbar .navbar-default .nav>li>a{font-size:16px!important;padding-left:22px!important;padding-right:18px!important}
body.joviqo-shell.mini-navbar .navbar-static-side #side-menu a i{margin-right:0!important}

/* 2026 professional application shell */
.joviqo-shell #page-wrapper{background:linear-gradient(180deg,#f8fafc 0,#f3f6fb 240px,#f6f8fc 100%)!important}
.joviqo-shell .wrapper-content{padding:22px 24px 36px!important;max-width:1920px;margin:0 auto}
.joviqo-shell .row.border-bottom{box-shadow:0 1px 0 rgba(15,23,42,.06),0 6px 24px rgba(15,23,42,.025);position:relative;z-index:20}
.joviqo-shell .navbar-static-top{padding:0 24px!important}
.joviqo-shell .navbar-static-side{box-shadow:8px 0 30px rgba(15,23,42,.035)}
.joviqo-shell .navbar-static-side .nav-header{padding:18px 16px!important}
.joviqo-shell .navbar-static-side #side-menu{padding:8px!important}
.joviqo-shell .navbar-static-side #side-menu a{min-height:43px!important;display:flex!important;align-items:center!important;margin:2px 0!important;padding:10px 13px!important;border-bottom:0!important;border-radius:9px!important;transition:background .18s ease,color .18s ease,transform .18s ease}
.joviqo-shell .navbar-static-side #side-menu a i{width:24px;text-align:center;font-size:15px!important}
.joviqo-shell .navbar-static-side #side-menu a:hover{background:#f1f5ff!important;transform:translateX(2px)}
.joviqo-shell .navbar-static-side #side-menu li.active>a,.joviqo-shell .navbar-static-side #side-menu a[aria-current="page"]{background:linear-gradient(90deg,#eef2ff,#f6f8ff)!important;box-shadow:inset 3px 0 #6366f1!important}
.joviqo-shell .navbar-static-side .nav-second-level{margin:2px 0 7px;padding:3px 0 3px 9px!important;border-left:1px solid #e2e8f0;background:transparent!important}
.joviqo-shell .navbar-static-side .nav-second-level li,.joviqo-shell .navbar-static-side .nav-second-level li a{background:transparent!important}
body.joviqo-shell.mini-navbar .navbar-static-side #side-menu{padding:8px 6px!important}
body.joviqo-shell.mini-navbar .navbar-default .nav>li>a{justify-content:center;padding:11px!important}
@media(max-width:900px){.joviqo-shell .wrapper-content{padding:14px 12px 28px!important}.joviqo-shell .navbar-static-top{padding:0 12px!important}}

/* Stable full-width canvas for legacy WebForms compositions. */
.joviqo-shell .wrapper.wrapper-content{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:20px 22px 36px!important}
.joviqo-shell .wrapper-content>.row,.joviqo-shell .wrapper-content>.col-lg-12,.joviqo-shell .wrapper-content>.col-md-12{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.joviqo-shell .wrapper-content .row{max-width:none!important}
.joviqo-shell .wrapper-content [class*="col-lg-12"],.joviqo-shell .wrapper-content [class*="col-md-12"]{width:100%!important;max-width:100%!important}
.joviqo-shell .hero,.joviqo-shell .suite-hero{background:#fff!important;color:var(--joviqo-text)!important;border:1px solid var(--joviqo-border);border-top:3px solid var(--joviqo-indigo);border-radius:14px}
.joviqo-shell .hero p,.joviqo-shell .suite-hero p{color:var(--joviqo-text-secondary)!important}
.joviqo-shell .hero .btn{color:var(--joviqo-primary);background:#eef2ff;border-color:#c7d2fe}
.joviqo-shell .module i,.joviqo-shell .kpi i,.joviqo-shell .suite-cards i{color:var(--joviqo-primary)!important}
.joviqo-shell .module:hover,.joviqo-shell .suite-cards a:hover{border-color:#a5b4fc;transform:none}
.joviqo-shell .top .brand img{height:auto;max-height:62px;max-width:230px}
.joviqo-shell .top .brand>span{font-size:12px;color:var(--joviqo-text-secondary)}
/* Login preserves original form and authentication controls. */
.joviqo-shell .login-shell{padding:60px 24px;min-height:100vh}
.joviqo-shell .login-card{border:1px solid var(--joviqo-border);border-radius:14px;box-shadow:0 18px 60px #07172a12;grid-template-columns:1fr 1fr}
.joviqo-shell .login-card .brand{background:var(--joviqo-navy)!important;padding:42px}
.joviqo-shell .login-card .brand img{ border-radius:10px;width:100%;max-width:360px;margin-bottom:30px;padding:8px}
.joviqo-shell .login-card .brand h1{font-size:27px;line-height:1.4;color:#fff}
.joviqo-shell .login-card .form-pane{padding:42px}
.joviqo-shell .lang{color:var(--joviqo-primary)!important}
.joviqo-shell .joviqo-tagline{display:block;margin-top:24px;color:#a5b4fc;font-size:14px}