/* Transiciones de navegación sin interceptar enlaces ni formularios. */
@keyframes workspace-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes tile-enter{from{opacity:.25;transform:translateY(9px)}to{opacity:1;transform:none}}
.authenticated main{animation:workspace-enter .24s ease-out both}
.authenticated .cards .card{animation:tile-enter .32s ease-out backwards}
.authenticated .cards .card:nth-child(2){animation-delay:.035s}
.authenticated .cards .card:nth-child(3){animation-delay:.07s}
.authenticated .cards .card:nth-child(4){animation-delay:.105s}
.authenticated .chart svg{animation:workspace-enter .36s ease-out both}
.nav-item,.nav-icon{transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.nav-item:first-child{background:transparent;border-color:transparent;color:var(--muted)}
.nav-item[aria-current=page]{background:linear-gradient(100deg,#19425299,#15334466);border-color:#51cfcb4f;color:#b1fff0;box-shadow:inset 3px 0 0 #63e6b8,0 3px 10px #0002}
.nav-item[aria-current=page] .nav-icon{color:#63e6b8;text-shadow:0 0 12px #50dfbc55}
button,.button{transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}
button:active,.button:active{transform:translateY(1px)}
input,select,textarea{transition:border-color .15s ease,box-shadow .15s ease}
@media(hover:hover) and (pointer:fine){.nav-item:hover{background:#25445a66;border-color:#4b728744;color:#edfbff}.nav-item:hover .nav-icon{transform:translateX(2px)}button:hover,.button:hover{box-shadow:0 4px 15px #27c7d325}}
@media(prefers-reduced-motion:reduce){
    .authenticated main,.authenticated .cards .card,.authenticated .chart svg{animation:none}
    .nav-item,.nav-icon,button,.button,input,select,textarea{transition:none}
    .nav-item:hover .nav-icon,button:active,.button:active{transform:none}
}
/* Respuesta visible al puntero en tarjetas, paneles y Workspace. */
.authenticated .panel{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.topbar{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.sidebar{transition:border-color .2s ease,box-shadow .2s ease}
.nav-item{transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}
@media(hover:hover) and (pointer:fine){
    .authenticated .cards .card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
    .authenticated .cards .card:hover{transform:translateY(-6px) scale(1.012);border-color:var(--tile-accent,#67deed);box-shadow:inset 0 1px 0 #e1f6ff4a,inset 0 -2px 0 #050b17b3,0 12px 0 #060d1c,0 14px 0 #3a627b66,0 27px 40px -11px #000e}
    .authenticated .panel:hover{transform:translateY(-3px);border-color:#6cd7e6;box-shadow:inset 0 1px 0 #e1f6ff38,inset 0 -2px 0 #050b17b3,0 10px 0 #060d1c,0 12px 0 #3a627b66,0 25px 35px -11px #000d}
    .nav-item:hover{transform:translateX(4px);background:linear-gradient(100deg,#23596899,#1a3b5266);border-color:#5ce8d280;box-shadow:inset 3px 0 0 #63e6b8,0 5px 13px #0004;color:#e0fff8}
    .nav-item:hover .nav-icon{transform:translateX(1px) rotate(-6deg) scale(1.13);color:#7effdf}
    .topbar:hover{background-color:#142a3be0;border-bottom-color:#4ad7ec70;box-shadow:0 4px 18px #24cdd615}
    .sidebar:hover{border-right-color:#4ad7ec60;box-shadow:5px 0 22px #24cdd608}
    button:hover,.button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #27c7d33b}
    button:active,.button:active{transform:translateY(1px)}
}
@media(prefers-reduced-motion:reduce){
    .authenticated .panel,.authenticated .cards .card,.nav-item,.nav-icon,.topbar,.sidebar{transition:none}
    .authenticated .panel:hover,.authenticated .cards .card:hover,.nav-item:hover,.nav-item:hover .nav-icon,button:hover,.button:hover{transform:none}
}