/* RaccoonCloud console scheme C v1.0 - floating topbar + dock sidebar + refined cards */
:root{
  --rc-ink:#102033;
  --rc-muted:#64748b;
  --rc-blue:#2364ff;
  --rc-cyan:#25c6f7;
  --rc-green:#16a06d;
  --rc-line:rgba(100,148,190,.20);
  --rc-glass:rgba(255,255,255,.82);
  --rc-glass-strong:rgba(255,255,255,.94);
  --rc-shadow:0 22px 58px rgba(27,76,160,.11),0 2px 10px rgba(15,23,42,.04);
  --rc-radius:24px;
}
html body[data-sidebar="dark"]{
  color:var(--rc-ink);
  background:
    radial-gradient(circle at 8% 0%,rgba(35,100,255,.13),transparent 32rem),
    radial-gradient(circle at 92% 4%,rgba(37,198,247,.16),transparent 30rem),
    linear-gradient(180deg,#f7fbff 0%,#eef7ff 45%,#f8fcff 100%) !important;
}
body[data-sidebar="dark"]::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(35,100,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(35,100,255,.035) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.86),rgba(0,0,0,.18));
}
#page-topbar{background:transparent!important;box-shadow:none!important;top:0;right:0;left:0;padding:14px 20px 0 20px;z-index:1005;}
#page-topbar .navbar-header{
  min-height:72px;margin:0;border-radius:26px;background:var(--rc-glass)!important;border:1px solid var(--rc-line);
  box-shadow:var(--rc-shadow);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);
  padding:0 18px;overflow:visible;position:relative;
}
#page-topbar .navbar-header::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(37,198,247,.16),rgba(22,160,109,.10));opacity:.72;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:1px;-webkit-mask-composite:xor;mask-composite:exclude;}
.navbar-brand-box.rc-brand-box{width:auto!important;min-width:210px;height:52px;margin-right:10px;padding:0 18px;border-radius:20px;background:linear-gradient(135deg,rgba(35,100,255,.10),rgba(37,198,247,.08) 54%,rgba(22,160,109,.07));display:flex!important;align-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.74);}
.rc-brand-link{height:52px!important;display:flex!important;align-items:center!important;text-decoration:none!important;}
.rc-brand-text-single strong{font-size:21px!important;line-height:1!important;font-weight:850!important;letter-spacing:-.035em;background:linear-gradient(90deg,#114cce,#1687ff 58%,#16a06d);-webkit-background-clip:text;background-clip:text;color:transparent!important;}
#vertical-menu-btn,.header-item{border-radius:16px!important;height:44px!important;min-width:44px!important;transition:background .18s ease,transform .18s ease,box-shadow .18s ease!important;}
#vertical-menu-btn{background:rgba(35,100,255,.07)!important;color:#1d4ed8!important;border:1px solid rgba(35,100,255,.12)!important;}
#vertical-menu-btn:hover,.header-item:hover{background:rgba(35,100,255,.10)!important;transform:translateY(-1px);box-shadow:0 10px 24px rgba(35,100,255,.10);}
#page-topbar .navbar-header>.d-flex:last-child{gap:8px;align-items:center;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.48);border:1px solid rgba(100,148,190,.14);}
#page-topbar .noti-icon i{font-size:21px;color:#285078!important;}
#page-topbar .pointer a{height:38px;padding:0 16px;border-radius:999px;display:flex;align-items:center;background:linear-gradient(135deg,rgba(35,100,255,.10),rgba(22,160,109,.08));color:#17365f!important;font-weight:760!important;text-decoration:none!important;}
.vertical-menu{top:100px!important;left:20px!important;width:242px!important;border-radius:28px!important;background:rgba(255,255,255,.78)!important;border:1px solid var(--rc-line)!important;box-shadow:var(--rc-shadow)!important;backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12);overflow:hidden!important;bottom:22px!important;}
.vertical-menu .h-100{background:transparent!important;}
#sidebar-menu{padding:18px 12px!important;}
#sidebar-menu ul li a{margin:4px 0!important;padding:13px 14px!important;border-radius:16px!important;color:#53657b!important;font-weight:720!important;letter-spacing:-.01em;transition:all .18s ease!important;position:relative;}
#sidebar-menu ul li a i{color:#7a8da6!important;font-size:20px!important;transition:all .18s ease!important;}
#sidebar-menu ul li a:hover{background:rgba(35,100,255,.07)!important;color:#17365f!important;transform:translateX(2px);}
#sidebar-menu ul li a:hover i{color:var(--rc-blue)!important;}
#sidebar-menu ul li.mm-active>a,#sidebar-menu ul li a.active,#sidebar-menu ul li a[aria-expanded="true"]{background:linear-gradient(135deg,rgba(22,160,109,.14),rgba(35,100,255,.08))!important;color:#0f6b50!important;box-shadow:inset 0 0 0 1px rgba(22,160,109,.18);}
#sidebar-menu ul li.mm-active>a::before,#sidebar-menu ul li a.active::before{content:"";position:absolute;left:8px;top:50%;width:4px;height:22px;border-radius:999px;background:linear-gradient(180deg,var(--rc-green),var(--rc-cyan));transform:translateY(-50%);}
.main-content{margin-left:282px!important;padding-top:100px!important;}
.page-content{padding:24px 22px 48px!important;}
.container-fluid{max-width:1480px;}
.page-title-box{margin:0 0 22px!important;padding:0 6px 0!important;}
.page-title-box h4{font-size:25px!important;font-weight:860!important;letter-spacing:-.035em;color:var(--rc-ink)!important;position:relative;padding-bottom:12px;}
.page-title-box h4::after{content:"";position:absolute;left:0;bottom:0;width:42px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--rc-green),var(--rc-cyan));}
.breadcrumb{padding:8px 13px!important;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(100,148,190,.15);}
.breadcrumb-item a{color:#1d66e5!important;font-weight:760;}
.card,.yy-card,.product-card,.configure-product-card,.viewcart-card,.panel,.white-card{border-radius:26px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(100,148,190,.18)!important;box-shadow:0 18px 48px rgba(27,76,160,.08),0 1px 0 rgba(255,255,255,.72) inset!important;backdrop-filter:blur(10px);}
.card-title,.yy-title,.section-title{font-weight:850!important;color:var(--rc-ink)!important;letter-spacing:-.025em;}
.btn,.form-control,.custom-select,.input-group-text{border-radius:14px!important;}
.dropdown-menu{border-radius:18px!important;border:1px solid rgba(100,148,190,.18)!important;box-shadow:0 18px 48px rgba(15,23,42,.12)!important;}
@media (max-width:991.98px){#page-topbar{padding:10px 10px 0}.navbar-brand-box.rc-brand-box{min-width:168px;padding:0 12px}.rc-brand-text-single strong{font-size:18px!important}.vertical-menu{left:0!important;top:0!important;border-radius:0!important}.main-content{margin-left:0!important;padding-top:86px!important}.page-content{padding:18px 12px 36px!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* RaccoonCloud console scheme C v1.1 - topbar de-layering fix
   Fix: avoid stacked glass containers and duplicated dark/light logo text showing together. */
#page-topbar .navbar-header{
  min-height:66px!important;
  padding:0 16px!important;
  border-radius:22px!important;
  box-shadow:0 16px 38px rgba(27,76,160,.09),0 1px 0 rgba(255,255,255,.70) inset!important;
}
#page-topbar .navbar-header::before{opacity:.28!important;}
.navbar-brand-box.rc-brand-box{
  min-width:174px!important;
  height:44px!important;
  margin-right:14px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.navbar-brand-box.rc-brand-box .logo{
  height:44px!important;
  padding:0!important;
  margin:0!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.navbar-brand-box.rc-brand-box .logo-light{display:none!important;}
.navbar-brand-box.rc-brand-box .logo-dark{display:flex!important;}
.rc-brand-text-single strong{
  font-size:20px!important;
  font-weight:820!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
}
#vertical-menu-btn{
  width:42px!important;min-width:42px!important;height:42px!important;
  border-radius:50%!important;background:rgba(35,100,255,.075)!important;
  box-shadow:none!important;
}
#page-topbar .navbar-header>.d-flex:last-child{
  gap:4px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#page-topbar .dropdown.d-inline-block,
#page-topbar .dropdown.d-none.d-lg-inline-block{display:flex!important;align-items:center!important;}
#page-topbar .header-item{
  width:40px!important;min-width:40px!important;height:40px!important;
  padding:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;
}
#page-topbar .header-item:hover{background:rgba(35,100,255,.075)!important;box-shadow:none!important;transform:none!important;}
#page-topbar .noti-icon i{margin-top:0!important;line-height:40px!important;color:#42617f!important;}
#page-topbar .pointer{margin-left:10px!important;}
#page-topbar .pointer a{
  height:38px!important;padding:0 18px!important;border-radius:999px!important;
  background:linear-gradient(135deg,#2364ff,#1595ef)!important;color:#fff!important;
  box-shadow:0 10px 22px rgba(35,100,255,.18)!important;font-weight:820!important;
}
@media (max-width:991.98px){
  .navbar-brand-box.rc-brand-box{min-width:154px!important;margin-right:8px!important;}
  .rc-brand-text-single strong{font-size:18px!important;}
  #page-topbar .navbar-header{min-height:62px!important;padding:0 10px!important;}
}

/* RaccoonCloud console scheme C v1.2-lite - yunyoo-style single-layer topbar
   Keep RaccoonCloud brand details, but make #page-topbar the only visible surface. */
#page-topbar{
  top:0!important;right:0!important;left:0!important;
  padding:0!important;
  background:rgba(255,255,255,.82)!important;
  border:0!important;
  border-bottom:1px solid rgba(100,148,190,.16)!important;
  border-radius:0!important;
  box-shadow:0 8px 28px rgba(27,76,160,.06)!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
  overflow:visible!important;
}
#page-topbar .navbar-header{
  min-height:70px!important;
  margin:0!important;
  padding:0 24px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
