/* YSG GROUP ALL — Option C system icons
   Standalone navy/gold floating icon system. UI controls keep their hit area,
   while visible icon tiles/frames are removed. */
:root{
  --ysg-icon-navy:#082444;
  --ysg-icon-gold:#c99a43;
}
.ysg-option-c-icon{
  width:24px;
  height:24px;
  display:inline-block;
  vertical-align:middle;
  flex:0 0 auto;
  filter:drop-shadow(0 4px 5px rgba(6,30,58,.12));
  transition:transform .18s ease,filter .18s ease,opacity .18s ease;
  -webkit-user-drag:none;
  user-select:none;
}
.ysg-option-c-active .module-icon{
  width:50px!important;
  height:50px!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
  overflow:visible!important;
  place-items:center;
}
.ysg-option-c-active .module-icon .ysg-option-c-icon{width:46px;height:46px}
.ysg-option-c-active .module:hover .ysg-option-c-icon,
.ysg-option-c-active .module:focus-visible .ysg-option-c-icon{transform:translateY(-2px) scale(1.035);filter:drop-shadow(0 7px 8px rgba(6,30,58,.16))}
.ysg-option-c-active .stat>.ysg-option-c-icon,
.ysg-option-c-active .stat>div>.ysg-option-c-icon{width:34px;height:34px}
.ysg-option-c-active .avatar{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.ysg-option-c-active .avatar .ysg-option-c-icon{width:42px;height:42px}
.ysg-option-c-active .icon-btn{
  background:transparent!important;
  box-shadow:none!important;
  border-color:transparent!important;
  overflow:visible;
}
.ysg-option-c-active .icon-btn .ysg-option-c-icon{width:27px;height:27px}
.ysg-option-c-active .icon-btn:hover .ysg-option-c-icon{transform:translateY(-1px) scale(1.04)}
.ysg-option-c-active .navbtn{
  background:transparent!important;
  overflow:visible;
}
.ysg-option-c-active .navbtn.active{
  color:var(--ysg-icon-navy)!important;
  background:transparent!important;
  font-weight:850;
}
.ysg-option-c-active .navbtn .ysg-option-c-icon{width:26px;height:26px;filter:grayscale(.12) saturate(.78) drop-shadow(0 2px 3px rgba(6,30,58,.08));opacity:.8}
.ysg-option-c-active .navbtn.active .ysg-option-c-icon{width:28px;height:28px;opacity:1;filter:drop-shadow(0 4px 5px rgba(6,30,58,.15))}
.ysg-option-c-active .tool .ysg-option-c-icon{display:block;width:28px;height:28px;margin:0 auto 5px}
.ysg-option-c-active .back{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.ysg-option-c-active .back .ysg-option-c-icon{width:28px;height:28px}
.ysg-option-c-active .empty>.ysg-option-c-icon{width:56px;height:56px;opacity:.78}
.ysg-option-c-active .page-head .btn .ysg-option-c-icon,
.ysg-option-c-active .btn .ysg-option-c-icon{width:22px;height:22px;filter:drop-shadow(0 2px 3px rgba(6,30,58,.1))}
.ysg-option-c-active .item>.ysg-option-c-icon{width:32px;height:32px}
.ysg-option-c-active .ysg-option-c-fallback{
  color:var(--ysg-icon-navy)!important;
  filter:drop-shadow(0 2px 2px rgba(6,30,58,.10));
  stroke-width:1.85!important;
}
@media(max-width:760px){
  .ysg-option-c-active .module-icon{width:44px!important;height:44px!important}
  .ysg-option-c-active .module-icon .ysg-option-c-icon{width:41px;height:41px}
  .ysg-option-c-active .stat>.ysg-option-c-icon,
  .ysg-option-c-active .stat>div>.ysg-option-c-icon{width:30px;height:30px}
  .ysg-option-c-active .navbtn .ysg-option-c-icon{width:24px;height:24px}
  .ysg-option-c-active .navbtn.active .ysg-option-c-icon{width:26px;height:26px}
}