:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#162b4f;background:#f2f6fb;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.hidden,[hidden]{display:none!important}.muted{color:#64738e}.small{font-size:12px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;color:#316cba;margin:0 0 9px}h1{font-size:26px;line-height:1.2;margin:0 0 8px;letter-spacing:-.8px}h2{font-size:16px;margin:0 0 15px}h3{font-size:14px;margin:0 0 12px}.auth-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#2559a4 0,#082653 55%,#051c3d 100%);padding:22px}.auth-card{background:white;max-width:435px;width:100%;border-radius:20px;padding:36px;box-shadow:0 32px 60px #051b3c55}.brand{display:flex;align-items:center;gap:12px;margin-bottom:36px}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#143269;background:#ffca2b;font-weight:900;font-size:16px}.brand strong{display:block;letter-spacing:.7px;font-size:14px}.brand small{display:block;font-size:11px;color:#8293ae;margin-top:3px}label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#354664}input,select{width:100%;padding:11px 12px;border:1px solid #d2dbe9;border-radius:9px;color:#1b2d4f;background:white;min-height:43px;outline:none}input:focus,select:focus{border-color:#2b73c4;box-shadow:0 0 0 3px #2c77e118}form{display:grid;gap:16px}.primary{background:#1858a5;color:white;border:0;border-radius:10px;padding:13px 18px;font-weight:750}.primary:hover{background:#104681}.outline{background:white;color:#214d86;border:1px solid #c7d5e8;border-radius:9px;padding:10px 15px;font-weight:700}.outline:hover{background:#edf5ff}.auth-foot{margin-top:23px;padding-top:16px;border-top:1px solid #e5ebf3;font-size:11px;color:#7b879b;line-height:1.5}.app{display:flex;min-height:100vh}.sidebar{width:235px;background:#0d2b58;color:white;padding:25px 16px;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{margin:0 0 38px;padding:0 5px}.brand.light small{color:#a9bdd8}.nav-title{font-size:10px;letter-spacing:1.7px;color:#84a3cf;font-weight:800;margin:0 10px 12px}.sidebar nav{display:grid;gap:7px}.nav-item{color:#c5d6ec;background:transparent;border:0;text-align:left;border-radius:9px;font-weight:650;padding:13px 14px;display:flex;align-items:center;gap:12px}.nav-item span{font-size:21px;width:24px;text-align:center;line-height:1}.nav-item:hover{background:#1d4276}.nav-item.active{background:#27589c;color:white}.sidebar-bottom{margin-top:auto;font-size:11px;color:#d7e1f0;padding:14px 8px;border-top:1px solid #385079}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#40d2a4;margin-right:6px}.side-note{color:#a1b1c9;margin-top:8px;line-height:1.5}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:68px;display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:white;border-bottom:1px solid #e1e9f3}.top-actions{display:flex;align-items:center;gap:15px}.user-pill{background:#eaf1fc;color:#21518c;border-radius:100px;padding:9px 12px;font-weight:700;font-size:12px}.small-btn{padding:8px 11px}.content{padding:29px 30px;max-width:1500px;width:100%;margin:auto;flex:1}.view-header{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:25px}.view-header p:last-child{margin-bottom:0}.date-controls{display:flex;gap:10px}.date-controls input{font-size:12px;min-height:39px}.date-controls label{font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:15px}.stat{background:#fff;border:1px solid #e4ebf4;padding:21px;border-radius:13px;box-shadow:0 2px 12px #173a6908;display:flex;flex-direction:column;gap:11px;min-height:126px}.stat span{font-size:10px;letter-spacing:1px;font-weight:800;color:#667b9b}.stat b{font-size:25px;font-weight:780;letter-spacing:-.7px;color:#103461}.stat small{color:#91a0b6;font-size:11px}.stat.highlight{background:#fdf6df;border-color:#f1e6c1}.stat.highlight b{color:#a56b00}.two-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:15px;margin:20px 0}.panel{background:white;border:1px solid #e2eaf5;border-radius:13px;padding:23px;margin-bottom:17px;box-shadow:0 2px 10px #15355b06}.panel>p{margin:0 0 20px}.section-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-line h2{margin:0}.link-button{background:none;border:0;color:#2664ac;font-size:12px;font-weight:700}.bar-chart{display:flex;align-items:flex-end;gap:9px;height:170px;overflow-x:auto;padding-top:10px}.bar-col{min-width:36px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px;font-size:10px;color:#7b8fac}.bar-col .bar{width:25px;min-height:3px;background:#3274bd;border-radius:5px 5px 2px 2px}.type-chart{display:grid;gap:16px;margin-top:24px}.type-track{height:9px;background:#ecf1f8;border-radius:10px;overflow:hidden}.type-track>div{height:100%;background:#2877bc;border-radius:10px}.type-meta{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.type-meta strong{color:#1f5288}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}.data-table th{font-size:10px;letter-spacing:.5px;color:#6c809e;background:#f6f8fc;text-transform:uppercase;padding:12px;border-bottom:1px solid #e4eaf3}.data-table td{border-bottom:1px solid #ecf1f7;padding:12px;color:#40516c}.data-table tr:last-child td{border:0}.pill{font-size:10px;font-weight:750;border-radius:20px;padding:5px 7px;background:#e8f1fd;color:#205a9b}.pill.void{background:#fce9e9;color:#ae4444}.action-btn{border:1px solid #cad8ea;background:white;color:#265994;border-radius:7px;font-size:11px;font-weight:700;padding:7px 9px;margin-right:4px}.action-btn.danger{color:#aa3333}.form-layout{display:grid;grid-template-columns: minmax(0,1.5fr) minmax(280px,1fr);gap:18px}.form-grid{grid-template-columns:1fr 1fr;gap:17px}.form-grid .full{grid-column:1/-1}.fee-preview{background:#f2f7ff;border:1px solid #d9e5f7;border-radius:11px;padding:18px;display:grid;gap:7px}.fee-preview span{color:#577395;font-size:12px;font-weight:700}.fee-preview b{font-size:28px;color:#0e468e}.fee-preview p{margin:0;line-height:1.5}.cash-preview{margin-top:8px;font-size:13px;color:#547397}.cash-preview strong{color:#183f7b}.checkrow{display:flex;gap:12px;align-items:flex-start;font-weight:500;font-size:12px;line-height:1.6}.checkrow input{width:16px;height:16px;margin-top:2px;min-height:auto;flex-shrink:0}.right-note{background:#fbfcff}.right-note h2{font-size:26px;letter-spacing:-1px;color:#164784;margin-top:10px}.right-note p{line-height:1.65;color:#4b5e7e}.right-note strong{color:#17488a}.badge-title{color:#5a88ba;font-size:11px;font-weight:800;letter-spacing:1px}.separator{height:1px;background:#e8eef7;margin:19px 0}.warn{background:#fff3d7;border:1px solid #f0d99f;color:#85570e;padding:13px 16px;margin-bottom:15px;border-radius:9px}.footer{padding:18px 30px;font-size:10px;color:#8a99b0;text-align:center}.mobile-nav,.mobile-brand{display:none}#toast{position:fixed;z-index:100;right:20px;top:20px;background:#123b6e;color:#fff;border-radius:10px;padding:13px 18px;box-shadow:0 12px 32px #12334f44;max-width:370px;display:none;font-weight:600}#toast.error{background:#ad3838}dialog{border:0;border-radius:15px;box-shadow:0 25px 70px #12254466;max-width:460px;width:calc(100% - 30px);padding:0}dialog::backdrop{background:#0c234c99}.dialog-content{padding:27px}.dialog-content p{line-height:1.7;color:#586984}.dialog-actions{display:flex;justify-content:end;gap:10px}.users-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f6;gap:10px;padding:13px 0}.users-row:last-child{border:0}.users-row strong{display:block;font-size:13px}.users-row small{display:block;color:#8290a5;font-size:11px;margin-top:4px}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.sidebar{width:205px}.content{padding:22px}}@media(max-width:720px){.sidebar{display:none}.topbar{height:60px;padding:10px 16px}.topbar .muted,.topbar .user-pill{display:none}.mobile-brand{display:block;font-weight:850;color:#123e78}.content{padding:20px 14px 90px}.view-header{align-items:start;display:block}.date-controls{margin-top:17px}.date-controls input{width:100%}.date-controls label{flex:1}.stats{gap:9px}.stat{padding:14px;min-height:108px;gap:8px}.stat b{font-size:21px}.stat span{font-size:9px}.two-columns,.form-layout{grid-template-columns:1fr}.panel{padding:17px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #e2eaf4;padding:9px 4px max(9px,env(safe-area-inset-bottom));justify-content:space-around;z-index:20}.mobile-nav button{border:0;background:transparent;color:#7588a4;font-size:22px;display:grid;gap:1px;place-items:center;width:25%}.mobile-nav button.active{color:#1257a0}.mobile-nav small{font-size:10px}.view-header h1{font-size:24px}.auth-card{padding:25px}.footer{display:none}.right-note{order:2}}
/* V2: panel estadístico e identidad visual */
.brand-mark{overflow:hidden;flex-shrink:0}.brand-mark img{width:100%;height:100%;object-fit:contain;background:#fff}.brand-initials{display:grid;place-items:center;width:100%;height:100%}
.charts-header{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-top:29px;margin-bottom:10px}.charts-header h2{font-size:20px;letter-spacing:-.4px;margin-bottom:5px}.charts-header p{margin:0}.charts-header label{width:240px}
.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.chart-panel{margin:0;min-height:240px}.panel-subtitle{font-size:11px;color:#8596ab}.chart-panel .section-line{align-items:start}.chart-panel .section-line h2{font-size:15px}.type-chart{margin-top:12px}.type-meta>span{display:flex;align-items:center;gap:9px}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0}.chart-bar-row{display:block}.donut-layout{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:18px;min-height:176px}.donut-wrap{display:grid;place-items:center}.donut{width:172px;height:172px;border-radius:50%;background:#e8edf5;display:grid;place-items:center;position:relative}.donut::before{content:'';position:absolute;width:115px;height:115px;background:white;border-radius:50%}.donut-center{position:relative;z-index:1;text-align:center;display:grid;gap:2px;justify-items:center}.donut-center b{font-size:20px;color:#103461;letter-spacing:-.6px}.donut-center small{font-size:10px;color:#7b90a8}.legend{display:grid;gap:14px}.legend-line{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.legend-line span{display:flex;align-items:center;gap:9px}.legend-line strong{color:#284d79}.bar-tooltip{font-size:9px;color:#537da7;white-space:nowrap}.bar-chart{height:190px}
.settings-form{display:grid;gap:0}.settings-form .panel{margin-bottom:16px}.settings-form .form-grid{margin-top:16px}.logo-area{display:flex;align-items:center;gap:21px;padding-top:20px}.logo-drop{width:115px;height:115px;border-radius:18px;border:1px dashed #a3b7cf;display:grid;place-items:center;flex-shrink:0;overflow:hidden;background:#f7faff;color:#6e87a9;font-weight:900}.logo-drop img{width:100%;height:100%;object-fit:contain}.logo-controls{display:grid;gap:8px;flex:1}.logo-controls p{margin:0;line-height:1.5}.logo-controls button{justify-self:start}.config-example{background:#f1f7ff;border:1px solid #dce9fa;border-radius:10px;padding:15px;margin-top:17px;color:#244d83;font-weight:700;font-size:13px}.channel-options{display:grid;gap:11px;margin-top:20px}.channel-row{display:flex;align-items:start;gap:12px;padding:15px;border:1px solid #e1e8f3;border-radius:11px;font-weight:400}.channel-row>input[type=checkbox]{min-height:auto;width:17px;height:17px;flex-shrink:0;margin:2px 0 0}.channel-row>span,.channel-row>div{display:grid;gap:6px;flex:1}.channel-row strong{font-size:13px;color:#183b68}.channel-row small{font-size:11px;color:#7486a0}.channel-row.locked{background:#f8f9fb}.locked-tag{font-size:10px;font-weight:800;color:#996342;background:#f8eadd;padding:5px 7px;border-radius:8px}.auth-detail{margin-top:8px;font-size:12px;min-height:38px}.auth-detail:disabled{opacity:.55;background:#f5f7fb}.config-legal{margin-top:23px}.alert-info{background:#fff6e9;border:1px solid #f1d9b7;padding:15px;color:#87612f;font-size:12px;border-radius:10px;margin-top:15px;line-height:1.6}.config-save{display:flex;align-items:center;gap:15px;margin:9px 0 27px}.audit-row{padding:10px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f6}
@media(max-width:1200px){.donut-layout{grid-template-columns:165px 1fr}.donut{width:150px;height:150px}.donut::before{width:103px;height:103px}}
@media(max-width:900px){.charts-grid{grid-template-columns:1fr}.charts-header{align-items:start;flex-direction:column}.charts-header label{width:100%;max-width:300px}}
@media(max-width:500px){.donut-layout{grid-template-columns:1fr;gap:18px}.legend{grid-template-columns:1fr 1fr}.donut{width:160px;height:160px}.donut::before{width:109px;height:109px}.logo-area{align-items:start;flex-direction:column}.config-save{align-items:start;flex-direction:column}.charts-header{margin-top:20px}.panel-subtitle{display:none}}
/* V3: métricas de ventas/pagos, panel ampliado y categorías editables */
.insight-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 20px}.insight-strip>div{background:#fdfefe;border:1px solid #dce9f7;padding:16px 18px;border-radius:12px;display:grid;gap:8px;min-height:105px}.insight-strip span{font-size:10px;color:#647b9a;letter-spacing:.75px;font-weight:800}.insight-strip b{font-size:19px;letter-spacing:-.4px;color:#17477f}.insight-strip small{font-size:10px;color:#778ca6}.field-help{display:block;color:#7d8eaa;font-size:11px;padding-top:4px}.settings-form textarea{min-height:150px;width:100%;padding:11px 12px;border:1px solid #ccdaeb;border-radius:8px;background:white;color:#263f66;resize:vertical;font:inherit;line-height:1.65}.settings-form textarea:focus{border-color:#377cc6;outline:2px solid #a6c8ef}.chart-panel:has(#service-chart),.chart-panel:has(#recharge-chart){min-height:260px}.insight-strip + .charts-header{margin-top:16px}
@media(max-width:980px){.insight-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.insight-strip{gap:8px}.insight-strip>div{padding:12px}.insight-strip b{font-size:16px}}

/* V4: registro opcional de comisiones oficiales del BN */
.bn-official-box{background:#f5f8fd;border:1px solid #c8d9ee;border-radius:11px;padding:15px;display:grid;gap:12px}.bn-official-box label{font-size:12px}.bn-official-box .checkrow{display:flex}.bn-official-box p{margin:0}.bank-fee-note{display:block;color:#566e8c;font-size:10px;margin-top:5px}.bn-setting{background:#f1f7ff}

/* V5: anticipos y flujo de cobro de comisiones */
.fee-collection{border:1px solid #d3dfe7;border-radius:14px;background:#f6f9fd;padding:16px;display:grid;gap:12px}
.fee-collection h3{margin:0;color:#10385d}
.fee-collection label{display:grid;gap:5px}
.fee-remaining{font-weight:800;color:#16634e;margin:0}
.fee-remaining.bad{color:#a0252e}
.row-buttons{display:flex;gap:8px;flex-wrap:wrap}
.data-table td small{display:block;color:#6b7989;margin-top:3px}

/* V7 · Entorno claro y profesional para escritorio Windows 11 y móvil */
:root{--blue:#245f9f;--blue-dark:#15375f;--ink:#20344b;--muted:#708198;--line:#dce6f1;--page:#f6f8fc;--surface:#fff;--soft-blue:#eaf3ff}
html,body{background:var(--page);color:var(--ink)}
.app{min-height:100vh;background:linear-gradient(155deg,#f8fbff 3%,#f2f6fb 56%,#fcfdff);color:var(--ink)}
.sidebar{width:248px;background:#fff;color:#254368;border-right:1px solid #e3eaf3;padding:25px 14px 18px;box-shadow:3px 0 25px #25486d07;z-index:4}
.sidebar nav{gap:5px;overflow-y:auto;padding-right:3px;scrollbar-width:thin}
.sidebar .brand{margin-bottom:31px}.sidebar .brand strong{color:#1d477b;font-size:15px}.brand.light small{color:#7c93ae}
.brand-mark{background:linear-gradient(135deg,#dceeff,#a8cdfa);color:#225d9e;border:1px solid #a5caed;box-shadow:none}
.nav-title{color:#90a3b7}.nav-item{color:#5a708b;border-radius:12px;padding:12px;font-size:12px;min-height:44px}
.nav-item span{font-size:19px;color:#527eab}.nav-item:hover{background:#edf5fd;color:#1e548b}
.nav-item.active{color:#1761a1;background:#e7f1fd;box-shadow:none;border-left:3px solid #2984cb}
.nav-item.active span{color:#2072b9}.sidebar-bottom{color:#738baa;border-color:#edf1f8}
.topbar{background:#fff;border-bottom:1px solid #e2eaf4;height:76px;padding:15px 29px;box-shadow:0 4px 18px #234e7105}
.topbar-title{font-size:21px;color:#214f80;font-weight:850;letter-spacing:-.5px}.topbar-subtitle{color:#8497ad;font-size:11px}
.user-pill{background:#edf5fe;color:#32669c;border:1px solid #e0eafb}.topbar .outline{background:#fff;color:#245b91;border-color:#ceddee}
.content{max-width:1570px;padding:25px 31px 45px}.view-header{margin-bottom:22px}.view-header h1{color:#223e5f;font-size:27px;letter-spacing:-.7px}.view-header p.muted,.muted{color:#72829c}.eyebrow{color:#4a81bf}
.dashboard-hero{background:linear-gradient(110deg,#eaf5ff 0%,#eff9fc 56%,#f8fcff 100%);border:1px solid #cfe7f6;border-radius:20px;padding:23px 25px;margin-bottom:20px;display:flex;align-items:center;gap:18px;box-shadow:0 7px 25px #3763930a;position:relative;overflow:hidden}
.dashboard-hero:after{content:'';position:absolute;width:310px;height:200px;border-radius:50%;border:22px solid #c9e4fa45;right:-95px;top:-100px;pointer-events:none}
.hero-graphic{width:66px;height:66px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(145deg,#d9ecff,#bde4f2);color:#2477ba;border:1px solid #bbe2f5;border-radius:17px;font-size:30px}
.dashboard-hero h2{font-size:20px;color:#1e5289;margin:5px 0 7px}.dashboard-hero p{color:#52728f;font-size:12px;line-height:1.65;max-width:620px;margin:0}
.hero-kicker{font-size:10px;color:#7294b3;letter-spacing:1.3px;font-weight:900}.hero-cta{margin-left:auto;flex-shrink:0;background:#287abb;border:0;color:white;border-radius:10px;padding:12px 15px;font-weight:800;z-index:2}
.hero-cta:hover{background:#145f9b}
.stats,.report-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{border-radius:16px;min-height:125px;background:#fff;border:1px solid #e2eaf4;box-shadow:0 5px 22px #3056810a;padding:18px}
.stat.highlight{background:#f0faf6;border-color:#d4eee3}.stat b{color:#1c5287;font-size:24px}.stat.highlight b{color:#138063}.stat span{color:#73869c;font-size:10px}.stat small{color:#8292a4}
.insight-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:14px 0 22px}.insight-strip>div{display:grid;gap:8px;background:white;border:1px solid #e0eaf4;border-radius:13px;padding:16px;min-height:94px}.insight-strip span{font-size:10px;color:#7187a1;font-weight:800;letter-spacing:.7px}.insight-strip b{font-size:18px;color:#215c92}.insight-strip small{color:#8194a8;font-size:10px}
.modules-section{margin:23px 0 21px}.modules-section .section-line{align-items:center;margin-bottom:15px}.modules-section h2{color:#244967;font-size:19px;margin:0 0 6px}.modules-section .section-line p{margin:0}
.module-tag{color:#497cac;font-size:10px;font-weight:750;letter-spacing:.5px;background:#edf6fe;border:1px solid #d7eafd;border-radius:40px;padding:7px 10px}
.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.module-card{position:relative;display:grid;grid-template-columns:58px 1fr 24px;grid-template-rows:auto auto;gap:2px 12px;min-height:110px;align-items:center;text-align:left;border:1px solid var(--tile-border,#dbe9f8);border-radius:16px;padding:16px 17px;color:var(--tile-ink,#245777);background:var(--tile-bg,#fff);box-shadow:0 5px 16px #2457830b;transition:transform .16s,box-shadow .16s}
.module-card:hover{transform:translateY(-2px);box-shadow:0 11px 27px #24578319}.module-card:focus-visible{outline:3px solid #2b82c7;outline-offset:2px}
.module-icon{width:53px;height:53px;grid-row:1/3;background:var(--tile-icon,#d9ebfa);color:var(--tile-ink,#245777);border-radius:13px;display:grid;place-items:center;font-size:26px}
.module-card strong{grid-column:2;grid-row:1;align-self:end;font-size:16px;letter-spacing:-.2px;color:#25425d}.module-card small{grid-column:2;grid-row:2;align-self:start;color:#6b829a;font-size:11px;line-height:1.45}
.module-arrow{grid-column:3;grid-row:1/3;color:var(--tile-ink,#245777);font-size:22px}
.mc-green{--tile-bg:#f0fbf7;--tile-border:#d1ede3;--tile-icon:#d5f3e7;--tile-ink:#159270}
.mc-blue{--tile-bg:#edf6ff;--tile-border:#d6e9fb;--tile-icon:#d7eaff;--tile-ink:#2279bd}
.mc-red{--tile-bg:#fff3f1;--tile-border:#f8dfd9;--tile-icon:#ffe2dc;--tile-ink:#c25f4b}
.mc-purple{--tile-bg:#f8f3ff;--tile-border:#e8dcf8;--tile-icon:#ecddff;--tile-ink:#8056b1}
.mc-amber{--tile-bg:#fffaf0;--tile-border:#f5e6c5;--tile-icon:#fff0ca;--tile-ink:#ae841f}
.mc-teal{--tile-bg:#eefaf9;--tile-border:#cfebe8;--tile-icon:#d0f1ef;--tile-ink:#138b89}
.mc-pink{--tile-bg:#fff3f8;--tile-border:#f3dae5;--tile-icon:#f8deea;--tile-ink:#b75a84}
.quick-bar{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #e0eaf5;border-radius:15px;padding:16px 18px;margin:20px 0 28px;flex-wrap:wrap}
.quick-bar>strong{color:#28547e;font-size:13px}.quick-actions{display:flex;flex-wrap:wrap;gap:8px}.quick-actions button{border:1px solid #d8e7f7;border-radius:9px;background:#f2f7ff;color:#386a9d;font-size:11px;font-weight:800;padding:10px 12px}
.charts-header{margin-top:20px}.charts-header h2{color:#244967}.charts-header p{color:#74869c}.charts-header label{color:#567493}
.panel{background:#fff;color:#24415f;border:1px solid #e0eaf5;border-radius:15px;box-shadow:0 5px 22px #173d6510}.panel h2,.panel h3{color:#274c70}.panel p:not(.warn){color:#60788e}.panel-subtitle{color:#7e91a6}
.data-table th{background:#f5f8fc;color:#647d98}.data-table td{color:#3f5470}.data-table tbody tr:hover{background:#f7fbff}.legend-line strong,.type-meta strong{color:#224e7b}
label{color:#475f79}.fee-preview,.config-example,.netting-box{background:#f3f8fe;border:1px solid #d8e7f7}.fee-preview span,.fee-preview b,.config-example{color:#245e98}.fee-preview p,.cash-preview,.cash-preview strong{color:#47739d}
.primary{background:#2479bc;color:#fff}.primary:hover{background:#17639c}.outline,.action-btn{background:white;color:#296599;border:1px solid #cdddEF}.outline:hover,.action-btn:hover{background:#f1f8ff}
.report-row{display:grid;gap:9px;margin:15px 0}.report-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#627b96}.report-row strong{color:#2b5278}.report-track{height:9px;background:#e8f0f8;border-radius:30px;overflow:hidden}.report-track span{display:block;height:100%;background:#469bd7;border-radius:30px}
.client-count{margin-top:16px;color:#4f7da8;font-weight:750}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.help-grid .panel{margin:0}.help-grid .panel p{line-height:1.75;min-height:78px}.help-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;color:#2373b2;background:#e1f1ff;font-size:22px;margin-bottom:15px}
#help>.alert-info{margin:20px 0}.footer{color:#8d9bad}
.client-box,.netting-box{border:1px solid #dce8f5;border-radius:13px;background:#fafcff;padding:17px;display:grid;gap:13px}.client-box h3,.netting-box h3{margin:0;color:#285780}.client-box p,.netting-box p{margin:0;font-size:12px}.client-mode{display:flex;flex-wrap:wrap;gap:14px}.client-mode label{display:flex;align-items:center;gap:7px;font-size:12px}.client-mode input{width:17px;height:17px;min-height:17px;accent-color:#227ac3}.client-fields{margin-top:2px}
.netting-box{background:#f1f9fc;border-color:#d4e9f2}.net-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.net-metrics>div{border:1px solid #e0e9f5;background:white;border-radius:11px;padding:13px;display:grid;gap:8px}.net-metrics span{color:#627a93;font-size:11px}.net-metrics b{font-size:20px;color:#1d5486}.net-metrics .net-highlight{border-color:#b9e5d5;background:#e9f9f2}.net-metrics .net-highlight b{color:#127958}.net-warning{color:#506b82!important;line-height:1.6}.net-warning.bad{color:#bb3535!important;font-weight:700}
.channel-options{display:grid;gap:9px}.channel-row.toggle-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:14px;background:#fcfdff;padding:14px;border:1px solid #dbe6f1;border-radius:11px}.channel-ident{min-width:0;display:grid;gap:4px}.channel-ident strong{color:#274c70;font-size:13px}.channel-ident small{color:#93a1b0}.toggle-field{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;white-space:nowrap;font-size:10px;font-weight:700;color:#52718c}.toggle-field input{width:20px;height:20px;min-height:20px;accent-color:#2690c6}.proof-field{grid-column:1/-1;color:#6e8297}.proof-field input{margin-top:3px}
@media(max-width:1200px){.sidebar{width:220px}.content{padding:22px}.stats,.report-summary,.insight-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.form-layout,.two-columns,.charts-grid{grid-template-columns:1fr}.dashboard-hero{flex-wrap:wrap}.hero-cta{margin-left:82px}.help-grid{grid-template-columns:1fr}}
@media(max-width:720px){.sidebar{display:none}.topbar{height:65px;padding:10px 15px}.topbar .user-pill{display:none}.topbar-title{font-size:17px}.topbar-subtitle{font-size:10px}.content{padding:17px 13px 92px}.dashboard-hero{padding:17px}.dashboard-hero h2{font-size:18px}.hero-graphic{width:48px;height:48px;font-size:22px}.hero-cta{margin-left:0}.stat{min-height:98px;padding:13px}.stat b{font-size:18px}.stat span{font-size:9px}.module-grid{gap:10px}.module-card{grid-template-columns:43px 1fr 18px;min-height:92px;padding:11px;gap:4px 8px}.module-icon{width:42px;height:42px;font-size:21px}.module-card strong{font-size:13px}.module-card small{font-size:10px}.module-tag{display:none}.quick-bar{gap:10px}.quick-actions{gap:6px}.mobile-nav{display:flex;background:white;border-top:1px solid #dbe7f3;box-shadow:0 -5px 22px #294d7015}.mobile-nav button{color:#6c86a1}.mobile-nav button.active{color:#1a79bd}.net-metrics{grid-template-columns:1fr}.panel{padding:15px}.client-mode{gap:9px}.channel-row.toggle-row{grid-template-columns:1fr 1fr;gap:12px}.channel-ident{grid-column:1/-1}}
@media(max-width:420px){.module-grid{grid-template-columns:1fr}.module-card{min-height:75px}.stat{padding:11px}.stat b{font-size:17px}}

/* AGENTE OS V9: report and audited channel-balance controls */
.report-controls,.report-actions,.report-tabs,.cash-tabs,.kpi-print{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.report-controls{justify-content:space-between;background:#fff;border:1px solid #e0e8f4;border-radius:16px;padding:15px 18px;margin:12px 0}
.report-controls-info{display:grid;gap:3px}.report-controls-info strong{font-size:15px}.report-controls-info span{font-size:12px;color:#63728b}
.report-actions select{border:1px solid #d4deeb;background:#fff;padding:9px;border-radius:8px;color:#263c57}
.report-tabs,.cash-tabs{padding:6px;background:#eef4fb;border:1px solid #dce7f4;border-radius:13px;margin:14px 0 18px}
.report-tab,.cash-tab{border:0;background:transparent;padding:10px 13px;border-radius:9px;color:#38536f;font-weight:700;cursor:pointer}
.report-tab.active,.cash-tab.active{background:#fff;box-shadow:0 2px 8px #153e6220;color:#1662ae}
.report-search{width:100%;max-width:100%;border:1px solid #d4deeb;border-radius:10px;padding:11px 12px;background:#fff;color:#183655;margin:12px 0}
.kpi-print{margin:0 0 15px}.kpi-print input{flex:1;min-width:215px;margin:0}
.channel-bal-table{width:100%;border-collapse:collapse;font-size:13px}.channel-bal-table th,.channel-bal-table td{padding:11px 8px;border-bottom:1px solid #e5edf6;text-align:left;vertical-align:middle}.channel-bal-table th{color:#526981;background:#f1f6fc}
.channel-bal-table input[type=number]{width:118px;max-width:28vw;padding:9px;border-radius:9px;border:1px solid #ccdbe9}.channel-bal-table input[type=text]{width:210px;max-width:36vw;padding:9px;border-radius:9px;border:1px solid #ccdbe9}.channel-bal-table button{white-space:nowrap}
.channel-bal-table .balance-current{font-weight:700;color:#12649c}
@media(max-width:700px){.channel-bal-table{min-width:720px}.report-controls{align-items:stretch}.report-actions{width:100%}}