#page-topbar .navbar-header::before,
#page-topbar .navbar-header::after{
  content:none!important;
  display:none!important;
}
#page-topbar .navbar-header>.d-flex{
  position:relative!important;
  z-index:auto!important;
}
.navbar-brand-box.rc-brand-box{
  min-width:190px!important;
  height:70px!important;
  margin-right:10px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.navbar-brand-box.rc-brand-box .logo,
.rc-brand-link{
  height:70px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-decoration:none!important;
}
.navbar-brand-box.rc-brand-box .logo-light{display:none!important;}
.navbar-brand-box.rc-brand-box .logo-dark{display:flex!important;}
.rc-brand-text-single strong{
  font-size:21px!important;
  line-height:1!important;
  font-weight:840!important;
  letter-spacing:-.04em!important;
  background:linear-gradient(90deg,#1058d8 0%,#1687ff 58%,#18a981 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  white-space:nowrap!important;
}
#vertical-menu-btn{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  padding:0!important;
  border-radius:15px!important;
  background:rgba(35,100,255,.07)!important;
  color:#1d63d8!important;
  border:1px solid rgba(35,100,255,.12)!important;
  box-shadow:none!important;
}
#vertical-menu-btn:hover{
  background:rgba(35,100,255,.10)!important;
  transform:none!important;
  box-shadow:none!important;
}
#page-topbar .navbar-header>.d-flex:last-child{
  gap:4px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  align-items:center!important;
}
#page-topbar .dropdown.d-inline-block,
#page-topbar .dropdown.d-none.d-lg-inline-block{display:flex!important;align-items:center!important;}
#page-topbar .header-item{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  box-shadow:none!important;
}
#page-topbar .header-item:hover{background:rgba(35,100,255,.07)!important;box-shadow:none!important;transform:none!important;}
#page-topbar .noti-icon i{line-height:40px!important;margin-top:0!important;color:#42617f!important;}
#page-topbar .pointer{margin-left:10px!important;}
#page-topbar .pointer a{
  height:38px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  background:linear-gradient(135deg,#2364ff,#1595ef)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(35,100,255,.18)!important;
  font-weight:820!important;
  text-decoration:none!important;
}
.main-content{padding-top:88px!important;}
@media (min-width:992px){.main-content{padding-top:92px!important;}}
@media (max-width:991.98px){
  #page-topbar{
    padding:0!important;
    border-radius:0!important;
    box-shadow:0 6px 20px rgba(27,76,160,.055)!important;
  }
  #page-topbar .navbar-header{
    min-height:64px!important;
    padding:0 10px!important;
    border-radius:0!important;
  }
  .navbar-brand-box.rc-brand-box{min-width:156px!important;height:64px!important;margin-right:6px!important;}
  .navbar-brand-box.rc-brand-box .logo,
  .rc-brand-link{height:64px!important;}
  .rc-brand-text-single strong{font-size:18px!important;}
  #vertical-menu-btn{width:40px!important;min-width:40px!important;height:40px!important;border-radius:14px!important;}
  #page-topbar .header-item{width:38px!important;min-width:38px!important;height:38px!important;border-radius:13px!important;}
  #page-topbar .noti-icon i{line-height:38px!important;}
  .main-content{padding-top:78px!important;}
}
@media (max-width:575.98px){
  #page-topbar .navbar-header{padding:0 8px!important;}
  .navbar-brand-box.rc-brand-box{min-width:148px!important;margin-right:4px!important;}
  .rc-brand-text-single strong{font-size:17px!important;}
}

