body.clinicagest-shell { --shell-primary:#01445a; --shell-sidebar:268px; --shell-header:76px; background:#f3f7f9; color:#354f5c; }
.clinicagest-shell #page-wrapper { width:100% !important; min-height:100vh; margin:0; background:#f3f7f9; }
.clinicagest-shell .topbar { position:fixed; top:0; left:0; right:0; height:var(--shell-header); z-index:1000; background:#fff; border-bottom:1px solid #dfe9ed; box-shadow:0 2px 14px rgba(1,68,90,.04); }
.clinicagest-shell .topbar .topbar-left { position:absolute; top:0; left:0; float:none; width:var(--shell-sidebar); height:var(--shell-header); padding:0 22px; display:flex; align-items:center; border-right:1px solid #e5edf0; }
.clinicagest-shell .topbar .logo { display:flex; align-items:center; line-height:normal; }
.clinicagest-shell .topbar .logo img.logo-lg { display:block !important; max-width:210px; width:auto; height:auto; max-height:42px; object-fit:contain; }
.clinicagest-shell .topbar .logo img.logo-sm { display:none !important; }
.clinicagest-shell .topbar .navbar { margin-left:var(--shell-sidebar); min-height:var(--shell-header); background:#fff; }
.clinicagest-shell .topbar .navbar > .container { width:100%; max-width:none; min-height:var(--shell-header); padding:0 26px; display:flex; align-items:center; }
.clinicagest-shell .clinicagest-topbar-inner { width:100%; display:flex; align-items:center; gap:10px; }
.clinicagest-shell .clinicagest-topbar-context { flex:1; min-width:0; margin-right:auto; }
.clinicagest-shell .clinicagest-topbar-context strong { display:block; color:var(--shell-primary); font-size:15px; font-weight:700; }
.clinicagest-shell .clinicagest-topbar-context span { display:block; color:#71858f; font-size:11px; margin-top:3px; }
.clinicagest-shell .clinicagest-topbar-inner > .navbar-nav { display:flex; align-items:center; float:none !important; margin:0; order:3; }
.clinicagest-shell .clinicagest-topbar-inner > .navbar-nav:first-of-type { order:4; }
.clinicagest-shell .topbar .navbar-nav > li { float:none; }
.clinicagest-shell .topbar a.menu-right-item { display:flex; align-items:center; justify-content:center; width:42px; height:42px; margin:0 3px; padding:0 !important; border:1px solid #e0ebef; border-radius:12px; color:var(--shell-primary) !important; background:#f5f9fa; line-height:normal !important; }
.clinicagest-shell .topbar a.menu-right-item:hover, .clinicagest-shell .topbar .open > a.menu-right-item { background:#e2f0f2 !important; border-color:#c4dfe4; }
.clinicagest-shell .topbar a.menu-right-item i { font-size:20px; line-height:40px; }
.clinicagest-shell .topbar a.menu-right-item img { width:32px; height:32px; object-fit:cover; border:2px solid #fff; }
.clinicagest-shell .topbar .navbar-default .label { top:-5px; right:-4px; border-radius:12px; font-size:10px; padding:4px 6px; box-shadow:0 0 0 2px #fff; }
.clinicagest-shell .topbar .dropdown-menu { border:1px solid #dfe9ed; border-radius:12px; box-shadow:0 12px 35px rgba(1,48,65,.14); margin-top:14px; padding:8px; }
.clinicagest-shell .topbar .dropdown-menu > li > a { border-radius:7px; padding:10px 12px; color:#355360; }
.clinicagest-shell .topbar .dropdown-menu > li > a:hover { background:#edf6f7; color:var(--shell-primary); }
.clinicagest-shell .topbar .notifi-title { color:var(--shell-primary); background:#edf6f7; padding:10px; border-radius:8px; }
.clinicagest-shell .page-contentbar { padding-top:var(--shell-header); }
.clinicagest-shell .sidebar-navigation { position:fixed; top:var(--shell-header); left:0; bottom:0; width:var(--shell-sidebar); margin-left:0; background:var(--shell-primary); border-right:1px solid #0c5167; z-index:990; }
.clinicagest-shell .sidebar-navigation .scrollbar-wrapper { height:100%; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; scrollbar-color:#458394 transparent; }
.clinicagest-shell .sidebar-navigation .scrollbar-wrapper::-webkit-scrollbar { width:5px; }
.clinicagest-shell .sidebar-navigation .scrollbar-wrapper::-webkit-scrollbar-thumb { border-radius:8px; background:#458394; }
.clinicagest-shell .sidebar-navigation .user-details { display:flex; align-items:center; gap:13px; min-height:0; margin:22px 16px 24px; padding:16px 12px; border-radius:12px; background:#105267; border:1px solid #2b6678; }
.clinicagest-shell .sidebar-navigation .user-details > .pull-left { float:none !important; flex-shrink:0; }
.clinicagest-shell .sidebar-navigation .user-details img { position:static; width:42px; height:42px; object-fit:cover; border:2px solid #74afb9; background:#e4f0f2; }
.clinicagest-shell .sidebar-navigation .user-info { margin:0; min-width:0; position:static; font-size:13px !important; }
.clinicagest-shell .sidebar-navigation .user-info a { color:#fff; padding:0; line-height:1.5; font-size:13px; overflow-wrap:anywhere; }
.clinicagest-shell .sidebar-navigation .user-info p { color:#b9dce2 !important; font-size:10px !important; margin-top:5px; letter-spacing:.035em; line-height:1.5; }
.clinicagest-shell .shell-navigation-label { padding:0 25px; margin:0 0 12px; color:#93bec8; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.13em; }
.clinicagest-shell #side-menu { margin:0; padding:0 12px 24px; }
.clinicagest-shell #side-menu > li { margin-bottom:5px; }
.clinicagest-shell #side-menu > li > a { color:#e1eff2; border-radius:10px; padding:13px 14px; font-size:13px; font-weight:500; line-height:1.6; }
.clinicagest-shell #side-menu > li > a:hover, .clinicagest-shell #side-menu > li > a:focus { background:#16596d; color:#fff; }
.clinicagest-shell #side-menu > li.active > a, .clinicagest-shell #side-menu > li > a.active { background:#216377; color:#fff; }
.clinicagest-shell #side-menu > li > a i:not(.arrow) { display:inline-block; color:#9ed5df; width:24px; font-size:18px; margin-right:9px; vertical-align:middle; }
.clinicagest-shell #side-menu .arrow { color:#b9dce2; font-size:13px; margin-top:4px; }
.clinicagest-shell #side-menu .nav-second-level { margin:5px 0 8px 23px; padding:4px 0 4px 12px; border-left:1px solid #397488; }
.clinicagest-shell #side-menu .shell-submenu[hidden] { display:none !important; }
.clinicagest-shell #side-menu .nav-second-level > li > a { margin:2px 0; padding:9px 10px; border-radius:7px; color:#bbd8df; font-size:12px; line-height:1.6; white-space:normal; }
.clinicagest-shell #side-menu .nav-second-level > li > a:hover { background:#16596d; color:#fff; }
.clinicagest-shell #side-menu .nav-second-level > li > a.active, .clinicagest-shell #side-menu .nav-second-level > li > a[aria-current=page] { background:#e8f5f6; color:var(--shell-primary); font-weight:700; box-shadow:inset 3px 0 #72c7ce; }
.clinicagest-shell #side-menu > li > a[aria-current=page] { background:#e8f5f6; color:var(--shell-primary); font-weight:700; }
.clinicagest-shell .shell-sidebar-footer { margin:8px 24px 22px; padding-top:18px; border-top:1px solid #2c6577; color:#98c1cc; font-size:11px; line-height:1.7; }
.clinicagest-shell .shell-sidebar-footer strong { display:block; color:#d9edf1; font-size:12px; }
.clinicagest-shell #page-right-content { margin:0 0 0 var(--shell-sidebar); padding:26px 22px 95px; border-left:0; min-height:calc(100vh - var(--shell-header)); background:#f3f7f9; }
.clinicagest-shell #page-right-content > .container { max-width:100%; }
.clinicagest-shell .footer { border-top:1px solid #dce7eb; background:#f3f7f9; color:#6d828c; font-size:11px; }
.clinicagest-shell .footer a, .clinicagest-shell .footer .text-custom { color:var(--shell-primary) !important; }
.clinicagest-shell .button-menu-mobile { color:var(--shell-primary); width:40px; height:40px; padding:0; line-height:40px; font-size:19px; border-radius:10px; background:#edf5f6; }
.clinicagest-shell .button-menu-mobile:focus-visible, .clinicagest-shell .topbar a:focus-visible, .clinicagest-shell #side-menu a:focus-visible { outline:3px solid #79c9d1 !important; outline-offset:2px; }
.clinicagest-shell .shell-menu-backdrop { display:none; }
@media (min-width:992px) { .clinicagest-shell .sidebar-navigation .btn-mobile-view { display:none !important; } }
@media (min-width:992px) {
    .clinicagest-shell .sidebar-navigation { transition:width .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease; }
    .clinicagest-shell #side-menu > li > a > .shell-menu-text { display:inline-block; opacity:1; visibility:visible; transform:translateX(0); transition:opacity .18s ease .06s, transform .24s ease, visibility 0s; }
    body.clinicagest-shell.shell-sidebar-collapsed { --shell-sidebar:72px; }
    .clinicagest-shell.shell-sidebar-collapsed .sidebar-navigation { width:72px; transform:none; visibility:visible; pointer-events:auto; }
    .clinicagest-shell.shell-sidebar-collapsed #page-right-content { margin-left:72px; }
    .clinicagest-shell.shell-sidebar-collapsed:not(.shell-sidebar-peek) .sidebar-navigation :is(.user-details, .shell-navigation-label, .shell-sidebar-footer) { display:none; }
    .clinicagest-shell.shell-sidebar-collapsed:not(.shell-sidebar-peek) #side-menu { padding:18px 8px; }
    .clinicagest-shell.shell-sidebar-collapsed:not(.shell-sidebar-peek) #side-menu > li > a { display:flex; align-items:center; justify-content:center; min-height:48px; padding:12px; }
    .clinicagest-shell.shell-sidebar-collapsed:not(.shell-sidebar-peek) #side-menu > li > a i:not(.arrow) { width:auto; margin:0; font-size:21px; }
    .clinicagest-shell.shell-sidebar-collapsed:not(.shell-sidebar-peek) #side-menu > li > a > .shell-menu-text { position:absolute; opacity:0; visibility:hidden; pointer-events:none; transform:translateX(-6px); transition:opacity .14s ease, transform .2s ease, visibility 0s linear .14s; }
    .clinicagest-shell.shell-sidebar-collapsed:not(.shell-sidebar-peek) #side-menu > li > a .arrow,
    .clinicagest-shell.shell-sidebar-collapsed:not(.shell-sidebar-peek) #side-menu .nav-second-level { display:none !important; }
    .clinicagest-shell.shell-sidebar-collapsed.shell-sidebar-peek .sidebar-navigation { width:268px; box-shadow:12px 0 28px rgba(0,25,40,.18); }
    .clinicagest-shell.shell-sidebar-collapsed .topbar .topbar-left { padding:0; justify-content:center; }
    .clinicagest-shell.shell-sidebar-collapsed .topbar .logo img.logo-lg { display:none !important; }
    .clinicagest-shell.shell-sidebar-collapsed .topbar .logo img.logo-sm { display:block !important; width:auto; height:auto; max-width:44px; max-height:44px; object-fit:contain; }
}
@media (max-width:991px) {
    .clinicagest-shell { --shell-sidebar:190px; }
    .clinicagest-shell .topbar .topbar-left { padding:0 16px; }
    .clinicagest-shell .topbar .logo img.logo-lg { max-width:155px; }
    .clinicagest-shell #page-right-content, .clinicagest-shell.nav-collapse #page-right-content { margin-left:0; padding:22px 12px 100px; }
    .clinicagest-shell .sidebar-navigation, .clinicagest-shell.nav-collapse .sidebar-navigation { top:0; width:280px; max-width:calc(100vw - 45px); margin-left:0; z-index:1010; transform:translateX(-100%); transition:transform .2s ease; }
    .clinicagest-shell.nav-collapse .sidebar-navigation { transform:translateX(0); box-shadow:10px 0 35px rgba(0,25,40,.25); }
    .clinicagest-shell .sidebar-navigation .btn-mobile-view { position:absolute; top:13px; right:14px; width:32px; height:32px; line-height:32px; background:#216377; color:#fff; display:block; }
    .clinicagest-shell .sidebar-navigation .user-details { margin-top:60px; }
    .clinicagest-shell.nav-collapse .shell-menu-backdrop { display:block; position:fixed; inset:0; z-index:1005; background:rgba(0,26,37,.45); border:0; padding:0; cursor:pointer; }
    .clinicagest-shell.nav-collapse { overflow:hidden; }
}
@media (max-width:600px) {
    .clinicagest-shell { --shell-sidebar:145px; --shell-header:68px; }
    .clinicagest-shell .topbar .logo img.logo-lg { max-width:120px; max-height:35px; }
    .clinicagest-shell .topbar .topbar-left { padding:0 12px; }
    .clinicagest-shell .topbar .navbar > .container { padding:0 9px; }
    .clinicagest-shell .clinicagest-topbar-inner { gap:3px; }
    .clinicagest-shell .clinicagest-topbar-context { display:none; }
    .clinicagest-shell .clinicagest-topbar-inner > .pull-left { margin-right:auto; }
    .clinicagest-shell .topbar a.menu-right-item { width:35px; height:35px; margin:0 2px; border-radius:9px; }
    .clinicagest-shell .topbar a.menu-right-item i { font-size:18px; line-height:33px; }
    .clinicagest-shell .topbar a.menu-right-item img { width:28px; height:28px; }
    .clinicagest-shell .button-menu-mobile { width:33px; height:35px; line-height:35px; }
    .clinicagest-shell #page-right-content { padding:16px 4px 110px; }
    .clinicagest-shell .topbar .dropdown-menu-lg { max-width:calc(100vw - 20px); }
}
@media (prefers-reduced-motion:reduce) {
    .clinicagest-shell .sidebar-navigation,
    .clinicagest-shell #side-menu > li > a > .shell-menu-text { transition:none; }
}
@media print {
    .clinicagest-shell .topbar, .clinicagest-shell .sidebar-navigation, .clinicagest-shell .shell-menu-backdrop { display:none !important; }
    .clinicagest-shell .page-contentbar { padding-top:0; }
    .clinicagest-shell #page-right-content { margin:0; padding:0; min-height:0; }
}