/* MEXIM UI INTEGRAL 2026-09-10 */
:root{--mx-bg:#f6f9fd;--mx-card:#fff;--mx-text:#123a6d;--mx-muted:#7187a5;--mx-border:#e2eaf4;--mx-blue:#2476d8;--mx-soft:#eaf3ff;--mx-radius:14px}
html,body{background:var(--mx-bg)!important;color:var(--mx-text)!important}.content{padding:22px 26px 36px!important;max-width:1600px!important;margin:0 auto!important}
.title{margin-bottom:18px!important}.title h1{font-size:25px!important;letter-spacing:-.02em!important;color:#0d3970!important}.title p,.crumb,.muted{color:var(--mx-muted)!important}
.panel{background:var(--mx-card)!important;border:1px solid var(--mx-border)!important;border-radius:var(--mx-radius)!important;box-shadow:0 5px 18px rgba(45,77,120,.055)!important;overflow:hidden}.head{padding:15px 18px!important;border-bottom:1px solid #edf2f8!important;background:#fff!important;color:#123d73!important}.body{padding:18px!important}
.formgrid{gap:14px!important}.field label{font-size:11px!important;color:#647c9c!important;margin-bottom:6px!important}.field input,.field select,.field textarea,select{border:1px solid #dce6f2!important;border-radius:9px!important;background:#fff!important;min-height:40px!important;color:#234b7a!important;box-shadow:none!important}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8dbdf2!important;outline:3px solid #eaf4ff!important}
.btn{border:1px solid #dce6f2!important;border-radius:9px!important;background:#fff!important;color:#315b8d!important;min-height:38px!important;font-weight:700!important;box-shadow:none!important}.btn:hover{background:#f2f7fd!important;border-color:#c8daee!important}.btn.primary,.primary{background:#2476d8!important;border-color:#2476d8!important;color:#fff!important}.btn.primary:hover{background:#1767c7!important}
.table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}.table th{background:#f7faff!important;color:#6a809e!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.04em!important;padding:11px 12px!important;border-bottom:1px solid #e6edf6!important}.table td{padding:12px!important;border-bottom:1px solid #edf2f7!important;color:#294e7b!important}.table tr:last-child td{border-bottom:0!important}.table tr:hover td{background:#fbfdff!important}
.mx-toolbar{padding:0 0 14px!important;gap:12px!important}.mx-search input{height:40px!important;border-radius:10px!important;background:#f8fbff!important}.mx-chip{background:#edf5ff!important;border:1px solid #d9e9fb!important;color:#3b6fa8!important;border-radius:999px!important;padding:7px 11px!important}.mx-table-wrap{border:1px solid #e6edf6!important;border-radius:11px!important;overflow:auto!important}
.badge{border-radius:999px!important;padding:5px 9px!important;font-weight:750!important}.badge.green{background:#dcf7e9!important;color:#16754a!important}.badge.yellow{background:#fff1cf!important;color:#95650a!important}.badge.red{background:#ffe0e5!important;color:#a7374c!important}.badge.blue{background:#e4f0ff!important;color:#2769b6!important}
.kpi{border-radius:14px!important;background:#fff!important;border:1px solid var(--mx-border)!important;box-shadow:0 4px 16px rgba(45,77,120,.05)!important}.top{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e4ebf4!important;box-shadow:0 2px 10px rgba(36,67,105,.04)!important}.top-search{background:#f7faff!important;border-color:#dfe8f3!important;border-radius:9px!important}
@media(max-width:900px){.content{padding:18px!important}.formgrid{grid-template-columns:1fr 1fr!important}}@media(max-width:650px){.content{padding:14px!important}.formgrid{grid-template-columns:1fr!important}.table{min-width:720px!important}.top-search{display:none!important}}