:root{--ln-pink:#f48ac1;--ln-gold:#d5a536;--accent:#f48ac1;--primary:#f48ac1;color-scheme:dark}
body{background:radial-gradient(ellipse at top right,#321b29 0,transparent 50%),#0b0b0d!important;color:#f8f3f6!important}
.header{background:#101014!important;border-bottom:2px solid #d5a536!important;padding:22px 18px!important}
.laneco-brand{display:flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;color:#fff}
.laneco-brand img{width:84px;height:84px;object-fit:contain}.laneco-brand h1{margin:3px 0!important;color:#fff!important;letter-spacing:1px}.laneco-brand small{color:#f48ac1;letter-spacing:2px}.laneco-brand span{color:#d5a536;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:#211820!important;color:#f8dbea!important;border:1px solid #674156!important;padding:10px 14px;border-radius:8px;text-decoration:none}.nav a.active,.nav a:hover,.nav-menu a:hover{background:#f48ac1!important;color:#190a12!important}
.card,.card-form,.filtros,.filtro,.sidebar,.login-card,.setup-card{background:#171519!important;border-color:#674156!important}
button,input[type=submit],.btn,.btn-primary,.btn-editar,.volver{background:#f48ac1!important;color:#200c17!important;border-color:#f7acd3!important}
.btn-eliminar,.btn-danger{background:#6c2332!important;color:white!important}
input,select,textarea{background:#0d0c0e!important;color:#fff!important;border-color:#755368!important}
input:focus,select:focus,textarea:focus{outline:2px solid #f48ac1;outline-offset:2px}
input[type=checkbox],input[type=radio]{accent-color:#f48ac1}
th,thead th{background:#2c1925!important;color:#ffc8e5!important;border-bottom-color:#d5a536!important}
tbody td{background:#171519!important;color:#f8f3f6!important}tbody tr:nth-child(even) td{background:#211b20!important}tbody tr:hover td{background:#30212c!important}
a{color:#ffbadd}h1,h2,h3{color:#fff}::selection{background:#f48ac1;color:#111}
.laneco-mascota{display:block;width:140px;height:140px;object-fit:contain;margin:16px auto;border-radius:18px}
@media(max-width:600px){.laneco-brand img{width:64px;height:64px}.laneco-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:#f48ac1!important;color:#200c17!important}
.bar-fill{background:linear-gradient(90deg,#bd4385,#f48ac1 65%,#d5a536)!important;transform-origin:left center}
.nav a:focus-visible,button:focus-visible,.dashboard-card-link:focus-visible{outline:2px solid #d5a536;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 #f48ac122}
 .cards>.card:hover,.metric-box:hover,.year-card:hover{transform:translateY(-3px);border-color:#d5a536!important;box-shadow:0 14px 36px #0006,0 0 22px #f48ac10c}
 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 #f7acd3!important;border-radius:8px!important;
 background:#f48ac1!important;color:#200c17!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 #d5a536;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 #d5a536}
.laneco-brand img,.login-card img:not(.laneco-mascota),.setup-card img,.offline-card img{object-fit:contain;background:#000!important;padding:0!important;border-radius:50%}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 a.ln-action:hover{background:#ffb5dc!important;transform:translateY(-2px);box-shadow:0 6px 18px #f48ac126}
 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}}