/* RaccoonCloud console scheme C v1.3 - rounded single-layer topbar
   Rounded corners live only on #page-topbar; .navbar-header remains a transparent layout container. */
#page-topbar{
  top:14px!important;
  left:20px!important;
  right:20px!important;
  padding:0!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(100,148,190,.18)!important;
  box-shadow:0 12px 32px rgba(27,76,160,.08), inset 0 1px 0 rgba(255,255,255,.72)!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
  overflow:hidden!important;
}
#page-topbar .navbar-header{
  min-height:70px!important;
  padding:0 22px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
#page-topbar .navbar-header::before,
#page-topbar .navbar-header::after{
  content:none!important;
  display:none!important;
}
.navbar-brand-box.rc-brand-box,
#page-topbar .navbar-header>.d-flex:last-child{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
@media (min-width:992px){
  .main-content{padding-top:106px!important;}
}
@media (max-width:991.98px){
  #page-topbar{
    top:8px!important;
    left:8px!important;
    right:8px!important;
    padding:0!important;
    border-radius:18px!important;
    overflow:hidden!important;
    box-shadow:0 8px 24px rgba(27,76,160,.075), inset 0 1px 0 rgba(255,255,255,.72)!important;
  }
  #page-topbar .navbar-header{
    min-height:64px!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .main-content{padding-top:86px!important;}
}
@media (max-width:575.98px){
  #page-topbar{
    top:7px!important;
    left:7px!important;
    right:7px!important;
    border-radius:16px!important;
  }
  #page-topbar .navbar-header{padding:0 8px!important;}
  .main-content{padding-top:84px!important;}
}

