:root{--wbx-mx20-accent:#2563eb}.wbx-mx20-active{background:#f4f7fb!important}.wbx-mx20-host{padding-top:0!important}.wbx-mx20{width:100%;max-width:none;margin:0;padding:18px 18px 42px;color:#172033;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wbx-mx20-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 24px;margin-bottom:16px;border:1px solid #e3e9f2;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f8fbff 64%,color-mix(in srgb,var(--wbx-mx20-accent) 8%,#fff) 100%);box-shadow:0 16px 38px rgba(28,45,78,.06)}.wbx-mx20-heading{min-width:0}.wbx-mx20-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;color:var(--wbx-mx20-accent)!important;text-decoration:none!important;font-size:12px;font-weight:750}.wbx-mx20-back svg{width:16px;height:16px}.wbx-mx20-title{display:flex;align-items:center;gap:16px}.wbx-mx20-module-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:16px;color:#fff;background:linear-gradient(145deg,var(--wbx-mx20-accent),color-mix(in srgb,var(--wbx-mx20-accent) 45%,#fff));box-shadow:0 12px 26px color-mix(in srgb,var(--wbx-mx20-accent) 25%,transparent)}.wbx-mx20-module-icon svg{width:28px;height:28px}.wbx-mx20-title p{margin:0 0 5px;color:var(--wbx-mx20-accent);font-size:9px;font-weight:800;letter-spacing:.15em}.wbx-mx20-title h1{margin:0 0 5px!important;color:#172033!important;font-size:28px!important;line-height:1.1!important;font-weight:820!important}.wbx-mx20-title>div>span{color:#69778f;font-size:13px}.wbx-mx20-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.wbx-mx20-action{height:42px;padding:0 15px;border:1px solid #dce4ef;border-radius:10px;background:#fff;color:#34425b;font-size:12px;font-weight:750;display:inline-flex;align-items:center;gap:8px;transition:.18s ease}.wbx-mx20-action:hover{transform:translateY(-1px);border-color:var(--wbx-mx20-accent);color:var(--wbx-mx20-accent)}.wbx-mx20-action.primary{background:var(--wbx-mx20-accent);border-color:var(--wbx-mx20-accent);color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--wbx-mx20-accent) 24%,transparent)}.wbx-mx20-action svg{width:16px;height:16px}.wbx-mx20-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.wbx-mx20-kpi{position:relative;display:flex;align-items:center;gap:14px;min-height:120px;padding:18px;background:#fff;border:1px solid #e2e8f1;border-radius:16px;box-shadow:0 10px 26px rgba(21,35,62,.045);overflow:hidden}.wbx-mx20-kpi-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--wbx-mx20-accent) 10%,#fff);color:var(--wbx-mx20-accent);flex:0 0 auto}.wbx-mx20-kpi-icon svg{width:23px;height:23px}.wbx-mx20-kpi span{display:block;color:#68768d;font-size:11px;font-weight:700}.wbx-mx20-kpi strong{display:block;margin:7px 0 8px;color:#172033;font-size:28px;line-height:1;font-weight:820}.wbx-mx20-kpi small{color:#97a2b4;font-size:9px}.wbx-mx20-kpi>svg{position:absolute;right:14px;bottom:15px;width:76px;height:28px;color:color-mix(in srgb,var(--wbx-mx20-accent) 72%,#fff)}.wbx-mx20-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start}.wbx-mx20-layout>main{min-width:0}.wbx-mx20-records{background:#fff;border:1px solid #e2e8f1;border-radius:16px;box-shadow:0 12px 30px rgba(21,35,62,.05);overflow:hidden}.wbx-mx20-records>header{min-height:62px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9edf4}.wbx-mx20-records>header b{display:block;color:#1e2a42;font-size:13px}.wbx-mx20-records>header span{display:block;margin-top:3px;color:#8290a5;font-size:10px}.wbx-mx20-record-tools{display:flex;align-items:center;gap:7px;color:#738199;font-size:10px;font-weight:700}.wbx-mx20-record-tools svg{width:15px;height:15px;color:var(--wbx-mx20-accent)}.wbx-mx20-record-slot{width:100%;min-width:0}.wbx-mx20-native-content{width:100%!important;max-width:100%!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}.wbx-mx20-native-content>.card,.wbx-mx20-native-content>.panel,.wbx-mx20-native-content>.table-responsive,.wbx-mx20-native-content>.dataTables_wrapper{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:100%!important;max-width:100%!important}.wbx-mx20-native-content .table-responsive{overflow-x:auto!important}.wbx-mx20-native-content .dataTables_wrapper,.wbx-mx20-native-content table{width:100%!important;max-width:100%!important}.wbx-mx20-native-content table.dataTable thead th,.wbx-mx20-native-content .table>thead>tr>th{height:48px!important;padding:12px 13px!important;background:#f8fafc!important;color:#4d5b72!important;font-size:10px!important;font-weight:760!important;letter-spacing:.035em!important;border-bottom:1px solid #dfe6ef!important;white-space:nowrap}.wbx-mx20-native-content table.dataTable tbody td,.wbx-mx20-native-content .table>tbody>tr>td{padding:15px 13px!important;background:#fff!important;border-bottom:1px solid #edf1f6!important;vertical-align:middle!important}.wbx-mx20-native-content table.dataTable tbody tr:hover td,.wbx-mx20-native-content .table>tbody>tr:hover>td{background:#f7faff!important}.wbx-mx20-native-content .dataTables_filter,.wbx-mx20-native-content .dataTables_length,.wbx-mx20-native-content .dataTables_info,.wbx-mx20-native-content .dataTables_paginate{margin:12px 14px!important}.wbx-mx20-native-content .nav-tabs{padding:0 14px!important;background:#fff!important;border-bottom:1px solid #e7ecf3!important}.wbx-mx20-native-content .nav-tabs .nav-link{padding:13px 14px!important;border:0!important;color:#67758b!important;font-weight:700!important}.wbx-mx20-native-content .nav-tabs .nav-link.active{color:var(--wbx-mx20-accent)!important;border-bottom:2px solid var(--wbx-mx20-accent)!important;background:transparent!important}.wbx-mx20-original-header{display:none!important}.wbx-mx20-insights{display:flex;flex-direction:column;gap:14px;position:sticky;top:82px}.wbx-mx20-insights section{background:#fff;border:1px solid #e2e8f1;border-radius:15px;box-shadow:0 10px 25px rgba(21,35,62,.045);overflow:hidden}.wbx-mx20-insights header{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #edf1f6}.wbx-mx20-insights header b{font-size:11px}.wbx-mx20-insights header svg{width:16px;height:16px;color:var(--wbx-mx20-accent)}.wbx-mx20-insights article{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid #f0f3f7}.wbx-mx20-insights article>span{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:8px;background:color-mix(in srgb,var(--wbx-mx20-accent) 9%,#fff);color:var(--wbx-mx20-accent);flex:0 0 auto}.wbx-mx20-insights article svg{width:14px;height:14px}.wbx-mx20-insights article b{display:block;font-size:10px}.wbx-mx20-insights article small{display:block;margin-top:3px;color:#8290a5;font-size:9px}.wbx-mx20-insights footer{padding:11px;text-align:center;color:var(--wbx-mx20-accent);font-size:9px;font-weight:750}.wbx-mx20-empty{padding:24px;text-align:center;color:#8a97aa;font-size:10px}
@media(max-width:1450px){.wbx-mx20-layout{grid-template-columns:1fr}.wbx-mx20-insights{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.wbx-mx20-header{align-items:flex-start;flex-direction:column}.wbx-mx20-actions{width:100%;justify-content:flex-start}.wbx-mx20-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.wbx-mx20{padding:10px 10px 30px}.wbx-mx20-header{padding:17px}.wbx-mx20-title h1{font-size:23px!important}.wbx-mx20-kpis{display:flex;overflow-x:auto}.wbx-mx20-kpi{min-width:235px}.wbx-mx20-action{flex:1;justify-content:center}.wbx-mx20-insights{grid-template-columns:1fr}.wbx-mx20-records>header{align-items:flex-start;flex-direction:column;gap:8px}}


/* v20.5.0 — Invoices native performance mode */
.wbx-mx20-native-invoices{margin-bottom:18px!important}
.wbx-mx20-native-invoices .wbx-mx20-header{margin-bottom:16px!important}
.wbx-mx20-native-invoice-content{position:relative!important;display:block!important;width:100%!important;min-width:0!important;margin-top:0!important;border:1px solid #e4e9f1!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 28px rgba(15,23,42,.055)!important;overflow:visible!important}
body.wbx-mx20-active .wbx-mx20-native-invoice-content .dataTables_wrapper{width:100%!important}
body.wbx-mx20-active .wbx-mx20-native-invoice-content .table-responsive{overflow-x:auto!important}