/* SAPP Central - mobile-first visual refresh / sin cambios de la lógica histórica */
:root{--azul:#163c39;--dorado:#c7a45a;--verde:#128566;--rojo:#ce4646;--bg:#f3f6f6;--card:#fff;--text:#173330;--muted:#667b78;--radius:18px;--shadow:0 8px 28px rgba(12,48,42,.085)}
html{scroll-behavior:smooth}body{background:#f3f6f6!important;color:#173330!important;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;line-height:1.45;-webkit-font-smoothing:antialiased}
.header,.hdr{background:linear-gradient(125deg,#143e39,#1b6258)!important;box-shadow:0 6px 24px rgba(10,57,50,.16)!important}
.login-screen,.login-bg{background:linear-gradient(145deg,#123934,#267565)!important}
.login-box{border:1px solid rgba(255,255,255,.5);box-shadow:0 22px 65px rgba(5,42,36,.2)!important}
.card,.crd,.kpi-card,.kpi,.dash-pend,.ta-card,.nov-card{border-radius:18px!important;box-shadow:0 6px 22px rgba(16,53,47,.065)!important;border:1px solid rgba(22,70,60,.065)}
button,input,select,textarea{font-family:inherit!important}button{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d0aa58!important;outline-offset:2px!important}
.login-btn,.btn-submit,.btn-g{min-height:52px;border-radius:14px!important;font-weight:700!important;letter-spacing:.1px}
.btn-submit.blue,.bg-blue,.login-btn{background:#16564c!important}.btn-submit.green,.bg-green{background:#128566!important}
.nav{height:76px!important;bottom:0;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -5px 24px rgba(12,48,42,.09)!important;border-top:1px solid #e5eeeb!important;background:#fff!important}
.nav button,.nav-btn{min-height:54px!important;min-width:48px!important;border-radius:12px!important}.nav button.act,.nav-btn.active{background:#e8f4ef!important;color:#12694f!important}
.nav button .ic,.nav-btn .icon{font-size:23px!important}
.sec,.section{max-width:900px;margin:0 auto}
.crd-t,.card-title{color:#163c39;letter-spacing:-.2px}
.fg input,.fg select,.form-select,.form-input,.pin-input,.pin-inp{border-radius:12px!important;min-height:49px}
.t-tog,.toggle-btn,.estado-btn,.status-btn,.prog-btn,.nov-action-btn{min-height:46px!important}
@media(max-width:390px){.sec,.section{padding:12px!important}.crd,.card{padding:16px!important}.kpi-g,.kpi-grid{gap:8px!important}.nav button,.nav-btn{font-size:10px!important;padding:6px 3px!important}}
@media(min-width:820px){body{padding-bottom:96px!important}.nav{left:50%!important;right:auto!important;transform:translateX(-50%);width:min(880px,100%)!important;border-radius:18px 18px 0 0}.hdr,.header{padding:18px 24px!important}.sec,.section{padding:25px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}