/* RaccoonCloud console scheme C v1.3.1 - vertical menu button alignment
   Keep the hamburger button on the same vertical centerline as logo and right-side icons. */
#page-topbar .navbar-header > .d-flex:first-child{
  align-items:center!important;
}
#vertical-menu-btn{
  align-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:0!important;
  margin-bottom:0!important;
  line-height:1!important;
  transform:none!important;
  position:relative!important;
  top:0!important;
}
#vertical-menu-btn i{
  display:block!important;
  line-height:1!important;
  margin:0!important;
}

/* RaccoonCloud console scheme C v1.3.2 - collapsed sidebar icon optical centering
   Fix: in collapsed sidebar, active cart icon looked visually right-heavy because the left indicator sat inside the icon tile. */
body.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a{
  width:52px!important;
  height:52px!important;
  min-height:52px!important;
  padding:0!important;
  margin:6px auto!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  transform:none!important;
}
body.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i{
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  line-height:22px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:20px!important;
  transform:none!important;
}
body.vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active>a,
body.vertical-collpsed .vertical-menu #sidebar-menu ul li a.active,
body.vertical-collpsed .vertical-menu #sidebar-menu ul li a[aria-expanded="true"]{
  background:rgba(35,100,255,.075)!important;
  box-shadow:inset 0 0 0 1px rgba(35,100,255,.12)!important;
  color:#1d63d8!important;
}
body.vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active>a::before,
body.vertical-collpsed .vertical-menu #sidebar-menu ul li a.active::before,
body.vertical-collpsed .vertical-menu #sidebar-menu ul li a[aria-expanded="true"]::before{
  display:none!important;
  content:none!important;
}
body.vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active>a i,
body.vertical-collpsed .vertical-menu #sidebar-menu ul li a.active i,
body.vertical-collpsed .vertical-menu #sidebar-menu ul li a[aria-expanded="true"] i{
  color:#1d63d8!important;
  transform:translateX(-1px)!important;
}
body.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:hover{
  transform:none!important;
}

/* RaccoonCloud console scheme C v1.3.3 - collapsed sidebar hover expand overlay
   Scheme A: when collapsed, hover temporarily expands sidebar over content without moving main content. */
