/* CardioIA sidebar v2 - 2026-10-10 */
body.sb-v2 .main-sidebar{background:linear-gradient(165deg,#0f5e74 0%,#0d4a66 45%,#103f5c 100%)!important;overflow:hidden}
body.sb-v2 .main-sidebar>.sidebar{position:relative;z-index:1;background:transparent!important}
.sb-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.sb-orb{position:absolute;border-radius:50%;filter:blur(30px);opacity:.28;will-change:transform}
.sb-orb.o1{width:180px;height:180px;background:#2dd4bf;top:8%;left:-60px;animation:sbDrift1 18s ease-in-out infinite alternate}
.sb-orb.o2{width:150px;height:150px;background:#38bdf8;top:48%;right:-60px;animation:sbDrift2 22s ease-in-out infinite alternate}
.sb-orb.o3{width:130px;height:130px;background:#5eead4;bottom:4%;left:20%;opacity:.18;animation:sbDrift1 26s ease-in-out infinite alternate-reverse}
@keyframes sbDrift1{to{transform:translate3d(40px,60px,0)}}
@keyframes sbDrift2{to{transform:translate3d(-50px,-40px,0)}}
.sb-trace{position:absolute;left:0;bottom:22%;width:200%;height:60px;opacity:.13;animation:sbSweep 14s linear infinite;will-change:transform}
.sb-trace path{fill:none;stroke:#a5f3fc;stroke-width:2}
@keyframes sbSweep{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
/* Brand */
body.sb-v2 .main-header .logo{background:linear-gradient(120deg,#0f6b80,#0d4f6c)!important;display:flex!important;align-items:center;justify-content:center}
.sb-brand{display:inline-flex;align-items:center;gap:8px;line-height:1}
.sb-mark{display:inline-flex;align-items:center}
.sb-ecg{width:30px;height:22px;overflow:visible}
.sb-ecg path{fill:none;stroke:#5eead4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:70;stroke-dashoffset:70;animation:sbLine .857s linear infinite}
.sb-heart{width:24px;height:22px;margin-left:-2px;overflow:visible;transform-origin:50% 60%;filter:drop-shadow(0 0 4px rgba(255,90,110,.55));animation:sbLub .857s ease-out infinite}
.sb-brand-mini .sb-heart{width:26px;height:24px;margin:0}
@keyframes sbLine{0%{stroke-dashoffset:70}50%{stroke-dashoffset:0}100%{stroke-dashoffset:-70}}
@keyframes sbLub{0%{transform:scale(1)}20%{transform:scale(1.22)}30%{transform:scale(1)}38%{transform:scale(1.12)}50%,100%{transform:scale(1)}}
.sb-word{display:flex;flex-direction:column;color:#fff;font-weight:700;font-size:20px;letter-spacing:.01em;text-align:left}
.sb-word b{color:#5eead4;font-weight:800}
.sb-word small{font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#a5f3fc;opacity:.85;margin-top:3px}
/* User card */
body.sb-v2 .cn-user-panel{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:16px!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.12)}
body.sb-v2 .cn-user-avatar{position:relative;overflow:visible!important;box-shadow:0 0 0 2px rgba(94,234,212,.65)!important}
.sb-ring{position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(94,234,212,.55);animation:sbRing 2.4s ease-out infinite;pointer-events:none}
@keyframes sbRing{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.25);opacity:0}}
body.sb-v2 .cn-user-name{color:#fff!important;font-weight:700!important;font-size:14px!important;margin:0!important}
.sb-role{display:block;font-size:11px;color:#bdeff2;opacity:.85;margin:1px 0 3px}
body.sb-v2 .cn-user-status{display:inline-flex!important;align-items:center;gap:6px;font-size:11px!important;color:#86efac!important;text-transform:none!important;letter-spacing:0!important}
.sb-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:sbDot 2s infinite}
@keyframes sbDot{70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
/* Campaign chip */
body.sb-v2 .cn-sidebar-instance{background:none!important;padding:4px 12px 10px!important;border:0!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}
.sb-chip{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}
.sb-chip:hover{background:rgba(255,255,255,.2);transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.18)}
.sb-chip-ic{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#2dd4bf,#0ea5e9);display:flex;align-items:center;justify-content:center;flex:0 0 30px}
.sb-chip-ic i{color:#fff;font-size:14px}
.sb-chip-t{display:flex;flex-direction:column;line-height:1.1;min-width:0;flex:1}
.sb-chip-t small{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#a5f3fc}
.sb-chip-t b{font-size:13.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-chip-ar{color:#a5f3fc;opacity:.7}
/* Menu */
body.sb-v2 .cn-sidebar-menu>li>a{position:relative;margin:3px 10px!important;border-radius:12px!important;padding:8px 10px!important;display:flex!important;align-items:center;gap:10px;color:#e6f7fa!important;background:transparent!important;border-left:0!important;transition:background .2s}
body.sb-v2 .cn-sidebar-menu>li>a::before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:#5eead4;opacity:0;transition:opacity .2s}
body.sb-v2 .cn-sidebar-menu>li>a:hover{background:rgba(255,255,255,.09)!important}
body.sb-v2 .cn-sidebar-menu>li.sb-on>a{background:linear-gradient(90deg,rgba(94,234,212,.24),rgba(56,189,248,.10))!important;box-shadow:0 0 18px rgba(94,234,212,.18),inset 0 0 0 1px rgba(94,234,212,.28)}
body.sb-v2 .cn-sidebar-menu>li.sb-on>a::before{opacity:1;box-shadow:0 0 10px #5eead4}
body.sb-v2 .cn-sidebar-menu>li>a>i:first-child{width:32px!important;height:32px!important;flex:0 0 32px;border-radius:10px!important;background:rgba(255,255,255,.12)!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:15px!important;color:#a5f3fc!important;margin:0!important}
body.sb-v2 .cn-sidebar-menu>li.sb-on>a>i:first-child{background:linear-gradient(135deg,#2dd4bf,#0ea5e9)!important;color:#fff!important}
body.sb-v2 .cn-sidebar-menu .badge{margin-left:auto!important;float:none!important;border-radius:999px!important;min-width:22px;padding:3px 7px!important;font-size:11px!important;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.18)}
body.sb-v2 .cn-sidebar-menu .badge.bg-green{background:rgba(34,197,94,.9)!important}
/* Collapsed */
body.sb-v2.sidebar-collapse .sb-chip-t,body.sb-v2.sidebar-collapse .sb-chip-ar,body.sb-v2.sidebar-collapse .sb-role{display:none}
body.sb-v2.sidebar-collapse .sb-chip{padding:6px;justify-content:center;background:transparent;border:0}
body.sb-v2.sidebar-collapse .sb-bg .sb-trace{display:none}
@media (prefers-reduced-motion:reduce){.sb-orb,.sb-trace,.sb-ecg path,.sb-heart,.sb-ring,.sb-dot{animation:none!important}.sb-ecg path{stroke-dashoffset:0}}
.sb-wm{display:block;white-space:nowrap}
body.sb-v2 .main-header .logo .logo-lg.td-brand-head{display:flex!important;align-items:center;justify-content:center;width:100%}
body.sb-v2 .main-header .logo .sb-brand svg{display:inline-block!important;visibility:visible!important;opacity:1!important;max-width:none!important}
body.sb-v2 .main-header .logo .sb-heart{width:26px!important;height:24px!important}
body.sb-v2 .main-header .logo .sb-ecg{width:30px!important;height:22px!important}
body.sb-v2.sidebar-collapse .main-header .logo .logo-lg{display:none!important}
body.sb-v2 .main-sidebar .sidebar-menu>li.header.cn-sidebar-instance,body.sb-v2 .main-sidebar .sidebar-menu>li.header.cn-sidebar-instance:hover{background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;margin:0!important}
body.sb-v2 .cn-sidebar-instance::before,body.sb-v2 .cn-sidebar-instance::after{display:none!important;content:none!important}
.sb-chip-t{text-align:left!important;align-items:flex-start}
/* ===== Header v2 ===== */
body.sb-v2 .main-header .navbar{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 18px rgba(15,60,80,.08)!important;border-bottom:1px solid #e3eef2!important;min-height:56px}
body.sb-v2 .main-header .sidebar-toggle{color:#0f6b80!important;border-radius:12px;margin:8px 6px!important;padding:10px 14px!important;transition:background .2s}
body.sb-v2 .main-header .sidebar-toggle:hover{background:#e8f6f8!important}
body.sb-v2 .navbar-custom-menu>.navbar-nav{display:flex;align-items:center;gap:8px;padding-right:10px}
body.sb-v2 .navbar-custom-menu>.navbar-nav>li{float:none!important}
body.sb-v2 .navbar-custom-menu .messages-menu{padding-right:0!important}
body.sb-v2 .navbar-custom-menu .messages-menu>a{position:relative;width:40px;height:40px;margin:8px 0;border-radius:12px;background:#eef8fa!important;display:flex!important;align-items:center;justify-content:center;padding:0!important}
body.sb-v2 .navbar-custom-menu .messages-menu>a>i{color:#0f8b8d!important;font-size:17px}
body.sb-v2 .navbar-custom-menu .messages-menu>a .label{position:absolute!important;top:-4px!important;right:-4px!important;left:auto!important;float:none!important;border-radius:999px!important;font-size:10px!important;padding:2px 5px!important;box-shadow:0 0 0 2px #fff}
body.sb-v2 .navbar-custom-menu .messages-menu>a .label:empty{display:none!important}
body.sb-v2 .topbar-estado-item{display:flex;align-items:center}
body.sb-v2 .topbar-user-toggle{display:flex!important;align-items:center;gap:8px;margin:8px 0;padding:4px 10px 4px 4px!important;border-radius:999px;background:#f2f9fb!important;border:1px solid #dcebef;color:#1f3b4d!important;transition:box-shadow .2s,background .2s}
body.sb-v2 .topbar-user-toggle:hover,body.sb-v2 .topbar-user-item.open .topbar-user-toggle{background:#fff!important;box-shadow:0 6px 18px rgba(15,60,80,.12)}
body.sb-v2 .topbar-user-icon-med{position:relative;width:34px!important;height:34px!important;border-radius:50%!important;background:linear-gradient(135deg,#14a3a6,#1f78b4)!important;color:#fff!important;display:inline-flex!important;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(20,163,166,.35)}
body.sb-v2 .topbar-user-name{font-weight:700;font-size:13px;color:#1f3b4d!important}
body.sb-v2 .topbar-user-caret{color:#0f6b80!important;transition:transform .2s}
body.sb-v2 .topbar-user-item.open .topbar-user-caret{transform:rotate(180deg)}
/* dropdown */
body.sb-v2 .dropdown-usermenu{width:280px!important;padding:8px!important;border:1px solid #e3eef2!important;border-radius:18px!important;box-shadow:0 18px 50px rgba(15,60,80,.18)!important;margin-top:6px!important;transform-origin:top right}
body.sb-v2 .topbar-user-item.open .dropdown-usermenu{animation:sbDrop .22s cubic-bezier(.2,.8,.2,1)}
@keyframes sbDrop{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}
.sb-um-head{display:flex!important;align-items:center;gap:10px;padding:12px!important;margin-bottom:6px;border-radius:14px;background:linear-gradient(135deg,#e8f7f8,#eaf2fc);position:relative;overflow:hidden}
.sb-um-av{position:relative;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:linear-gradient(135deg,#14a3a6,#1f78b4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}
.sb-um-t{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}
.sb-um-t b{color:#1f3b4d;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-um-t small{color:#5b7383;font-size:11px}
.sb-um-t>span{display:inline-flex;align-items:center;gap:6px;color:#16a34a;font-size:11px;font-weight:600}
.sb-um-head .sb-um-ecg{width:26px;height:20px}
.sb-um-head .sb-heart{width:20px;height:18px}
body.sb-v2 .dropdown-usermenu>li>a{display:flex!important;align-items:center;gap:10px;padding:7px 10px!important;border-radius:12px;color:#1f3b4d!important;font-weight:600;font-size:13px;transition:background .15s,transform .15s}
body.sb-v2 .dropdown-usermenu>li>a:hover{background:#f0f8fa!important;transform:translateX(2px)}
body.sb-v2 .dropdown-usermenu>li>a>i{width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:#e8f6f8;color:#0f8b8d!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:15px;margin:0!important}
body.sb-v2 .dropdown-usermenu>li.sb-um-out>a{color:#dc2626!important}
body.sb-v2 .dropdown-usermenu>li.sb-um-out>a>i{background:#fdecec;color:#dc2626!important}
body.sb-v2 .dropdown-usermenu>li.sb-um-out>a:hover{background:#fef2f2!important}
body.sb-v2 .dropdown-usermenu .sb-um-div{height:1px;margin:6px 4px!important;background:#e3eef2}
@media (max-width:767px){body.sb-v2 .dropdown-usermenu{position:fixed!important;right:8px!important;left:auto!important;top:58px!important;width:calc(100vw - 16px)!important;max-width:320px}body.sb-v2 .navbar-custom-menu>.navbar-nav{gap:4px;padding-right:4px}}
@media (prefers-reduced-motion:reduce){body.sb-v2 .topbar-user-item.open .dropdown-usermenu{animation:none}}
/* ===== v2 sizes + animated background (2026-10-10 sizes) ===== */
:root{--sbw:240px;--hdh:58px}
body.sb-v2 .main-header{height:var(--hdh);max-height:none}
body.sb-v2 .main-header .logo{height:var(--hdh)!important;line-height:var(--hdh)!important;padding:0 12px!important}
body.sb-v2 .main-header .navbar{min-height:var(--hdh)!important;height:var(--hdh)}
body.sb-v2 .main-header .sidebar-toggle{margin:9px 6px!important;padding:10px 13px!important;line-height:20px}
body.sb-v2 .navbar-custom-menu{height:var(--hdh);display:flex;align-items:center}
body.sb-v2 .navbar-custom-menu .messages-menu>a,body.sb-v2 .topbar-user-toggle{margin:0!important}
body.sb-v2 .main-sidebar,body.sb-v2 .left-side{padding-top:var(--hdh)!important}
body.sb-v2.fixed .content-wrapper,body.sb-v2.fixed .right-side{padding-top:var(--hdh)!important}
body.sb-v2 .content-wrapper{position:relative;z-index:1}
@media (min-width:768px){
 body.sb-v2:not(.sidebar-collapse) .main-sidebar{width:var(--sbw)!important}
 body.sb-v2:not(.sidebar-collapse) .main-header .logo{width:var(--sbw)!important}
 body.sb-v2:not(.sidebar-collapse) .main-header .navbar{margin-left:var(--sbw)!important}
 body.sb-v2:not(.sidebar-collapse) .content-wrapper,body.sb-v2:not(.sidebar-collapse) .main-footer{margin-left:var(--sbw)!important}
}
@media (max-width:767px){body.sb-v2 .main-sidebar{width:var(--sbw)!important}}
.sb-word{font-size:18px}
.sb-word small{font-size:8.5px}
/* uniform blocks: 12px side margins, same width */
body.sb-v2 .cn-user-panel{margin:12px 12px 8px!important;width:calc(100% - 24px)!important;max-width:none!important;padding:9px 10px!important;min-height:58px!important;border-radius:14px!important;gap:10px!important}
body.sb-v2 .cn-user-avatar,body.sb-v2 .cn-user-avatar-logo{width:40px!important;height:40px!important;flex:0 0 40px!important}
body.sb-v2 .cn-user-avatar img{width:34px!important;height:34px!important}
body.sb-v2 .cn-user-name{font-size:13px!important}
.sb-role{font-size:10.5px}
body.sb-v2 .cn-sidebar-instance{padding:0 12px 8px!important}
.sb-chip{border-radius:14px;padding:7px 10px 7px 7px;gap:9px}
.sb-chip-ic{width:28px;height:28px;flex-basis:28px}
.sb-chip-t b{font-size:12.5px}
body.sb-v2 .cn-sidebar-menu>li>a{margin:2px 12px!important;padding:6px 8px!important;font-size:13px!important;gap:9px;min-height:40px}
body.sb-v2 .cn-sidebar-menu>li>a::before{left:-12px}
body.sb-v2 .cn-sidebar-menu>li>a>i:first-child{width:28px!important;height:28px!important;flex-basis:28px;font-size:13px!important;border-radius:9px!important}
body.sb-v2 .cn-sidebar-menu .cn-menu-label,body.sb-v2 .cn-sidebar-menu .cn-menu-line{font-size:13px!important;line-height:1.2!important}
body.sb-v2 .cn-sidebar-menu .badge{font-size:10.5px!important;min-width:20px;padding:2px 6px!important}
/* animated gradient */
body.sb-v2 .main-sidebar{background:linear-gradient(160deg,#0f6f86,#0d4f70,#14607e,#0b4566,#0f6f86)!important;background-size:300% 300%!important;animation:sbGrad 18s ease-in-out infinite}
@keyframes sbGrad{0%{background-position:0% 0%}50%{background-position:100% 100%}100%{background-position:0% 0%}}
.sb-orb{opacity:.38;filter:blur(28px)}
.sb-orb.o3{opacity:.28}
.sb-waves{position:absolute;left:0;bottom:0;width:200%;height:140px;animation:sbWave 16s linear infinite;will-change:transform}
.sb-waves .w1{fill:rgba(94,234,212,.10)}
.sb-waves .w2{fill:rgba(56,189,248,.10)}
@keyframes sbWave{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
body.sb-v2.sidebar-collapse .sb-waves{display:none}
@media (prefers-reduced-motion:reduce){body.sb-v2 .main-sidebar,.sb-waves{animation:none!important}}
body.sb-v2 .main-sidebar{top:0!important;padding-top:var(--hdh)!important}
body.sb-v2 .content-wrapper{margin-top:0!important;top:auto!important;padding-top:var(--hdh)!important}
body.sb-v2 .main-sidebar .sidebar,body.sb-v2 .cn-menus-wrap{padding:0!important;margin:0!important}
body.sb-v2 .cn-sidebar-menu{padding:0!important;margin:0!important;width:100%!important}
body.sb-v2 .main-sidebar .sidebar-menu>li.header.cn-sidebar-instance{padding:0 12px 8px!important;margin:0!important}
body.sb-v2 .cn-sidebar-menu>li{margin:0!important;padding:0!important}
html body.sb-v2 .wrapper aside.main-sidebar.cn-sidebar{top:0!important;padding-top:var(--hdh)!important}
html body.sb-v2 .wrapper div.content-wrapper{margin-top:0!important;top:0!important;padding-top:var(--hdh)!important}
html body.sb-v2 .wrapper aside.main-sidebar.cn-sidebar{bottom:0!important;height:100vh!important;min-height:100vh!important}
/* ===== Collapsed rail (2026-10-10 rail) ===== */
:root{--rail:68px}
@media (min-width:768px){
 html body.sb-v2.sidebar-collapse .wrapper aside.main-sidebar.cn-sidebar{width:var(--rail)!important}
 html body.sb-v2.sidebar-collapse .main-header .logo{width:var(--rail)!important;padding:0!important;display:flex!important;align-items:center;justify-content:center}
 html body.sb-v2.sidebar-collapse .main-header .logo .logo-mini{display:flex!important;align-items:center;justify-content:center;width:100%;height:var(--hdh);margin:0!important}
 html body.sb-v2.sidebar-collapse .main-header .navbar{margin-left:var(--rail)!important}
 html body.sb-v2.sidebar-collapse .wrapper div.content-wrapper,html body.sb-v2.sidebar-collapse .main-footer{margin-left:var(--rail)!important}
 html body.sb-v2 .wrapper div.content-wrapper{width:auto!important;max-width:none!important;overflow-x:hidden}
 body.sb-v2.sidebar-collapse .cn-user-panel{width:44px!important;min-height:44px!important;margin:12px auto 8px!important;padding:2px!important;justify-content:center;border-radius:50%!important;background:transparent!important;border:0!important;box-shadow:none!important}
 body.sb-v2.sidebar-collapse .cn-user-info{display:none!important}
 body.sb-v2.sidebar-collapse .main-sidebar .sidebar-menu>li.header.cn-sidebar-instance{display:block!important;padding:0 0 6px!important}
 body.sb-v2.sidebar-collapse .sb-chip{width:44px;height:44px;margin:0 auto;padding:0;border-radius:12px;justify-content:center;background:rgba(255,255,255,.08);border:0}
 body.sb-v2.sidebar-collapse .cn-sidebar-menu>li>a{width:44px!important;height:44px!important;min-height:44px!important;margin:6px auto!important;padding:0!important;justify-content:center!important;border-radius:12px!important;overflow:visible!important}
 body.sb-v2.sidebar-collapse .cn-sidebar-menu>li>a>i:first-child{width:32px!important;height:32px!important;flex:0 0 32px}
 body.sb-v2.sidebar-collapse .cn-sidebar-menu>li>a>span:not(.badge),body.sb-v2.sidebar-collapse .cn-sidebar-menu>li>a>.cn-menu-label{display:none!important}
 body.sb-v2.sidebar-collapse .cn-sidebar-menu>li>a::before{left:-12px;top:12px;bottom:12px;height:auto}
 body.sb-v2.sidebar-collapse .cn-sidebar-menu>li.sb-on>a{background:linear-gradient(135deg,rgba(94,234,212,.30),rgba(56,189,248,.18))!important;box-shadow:0 0 16px rgba(94,234,212,.35),inset 0 0 0 1px rgba(94,234,212,.4)}
 body.sb-v2.sidebar-collapse .cn-sidebar-menu .badge{position:absolute!important;top:3px!important;right:3px!important;left:auto!important;width:10px!important;height:10px!important;min-width:0!important;padding:0!important;font-size:0!important;margin:0!important;border:2px solid #0d4f70;display:block!important}
 body.sb-v2.sidebar-collapse .cn-sidebar-menu .badge.sb-zero{display:none!important}
 body.sb-v2.sidebar-collapse .cn-sidebar-menu>li>a::after{content:attr(data-tip);position:absolute;left:calc(100% + 14px);top:50%;transform:translate(-4px,-50%);white-space:nowrap;background:#0f3b52;color:#fff;font-size:12px;font-weight:600;padding:6px 10px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:1100}
 body.sb-v2.sidebar-collapse .main-sidebar,body.sb-v2.sidebar-collapse .main-sidebar .sidebar{overflow:visible!important}
 body.sb-v2.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.badge),body.sb-v2.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{display:none!important}
}
@media (min-width:768px){
 html body.sb-v2.sidebar-collapse header.main-header a.logo{width:var(--rail)!important;min-width:var(--rail)!important;max-width:var(--rail)!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
 html body.sb-v2.sidebar-collapse header.main-header a.logo>.logo-lg{display:none!important}
 html body.sb-v2.sidebar-collapse header.main-header a.logo>.logo-mini{display:flex!important;align-items:center;justify-content:center;width:var(--rail)!important;height:var(--hdh)!important;line-height:0!important;margin:0!important;padding:0!important}
}
.sb-tip{position:fixed;z-index:3000;transform:translate(-4px,-50%);white-space:nowrap;background:#0f3b52;color:#fff;font-size:12px;font-weight:600;padding:6px 10px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}
.sb-tip.on{opacity:1;transform:translate(0,-50%)}
.sb-tip::before{content:"";position:absolute;left:-5px;top:50%;margin-top:-5px;border:5px solid transparent;border-left:0;border-right-color:#0f3b52}
@media (min-width:768px){
 html body.sb-v2.sidebar-collapse.sidebar-mini .main-sidebar .cn-sidebar-menu>li>a>span.badge.pull-right{display:block!important;position:absolute!important;top:3px!important;right:3px!important;width:10px!important;height:10px!important;min-width:0!important;padding:0!important;font-size:0!important;border:2px solid #0d4f70!important}
 html body.sb-v2.sidebar-collapse.sidebar-mini .main-sidebar .cn-sidebar-menu>li>a>span.badge.pull-right.sb-zero{display:none!important}
}