/* ENASC OS v1.2.6 — Menu pratica raffinato: active light, hover soft. */
.practice-nav-v102{
  border-color:#dbe3ee!important;
  box-shadow:0 10px 26px rgba(31,48,82,.065)!important;
}
.practice-nav-v102-head{
  padding:13px 17px!important;
  background:linear-gradient(105deg,#fbfcff 0%,#fafbff 55%,#f8fcfb 100%)!important;
  border-bottom-color:#e6ebf2!important;
}
.practice-nav-v102-head>div{gap:12px!important}
.practice-nav-v102-head span{font-size:9px!important;color:#6c7890!important}
.practice-nav-v102-head strong{font-size:16px!important;color:#17233d!important}
.practice-nav-v102-head small{color:#7a8799!important}

.practice-tabs-v102{
  gap:9px!important;
  padding:11px!important;
  background:#fbfcfe!important;
}
.practice-tabs-v102 button{
  position:relative!important;
  overflow:visible!important;
  min-height:58px!important;
  border:1px solid #dfe6ef!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#1e2d46!important;
  box-shadow:0 2px 8px rgba(31,48,82,.028)!important;
  transform:none!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.practice-tabs-v102 .practice-tab-icon{
  transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.practice-tabs-v102 .practice-tab-label{
  color:#17233d!important;
  font-weight:900!important;
}

/* Hover: leggero e pulito, senza riempimenti aggressivi. */
.practice-tabs-v102 button:hover{
  transform:translateY(-1px)!important;
  background:#fcfdff!important;
  border-color:#ccd7e5!important;
  color:#17233d!important;
  box-shadow:0 7px 18px rgba(31,48,82,.07)!important;
}
.practice-tabs-v102 button:hover .practice-tab-icon{
  transform:translateY(-1px)!important;
  box-shadow:0 4px 10px rgba(31,48,82,.06)!important;
}

/* Active: card chiara, bordo soft e piccolo indicatore inferiore. */
.practice-tabs-v102 button.active,
.practice-tabs-v102 button.active:hover{
  transform:none!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfaff 100%)!important;
  border-color:#cfcaff!important;
  color:#17233d!important;
  box-shadow:0 8px 20px rgba(82,70,210,.08),inset 0 0 0 1px rgba(103,91,232,.035)!important;
}
.practice-tabs-v102 button.active::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-5px;
  width:44px;
  height:4px;
  border-radius:999px;
  transform:translateX(-50%);
  background:var(--tab);
  box-shadow:0 2px 7px color-mix(in srgb,var(--tab) 24%,transparent);
}
.practice-tabs-v102 button.active .practice-tab-icon,
.practice-tabs-v102 button.active:hover .practice-tab-icon{
  background:var(--tab-soft)!important;
  color:var(--tab)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)!important;
  transform:none!important;
}
.practice-tabs-v102 button.active .practice-tab-label,
.practice-tabs-v102 button.active:hover .practice-tab-label{
  color:#17233d!important;
}

/* Fallback per browser senza color-mix: l'ombra resta elegante anche se ignorata. */
@supports not (color:color-mix(in srgb,#000 10%,transparent)){
  .practice-tabs-v102 button.active::after{box-shadow:0 2px 7px rgba(65,105,220,.16)}
}

@media(max-width:760px){
  .practice-tabs-v102 button.active::after{bottom:-4px;height:3px;width:38px}
}