@media (min-width:992px){
  body.vertical-collpsed .vertical-menu{
    width:78px!important;
    overflow:visible!important;
    z-index:1015!important;
    transition:width .18s ease, box-shadow .18s ease, background .18s ease!important;
  }
  body.vertical-collpsed .vertical-menu .h-100,
  body.vertical-collpsed .vertical-menu .simplebar-content-wrapper,
  body.vertical-collpsed .vertical-menu .simplebar-mask,
  body.vertical-collpsed .vertical-menu .simplebar-offset{
    overflow:visible!important;
  }
  body.vertical-collpsed .vertical-menu:not(:hover) #sidebar-menu > ul > li > a span,
  body.vertical-collpsed .vertical-menu:not(:hover) #sidebar-menu > ul > li > a .menu-item,
  body.vertical-collpsed .vertical-menu:not(:hover) #sidebar-menu > ul > li > a .menu-title-text{
    display:none!important;
    opacity:0!important;
    width:0!important;
    max-width:0!important;
    overflow:hidden!important;
  }
  body.vertical-collpsed .vertical-menu:hover{
    width:242px!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 26px 68px rgba(27,76,160,.14),0 2px 10px rgba(15,23,42,.05)!important;
  }
  body.vertical-collpsed .vertical-menu:hover #sidebar-menu{
    padding:18px 12px!important;
  }
  body.vertical-collpsed .vertical-menu:hover #sidebar-menu > ul > li > a{
    width:auto!important;
    height:52px!important;
    min-height:52px!important;
    margin:5px 0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    border-radius:16px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  body.vertical-collpsed .vertical-menu:hover #sidebar-menu > ul > li > a i{
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    line-height:22px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    transform:none!important;
  }
  body.vertical-collpsed .vertical-menu:hover #sidebar-menu > ul > li > a span{
    display:inline-block!important;
    opacity:1!important;
    width:auto!important;
    max-width:150px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    transition:opacity .14s ease .03s!important;
  }
  body.vertical-collpsed .vertical-menu:hover #sidebar-menu ul li.mm-active>a::before,
  body.vertical-collpsed .vertical-menu:hover #sidebar-menu ul li a.active::before,
  body.vertical-collpsed .vertical-menu:hover #sidebar-menu ul li a[aria-expanded="true"]::before{
    display:block!important;
    content:""!important;
    position:absolute!important;
    left:8px!important;
    top:50%!important;
    width:4px!important;
    height:22px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,var(--rc-green),var(--rc-cyan))!important;
    transform:translateY(-50%)!important;
  }
  body.vertical-collpsed .vertical-menu:hover #sidebar-menu ul li.mm-active>a i,
  body.vertical-collpsed .vertical-menu:hover #sidebar-menu ul li a.active i,
  body.vertical-collpsed .vertical-menu:hover #sidebar-menu ul li a[aria-expanded="true"] i{
    transform:none!important;
  }
  body.vertical-collpsed .main-content{
    transition:none!important;
  }
}

/* RaccoonCloud console scheme C v1.3.4 - web-home matching grid background */
html body[data-sidebar="dark"]{
  background:
    radial-gradient(circle at 11% 10%, rgba(35,100,255,.13), transparent 28rem),
    radial-gradient(circle at 82% 6%, rgba(26,167,200,.14), transparent 24rem),
    radial-gradient(circle at 78% 88%, rgba(117,87,246,.10), transparent 30rem),
    linear-gradient(180deg,#fff 0%,#f5f7fb 42%,#eef2f7 100%)!important;
}
html body[data-sidebar="dark"]::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:-2!important;
  opacity:.38!important;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.20'/%3E%3C/svg%3E")!important;
}
html body[data-sidebar="dark"]::after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:-3!important;
  background:linear-gradient(90deg,rgba(17,24,39,.045) 1px,transparent 1px),linear-gradient(rgba(17,24,39,.04) 1px,transparent 1px)!important;
  background-size:64px 64px!important;
  mask-image:linear-gradient(to bottom,transparent,black 12%,black 80%,transparent)!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent,black 12%,black 80%,transparent)!important;
}
.main-content,
.page-content{
  background:transparent!important;
}

/* RaccoonCloud console grid visibility fix v1.3.5 */
html body[data-sidebar="dark"]::before{
  z-index:0!important;
  opacity:.30!important;
}
html body[data-sidebar="dark"]::after{
  z-index:0!important;
  opacity:.95!important;
}
#layout-wrapper,
.main-content,
.page-content,
.container-fluid{
  position:relative!important;
  z-index:1!important;
}
body[data-sidebar="dark"] .main-content,
body[data-sidebar="dark"] .page-content{
  background:transparent!important;
}

