:root{--va-sky:#19b5ef;--va-cyan:#68d8ff;--va-ink:#07151d;--accent:#19b5ef;--primary:#19b5ef;color-scheme:dark}
body{background:radial-gradient(ellipse at top right,#08334a 0,transparent 52%),#071014!important;color:#eefaff!important}
.header{background:#08141b!important;border-bottom:2px solid #19b5ef!important;padding:22px 18px!important}
.viaalta-brand{display:flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;color:#fff}
.viaalta-brand img{width:84px;height:84px;object-fit:contain}.viaalta-brand h1{margin:3px 0!important;color:#fff!important;letter-spacing:1px}.viaalta-brand small{color:#68d8ff;letter-spacing:2px}.viaalta-brand span{color:#bdefff;font-size:12px}
.nav,.nav-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}
.nav a,.nav-menu a{background:#0d2633!important;color:#e0f7ff!important;border:1px solid #1f6986!important;padding:10px 14px;border-radius:8px;text-decoration:none}.nav a.active,.nav a:hover,.nav-menu a:hover{background:#19b5ef!important;color:#031018!important}
.card,.card-form,.filtros,.filtro,.sidebar,.login-card,.setup-card{background:#101b22!important;border-color:#1f6986!important}
button,input[type=submit],.btn,.btn-primary,.btn-editar,.volver{background:#19b5ef!important;color:#041016!important;border-color:#7bdcff!important}
.btn-eliminar,.btn-danger{background:#6c2332!important;color:white!important}
input,select,textarea{background:#081116!important;color:#fff!important;border-color:#28677f!important}
input:focus,select:focus,textarea:focus{outline:2px solid #19b5ef;outline-offset:2px}
input[type=checkbox],input[type=radio]{accent-color:#19b5ef}
th,thead th{background:#0b3042!important;color:#e8f8ff!important;border-bottom-color:#19b5ef!important}
tbody td{background:#101b22!important;color:#eefaff!important}tbody tr:nth-child(even) td{background:#132631!important}tbody tr:hover td{background:#17445d!important}
a{color:#72d7ff}h1,h2,h3{color:#fff}::selection{background:#19b5ef;color:#071014}
.viaalta-mascota{display:block;width:140px;height:140px;object-fit:contain;margin:16px auto;border-radius:18px}
@media(max-width:600px){.viaalta-brand img{width:64px;height:64px}.viaalta-brand h1{font-size:25px}.nav a{padding:9px;font-size:12px}}
@media print{body,main,.card,table,tbody td{background:white!important;color:black!important}.header,.nav,.no-print{display:none!important}h1,h2,h3{color:black!important}}

/* Motion and interaction: no hidden content, no changes to business values. */
.ln-counter{font-variant-numeric:tabular-nums;position:relative}
.ln-counter-readable{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.nav a,.nav-menu a,button,.btn,.dashboard-card-link,.acciones a{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}
.cards>.card,.metric-box,.year-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.dashboard-card-link{background:#19b5ef!important;color:#041016!important}
.bar-fill{background:linear-gradient(90deg,#078dcc,#19b5ef 65%,#8ae4ff)!important;transform-origin:left center}
.nav a:focus-visible,button:focus-visible,.dashboard-card-link:focus-visible{outline:2px solid #8ae4ff;outline-offset:4px}
button:disabled{opacity:.5;cursor:not-allowed}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .nav a:hover,.nav-menu a:hover,button:not(:disabled):hover,.dashboard-card-link:hover,.acciones a:hover{transform:translateY(-2px);box-shadow:0 6px 18px #19b5ef33}
 .cards>.card:hover,.metric-box:hover,.year-card:hover{transform:translateY(-3px);border-color:#19b5ef!important;box-shadow:0 14px 36px #0006,0 0 22px #19b5ef20}
 button:not(:disabled):active,.nav a:active{transform:translateY(0) scale(.98)}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{.ln-counter-readable{position:static;width:auto;height:auto;margin:0;clip-path:none}.ln-counter [aria-hidden=true]{display:none}}

/* Shared action link appearance: links keep navigation semantics and destinations. */
a.ln-action,a.volver,.acciones a,a.btn,a.btn-editar,a.boton,a.dashboard-card-link{
 display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
 box-sizing:border-box;min-height:40px;padding:10px 16px!important;max-width:100%;
 border:1px solid #7bdcff!important;border-radius:8px!important;
 background:#19b5ef!important;color:#041016!important;
 font-family:inherit;font-size:14px;font-weight:700;line-height:1.25;
 text-decoration:none!important;text-align:center;vertical-align:middle;
 white-space:normal;overflow-wrap:anywhere;cursor:pointer;
 transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.acciones{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}
a.volver{margin:0 0 18px}
a.ln-action:focus-visible{outline:2px solid #8ae4ff;outline-offset:3px}
a.ln-action.btn-eliminar,a.ln-action.btn-danger{background:#6c2332!important;color:#fff!important;border-color:#b9556b!important}
a.ln-action.is-active,a.ln-action[aria-current=page]{box-shadow:0 0 0 2px #8ae4ff}
.viaalta-brand img,.login-card img:not(.viaalta-mascota),.setup-card img,.offline-card img{object-fit:contain;background:#050b0f!important;padding:0!important;border-radius:18%}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 a.ln-action:hover{background:#6fd8ff!important;transform:translateY(-2px);box-shadow:0 6px 18px #19b5ef35}
 a.ln-action:active{transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){a.ln-action{transition:none!important}}
@media print{a.ln-action{display:none!important}}