/* Identidad MOVILREP: azul profundo, verde agua y superficies claras. */
:root{--green:#106c73;--border:#dfe9ec;--muted:#607780;background:#f3f7f9;color:#183c4b;font-family:'Segoe UI',Arial,sans-serif}
body{background:radial-gradient(ellipse at 95% 0,#e2f2ed 0,transparent 42%),#f3f7f9}
.layout{grid-template-columns:248px minmax(0,1fr)}
aside{padding:30px 22px;background:linear-gradient(165deg,#103449,#104d5e 65%,#16766f);border-right:1px solid #ffffff12}
.brand{padding:16px 12px;border-radius:18px;box-shadow:0 8px 24px #06233326}
.aside-sub{font-size:9px;letter-spacing:2.4px;margin:20px 0 36px;color:#bdd7dc}
aside nav{display:grid;gap:8px}
.nav-item{border-radius:12px;padding:15px 14px;margin:0;font-size:14px;font-weight:500;transition:background .15s,color .15s}
.nav-item span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #ffffff30;border-radius:8px;font-size:18px}
.nav-item:hover{background:#ffffff12;filter:none}
.nav-item.active{background:#d9f3e9;color:#134b51;box-shadow:0 5px 16px #082b3726;font-weight:700}
.nav-item.active span{border-color:#198c7333;background:#ffffff66}
.server-label{padding:22px 8px;color:#e4f1ee;line-height:1.6}.logout{padding:18px 8px;font-size:12px}
main{padding:0 38px 40px;max-width:1700px;width:100%;margin:auto}
.topline{height:78px;border-bottom:1px solid #dce7eb;color:#5d7480;font-size:12px}.topline strong{color:#205567}
.page-head{margin:34px 0 28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#278779;margin-bottom:11px}
h1{font-size:42px;line-height:1.1;letter-spacing:-.6px;color:#173e4e}h2{color:#204a58}
.page-head p:not(.eyebrow){font-size:14px;color:#607985;margin-top:12px}
button,.button{border-radius:11px;padding:12px 18px;transition:background .15s,box-shadow .15s}
.page-head>button,.modal-foot button[type=submit],.login form>button{background:linear-gradient(115deg,#19877c,#125870);box-shadow:0 5px 14px #11677125;min-height:46px}
.secondary{border-color:#cddfe3;background:#fff;color:#21586a}.secondary:hover{background:#eef7f7}
.stats{gap:18px;margin-bottom:26px}.stats>div{position:relative;border-radius:18px;padding:23px 26px;background:#fff;border:1px solid #e1e9ed;box-shadow:0 4px 18px #193d4a05;overflow:hidden}
.stats>div:after{content:'';position:absolute;right:24px;top:26px;width:10px;height:10px;border:5px solid #e6f0f7;background:#548cae;border-radius:50%}
.stats>div:nth-child(2):after{border-color:#fff4d5;background:#c9a345}.stats>div.accent:after{border-color:#c6eadd;background:#279975}
.stats span{font-size:13px;color:#4e6976}.stats strong{font-size:46px;font-weight:650;letter-spacing:-2px;line-height:1.45;margin:8px 0 0;color:#1a485c}.stats small{font-size:11px;color:#647c85}
.stats .accent{background:linear-gradient(120deg,#e3f5ed,#f0faf5);border-color:#cae6da}
.panel{border:1px solid #dde8ed;border-radius:18px;box-shadow:0 8px 28px #183d4b05}
.toolbar{padding:18px 20px;gap:14px;background:#fff}.search{background:#f3f7f9;border:1px solid #e1eaee;border-radius:10px;padding:0 12px;min-height:44px}.search span{color:#6a8793}.search input{font-size:13px}.search:focus-within{border-color:#2f9d92;box-shadow:0 0 0 3px #e6f5ef}
.toolbar select{border-color:#dce6eb;min-height:44px;background:#fff}.toolbar button{min-height:44px}
th{padding:16px 18px;background:#f8fafb;color:#667f8b;font-size:10px;letter-spacing:.9px}td{padding:20px 18px;border-color:#e2e9eb;font-size:13px;line-height:1.45}td strong{font-weight:650}td small{margin-top:5px}.badge{font-size:11px;padding:6px 11px;font-weight:600}
.text-button{font-size:12px;border-radius:8px;padding:8px 10px;color:#176476;text-decoration:none}.text-button:hover{background:#ffffffa8;filter:none}
td:last-child .text-button{display:inline-block;margin:2px 0}a[href^="https://wa.me/"]{color:#136747;background:#e1f3e8;border:1px solid #b7dfc9}
.table-footer{padding:17px 20px;background:#fbfcfd;font-size:12px}.page-note{line-height:1.7;color:#69818b}.empty{padding:75px 24px}.empty h2{font-size:25px}.empty>span{background:#eaf5ef;width:65px;height:65px;border-radius:20px;line-height:65px;margin:0 auto 20px}
dialog{border:1px solid #dce9ed;border-radius:22px;padding:30px;width:min(820px,94vw);box-shadow:0 24px 100px #0a334447}dialog::backdrop{background:#092d436e;backdrop-filter:blur(5px)}
.modal-head{padding-bottom:21px;border-bottom:1px solid #e4ecef;margin-bottom:24px}.modal-head h2{font-size:29px}.modal-head .icon{background:#eff5f6;border-radius:50%;width:34px;height:34px;line-height:1;font-size:25px}.modal-head p:not(.eyebrow){line-height:1.6;max-width:620px}
.form-grid{gap:20px}label{font-size:12px;color:#395d6b;gap:9px}input,textarea,select{border-color:#d0dfe5;border-radius:10px;padding:12px 13px;color:#234653}textarea{line-height:1.6}input:focus,select:focus,textarea:focus{border-color:#2b9b8c;box-shadow:0 0 0 3px #e3f4ef}
.customer-search-box,.unlock-box{border-radius:14px;background:#f0f8f6;border-color:#d8eae5}.modal-foot{padding-top:22px;margin-top:25px}.print-actions{border:1px solid #d6e9e4;border-radius:13px;padding:18px}.print-actions small{line-height:1.6}.settings{padding:28px 30px}.settings h2{font-size:27px}.settings p{line-height:1.75}.history p{line-height:1.7}
#toast{border-radius:14px;box-shadow:0 12px 32px #103b4933;padding:17px 24px;line-height:1.5}
.login-wrap{background:#f5f9fa}.login-brand{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,#3aa79555,transparent 45%),linear-gradient(150deg,#113b52,#0b5867 65%,#278d7c)}.login-logo-card{border-radius:28px;padding:38px 28px;box-shadow:0 22px 70px #02283455}.login-brand small{font-size:20px;letter-spacing:.5px;margin-top:32px}.login h1{font-size:40px}.login form{gap:22px}.login input{background:white;padding:14px}.local-note{font-size:12px}
@media(min-width:1500px){main{padding-inline:55px}.page-head{margin-top:44px}.stats{gap:24px}}
@media(max-width:1150px){.layout{grid-template-columns:204px minmax(0,1fr)}aside{padding:26px 15px}main{padding-inline:23px}.nav-item{font-size:13px;padding:13px 10px}.toolbar{flex-wrap:wrap}.toolbar .search{flex-basis:100%}td,th{padding:15px 12px}}
@media(max-width:760px){.layout{display:block}aside{position:relative;height:auto;padding:17px 16px 14px;border-radius:0 0 22px 22px}.brand{width:137px;padding:7px 10px;border-radius:11px}.aside-sub,.server-label{display:none}.logout{top:25px;right:17px;padding:0;border:0;max-width:48%;font-size:11px}aside nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:16px}.nav-item{display:flex;flex-direction:column;gap:5px;padding:10px 2px;font-size:10px;border-radius:10px}.nav-item span{display:grid;width:24px;height:24px;font-size:16px;border:0}.nav-item.active{box-shadow:none}main{padding:0 15px 25px}.topline{height:58px;font-size:10px;gap:12px}.topline>span:last-child{text-align:right}.page-head{margin:27px 0 22px;gap:18px}h1{font-size:35px}.page-head p:not(.eyebrow){font-size:13px}.stats{gap:8px}.stats>div{padding:16px 11px;border-radius:13px}.stats>div:after{display:none}.stats span{font-size:11px;min-height:30px}.stats strong{font-size:34px;margin-top:1px}.stats small{font-size:10px;line-height:1.5;display:block}.panel{border-radius:14px}.toolbar{padding:13px}.toolbar select{max-width:none}.table-scroll{overscroll-behavior-x:contain}th,td{padding:14px 12px}.settings{padding:22px 18px}dialog{padding:22px 18px;border-radius:18px}.modal-head h2{font-size:26px}.form-grid{gap:17px}.modal-foot{flex-wrap:wrap}.modal-foot button{flex:1}.login-brand{padding:35px 24px}.login-logo-card{max-width:245px;padding:20px}.login-brand small{display:none}.login{padding:32px 24px}.login h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}