/* RaccoonCloud console table header neutralization v1.3.6 */
.table-responsive,
.table-container,
.table-header{
  border-radius:20px!important;
  overflow:hidden!important;
}
.table-responsive .table,
.table-container .table,
.table-header .table,
.table{
  border-collapse:separate!important;
  border-spacing:0 8px!important;
}
.table thead,
.table-responsive thead,
.table-container thead{
  position:relative!important;
}
.table thead tr,
.table-responsive thead tr,
.table-container thead tr{
  background:#f3f6fa!important;
}
.table thead th,
.table-responsive thead th,
.table-container thead th{
  background:#f3f6fa!important;
  color:#5b6472!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
.table thead th:first-child,
.table-responsive thead th:first-child,
.table-container thead th:first-child{
  border-top-left-radius:14px!important;
  border-bottom-left-radius:14px!important;
}
.table thead th:last-child,
.table-responsive thead th:last-child,
.table-container thead th:last-child{
  border-top-right-radius:14px!important;
  border-bottom-right-radius:14px!important;
}
.table thead th::before,
.table thead th::after,
.table-responsive thead th::before,
.table-responsive thead th::after,
.table-container thead th::before,
.table-container thead th::after{
  background:none!important;
  box-shadow:none!important;
}

/* RaccoonCloud tab pill replacement v1.3.7 */
.nav-tabs,
.nav-pills,
.nav-tabs-custom,
.affs-nav.nav-tabs-custom{
  border-bottom:0!important;
  gap:8px!important;
}
.nav-tabs .nav-link,
.nav-pills .nav-link,
.nav-tabs-custom .nav-item .nav-link,
.affs-nav.nav-tabs-custom .nav-item .nav-link{
  position:relative!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#667085!important;
  font-weight:760!important;
  padding:9px 16px!important;
  box-shadow:none!important;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.nav-tabs .nav-link::after,
.nav-tabs .nav-link::before,
.nav-pills .nav-link::after,
.nav-pills .nav-link::before,
.nav-tabs-custom .nav-item .nav-link::after,
.nav-tabs-custom .nav-item .nav-link::before,
.affs-nav.nav-tabs-custom .nav-item .nav-link::after,
.affs-nav.nav-tabs-custom .nav-item .nav-link::before{
  content:none!important;
  display:none!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
.nav-tabs .nav-link:hover,
.nav-pills .nav-link:hover,
.nav-tabs-custom .nav-item .nav-link:hover,
.affs-nav.nav-tabs-custom .nav-item .nav-link:hover{
  background:rgba(35,100,255,.06)!important;
  color:#17365f!important;
  transform:none!important;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.nav-tabs-custom .nav-item .nav-link.active,
.nav-tabs-custom .nav-item.show .nav-link,
.affs-nav.nav-tabs-custom .nav-item .nav-link.active,
.affs-nav.nav-tabs-custom .nav-item.show .nav-link{
  background:linear-gradient(135deg,rgba(22,160,109,.12),rgba(35,100,255,.08))!important;
  color:#0f6b50!important;
  box-shadow:inset 0 0 0 1px rgba(22,160,109,.16)!important;
  border:0!important;
}
.nav-tabs .nav-item,
.nav-pills .nav-item,
.nav-tabs-custom .nav-item,
.affs-nav.nav-tabs-custom .nav-item{
  margin-bottom:0!important;
}

/* RaccoonCloud dropdown layering fix v1.3.8 */
#page-topbar,
#page-topbar .navbar-header,
#page-topbar .dropdown,
#page-topbar .dropdown-menu,
#page-topbar .navbar-header > .d-flex,
#page-topbar .navbar-header > .d-flex:last-child{
  overflow:visible!important;
}
#page-topbar .dropdown.d-inline-block,
#page-topbar .dropdown.d-none.d-lg-inline-block,
#page-topbar .dropdown.show,
#page-topbar .dropdown.open{
  position:relative!important;
  z-index:10020!important;
}
#page-topbar .dropdown-menu,
#page-topbar .dropdown-menu-right,
#page-topbar #page-header-user-dropdown + .dropdown-menu,
#page-topbar .dropdown-menu.show{
  position:absolute!important;
  z-index:10030!important;
}
#page-topbar #page-header-user-dropdown{
  position:relative!important;
  z-index:10021!important;
}