:root{--ink:#1f2533;--muted:#788091;--line:#e8eaf0;--bg:#f4f6fa;--panel:#fff;--nav:#20243b;--nav2:#2c3150;--orange:#f28c28;--orange-pale:#fff3e6;--green:#31966b;--green-pale:#eaf7f0;--red:#d65b63;--red-pale:#fff0f1;--purple:#6c5dd3;--purple-pale:#f0efff;--shadow:0 8px 24px rgba(32,36,59,.045)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--nav);color:#eef0f7;padding:25px 17px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:4px 9px 35px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--orange);display:grid;place-items:center;color:#fff;font:800 23px Manrope;box-shadow:0 7px 16px #f28c2844}.brand b{display:block;font:800 15px Manrope;letter-spacing:.09em}.brand small{display:block;color:#a7abc0;font-size:11px;margin-top:3px}.nav-label{font-size:10px;color:#9196ae;font-weight:700;letter-spacing:.13em;padding:0 11px 12px}.nav-item{appearance:none;border:0;background:transparent;color:#b9bdd0;border-radius:10px;padding:12px 11px;display:flex;align-items:center;gap:12px;text-align:left;font:600 13px 'DM Sans';cursor:pointer;margin-bottom:6px;transition:.18s}.nav-item:hover{background:var(--nav2);color:#fff}.nav-item.active{background:#fff;color:var(--nav);box-shadow:0 8px 18px #11172a30}.nav-icon{width:21px;text-align:center;font-size:17px;color:var(--orange)}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff16;padding:18px 8px 0;display:flex;gap:10px;align-items:center}.sidebar-bottom b{display:block;font-size:12px}.sidebar-bottom small{display:block;color:#a7abc0;font-size:10px;margin-top:4px}.status-dot{width:9px;height:9px;border-radius:50%;background:#d49a43;box-shadow:0 0 0 4px #d49a4320}.status-dot.ok{background:#51bd88;box-shadow:0 0 0 4px #51bd8823}.status-dot.bad{background:#e66a71;box-shadow:0 0 0 4px #e66a7123}.main{margin-left:250px;padding:29px 34px 18px;max-width:1800px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.eyebrow{font-size:10px;letter-spacing:.14em;color:#969dad;font-weight:700;margin-bottom:5px}.topbar h1{font:800 26px Manrope;margin:0;letter-spacing:-.025em}.top-actions{display:flex;align-items:center;gap:10px}.live-pill{color:#34845f;background:var(--green-pale);border-radius:30px;padding:8px 11px;font-weight:700;font-size:10px;letter-spacing:.04em}.live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#45ad7a;margin:0 6px 1px 0}.refresh{border:1px solid var(--line);background:#fff;border-radius:10px;width:37px;height:37px;font-size:22px;color:#697084;cursor:pointer}.refresh:hover{color:var(--orange);border-color:#f4c48d}.filter-panel,.panel,.kpi-card{background:var(--panel);border:1px solid #ebedf2;border-radius:14px;box-shadow:var(--shadow)}.filter-panel{padding:17px 19px 14px;margin-bottom:19px}.filter-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.filter-title b{font:700 14px Manrope}.filter-title small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.text-button{background:none;border:0;color:#9a6a35;font:600 11px 'DM Sans';cursor:pointer}.filters-grid{display:grid;grid-template-columns:repeat(8,minmax(95px,1fr));gap:10px}.filters-grid label{font-size:9px;letter-spacing:.06em;color:#848b9c;font-weight:700;display:flex;flex-direction:column;gap:6px}.filters-grid input,.filters-grid select{width:100%;height:34px;border:1px solid #e4e7ee;border-radius:8px;background:#fff;padding:0 9px;color:#3d4353;font:500 11px 'DM Sans';outline:none}.filters-grid input:focus,.filters-grid select:focus{border-color:#efad65;box-shadow:0 0 0 3px #f28c2818}.exp-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.filter-foot{border-top:1px solid #f0f1f4;margin-top:13px;padding-top:11px;display:flex;justify-content:space-between;align-items:center;color:#a0a5b1;font-size:10px}.apply-button{border:0;background:var(--nav);color:#fff;border-radius:8px;padding:9px 14px;font:700 11px 'DM Sans';cursor:pointer}.apply-button:hover{background:var(--nav2)}.apply-button b{color:var(--orange);font-size:15px;margin-left:7px}.kpi-grid{display:grid;gap:13px;margin-bottom:17px}.kpi-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{padding:16px 17px 15px;position:relative;overflow:hidden}.kpi-card:after{content:'';position:absolute;width:65px;height:65px;border-radius:50%;background:#f9fafc;right:-14px;bottom:-25px;z-index:0}.kpi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.kpi-label{font-size:9px;font-weight:800;letter-spacing:.09em;color:#8b91a1}.kpi-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:14px;font-weight:700}.kpi-icon.orange{background:var(--orange-pale);color:var(--orange)}.kpi-icon.green{background:var(--green-pale);color:var(--green)}.kpi-icon.red{background:var(--red-pale);color:var(--red)}.kpi-icon.purple{background:var(--purple-pale);color:var(--purple)}.kpi-card>b{display:block;font:800 28px Manrope;letter-spacing:-.04em;line-height:1.08}.kpi-card>small{display:block;color:#959baa;font-size:10px;margin-top:6px}.accent-card{border-top:3px solid var(--orange)}.chart-grid{display:grid;grid-template-columns:1.4fr .85fr;gap:14px;margin-bottom:15px}.chart-grid .wide{grid-column:1/2}.chart-grid .panel:nth-child(2){grid-column:2;grid-row:1}.chart-grid .panel:nth-child(3){grid-column:1/3}.panel{padding:17px 18px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:13px}.panel-heading h2{font:700 14px Manrope;margin:0;letter-spacing:-.01em}.panel-heading p{font-size:10px;color:#999fad;margin:4px 0 0}.chart-tag{font-size:9px;font-weight:800;color:#9096a4;background:#f5f6f9;border-radius:20px;padding:6px 9px;letter-spacing:.06em}.chart-area{height:195px;position:relative}.chart-area svg{width:100%;height:100%;overflow:visible}.grid-line{stroke:#edf0f4;stroke-width:1}.axis-label{fill:#a1a6b1;font:9px 'DM Sans'}.trend-line{fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-area{fill:url(#trendFill)}.trend-point{fill:white;stroke:var(--orange);stroke-width:2}.donut-wrap{height:193px;display:flex;align-items:center;justify-content:center;gap:17px}.donut-wrap svg{width:145px;height:145px;overflow:visible}.donut-center{font:800 19px Manrope;fill:var(--ink)}.donut-caption{font:9px 'DM Sans';fill:#9aa0ac}.legend{display:grid;gap:11px}.legend-row{display:flex;align-items:center;gap:7px;color:#697183;font-size:10px}.legend-swatch{width:8px;height:8px;border-radius:3px}.legend-row b{color:#343a49;margin-left:auto;font:700 11px Manrope}.bar-chart{display:grid;gap:10px;padding:2px 0 4px}.bar-row{display:grid;grid-template-columns:minmax(90px,1.1fr) 2fr 40px;align-items:center;gap:10px}.bar-label{font-size:10px;color:#737b8a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:8px;border-radius:10px;background:#f0f1f5;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#f28c28,#ffb562);border-radius:10px;min-width:2px}.bar-value{font:700 10px Manrope;color:#555d6e;text-align:right}.chart-empty{display:grid;place-items:center;height:150px;color:#a0a5b1;font-size:11px}.table-panel{padding-bottom:4px}.result-count{background:#f4f5f8;border-radius:20px;padding:6px 9px;color:#777e8d;font:700 10px 'DM Sans'}.table-scroll{overflow:auto;max-height:430px}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;padding:10px 11px;color:#989eaa;font-size:9px;letter-spacing:.07em;font-weight:800;border-bottom:1px solid #edf0f3}td{padding:11px;color:#596071;border-bottom:1px solid #f0f2f5;font-size:11px}tbody tr:hover{background:#fffaf5}.subject{max-width:290px;overflow:hidden;text-overflow:ellipsis}.pill{display:inline-flex;border-radius:20px;padding:4px 7px;font-size:9px;font-weight:700;background:#f2f3f6;color:#858b98}.pill.good{background:var(--green-pale);color:var(--green)}.pill.bad{background:var(--red-pale);color:var(--red)}.pill.warn{background:var(--orange-pale);color:#b76a1d}.mail-link{color:#786dd1;text-decoration:none}.mail-link:hover{text-decoration:underline}.footer{margin:16px 3px 2px;color:#a2a7b2;font-size:10px;display:flex;justify-content:space-between}.error-banner{background:#fff0f1;border:1px solid #f3ced1;color:#a3444b;border-radius:10px;padding:12px 14px;margin-bottom:16px;font-size:12px}.hidden{display:none!important}.exp-charts{grid-template-columns:1fr 1fr}.exp-charts .panel:nth-child(2){grid-column:auto;grid-row:auto}.exp-charts .bar-chart{min-height:210px}
@media(max-width:1250px){.main{padding:24px 22px}.filters-grid{grid-template-columns:repeat(4,minmax(110px,1fr))}.kpi-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr 1fr}.chart-grid .wide{grid-column:1/3}.chart-grid .panel:nth-child(2){grid-column:1;grid-row:2}.chart-grid .panel:nth-child(3){grid-column:2;grid-row:2}}
@media(max-width:780px){.sidebar{width:65px;padding:18px 8px}.brand{padding:4px 3px 30px}.brand>div:last-child,.nav-label,.nav-item span:last-child,.sidebar-bottom div{display:none}.nav-item{justify-content:center;padding:12px 5px}.nav-icon{font-size:19px}.sidebar-bottom{padding:16px 8px}.main{margin-left:65px;padding:22px 13px}.topbar h1{font-size:21px}.live-pill{display:none}.filters-grid,.exp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid.three{grid-template-columns:1fr}.chart-grid,.exp-charts{grid-template-columns:1fr}.chart-grid .wide,.chart-grid .panel:nth-child(2),.chart-grid .panel:nth-child(3){grid-column:1;grid-row:auto}.footer{flex-direction:column;gap:4px}.filter-foot{align-items:flex-start;gap:10px}.panel{padding:14px 12px}}
/* Visual refresh: clearer typography, calmer surfaces, stronger hierarchy */
:root{--ink:#172033;--muted:#748096;--line:#e5e9f0;--bg:#f5f7fb;--panel:#fff;--nav:#172338;--nav2:#253650;--orange:#e87924;--orange-pale:#fff2e7;--green:#25865f;--green-pale:#e8f6ef;--red:#c94d59;--red-pale:#fff0f1;--purple:#6758c9;--purple-pale:#efedff;--shadow:0 10px 30px rgba(25,42,70,.06)}
body{font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,-apple-system,sans-serif;font-size:14px;letter-spacing:.005em;-webkit-font-smoothing:antialiased}
.sidebar{background:linear-gradient(180deg,#172338 0%,#1d2d47 100%);padding-top:27px}
.brand-mark{border-radius:14px;background:linear-gradient(145deg,#f59a45,#e87924);font-family:"Segoe UI",sans-serif;box-shadow:0 8px 20px #e8792440}
.brand b,.topbar h1,.kpi-card>b,.donut-center,.legend-row b,.bar-value{font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,sans-serif}
.brand b{letter-spacing:.11em}
.nav-item{font-family:inherit;transition:background .18s ease,color .18s ease,transform .18s ease}
.nav-item:hover{transform:translateX(2px)}
.nav-item.active{color:#172338}
.main{padding-top:32px}
.topbar h1{font-size:28px;font-weight:720;letter-spacing:-.035em}
.eyebrow{font-size:10px;letter-spacing:.16em}
.live-pill{padding:9px 13px}
.refresh{border-radius:12px;transition:.18s ease}
.filter-panel,.panel,.kpi-card{border-color:#e9edf3;border-radius:17px;box-shadow:var(--shadow)}
.filter-panel{padding:20px 21px 16px}
.panel{padding:20px}
.filter-title b,.panel-heading h2{font-family:inherit;font-weight:700;letter-spacing:-.015em}
.filters-grid label{font-size:10px;letter-spacing:.045em}
.filters-grid input,.filters-grid select{height:38px;border-color:#e4e8ef;border-radius:10px;font-size:12px;font-weight:500;font-family:inherit;transition:border-color .16s,box-shadow .16s}
.filters-grid input:focus,.filters-grid select:focus{border-color:#e9a15f;box-shadow:0 0 0 3px #e8792419}
.apply-button{border-radius:10px;padding:10px 16px;transition:transform .16s,background .16s}
.apply-button:hover{transform:translateY(-1px)}
.kpi-card{padding:18px 19px 17px;transition:transform .18s ease,box-shadow .18s ease}
.kpi-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(25,42,70,.09)}
.kpi-card>b{font-size:30px;font-weight:720}
.kpi-label{letter-spacing:.1em}
.kpi-icon{border-radius:10px}
.panel-heading h2{font-size:15px}
.chart-area{height:205px}
.chart-tag,.result-count{border-radius:9px}
th{font-size:10px;letter-spacing:.075em}
td{font-size:12px}
tbody tr{transition:background .14s ease}
tbody tr:hover{background:#fff8f1}
.pill{padding:5px 9px}
.footer{letter-spacing:.01em}
.error-banner{border-radius:12px}
@media(max-width:780px){.topbar h1{font-size:23px}.filter-panel{padding:16px}.panel{padding:15px 13px}.kpi-card{padding:15px}.kpi-card>b{font-size:26px}}
/* Identidad visual Cargored basada en el logotipo */
:root{--ink:#202124;--muted:#73777d;--line:#e7e7e7;--bg:#f5f5f4;--panel:#fff;--nav:#151515;--nav2:#292929;--orange:#c8372b;--orange-pale:#fff0ee;--green:#27815a;--green-pale:#e8f5ed;--red:#b92f27;--red-pale:#fff0ee;--purple:#625d60;--purple-pale:#f1eeee;--shadow:0 9px 26px rgba(30,20,18,.065)}
.sidebar{background:linear-gradient(180deg,#171717 0%,#24201f 100%)}
.brand{gap:11px;padding-bottom:32px}.brand-logo{display:block;width:58px;height:48px;object-fit:contain;background:#fff;border-radius:7px;padding:3px;flex:0 0 auto}.brand b{font-size:14px;letter-spacing:.12em}.brand small{color:#c2b9b7}
.brand-mark{display:none}
.nav-icon{color:#e14a3d}.nav-item.active{color:#171717}.nav-item.active .nav-icon{color:#bf3026}.nav-item:hover{background:#382b29}
.eyebrow{color:#9b4b43}.topbar h1{color:#1b1b1b}.live-pill{color:#28774e;background:#eaf4ed}.live-pill i{background:#3a9a63}
.refresh:hover{color:#c8372b;border-color:#df9a93}.filter-title b,.panel-heading h2{color:#232323}.text-button{color:#b13a30}.filters-grid input:focus,.filters-grid select:focus{border-color:#d36b61;box-shadow:0 0 0 3px #c8372b18}.apply-button{background:#262322}.apply-button:hover{background:#3a302e}.apply-button b{color:#f06a5d}
.kpi-card:after{background:#faf5f4}.kpi-icon.orange{background:#fff0ed;color:#c8372b}.kpi-icon.purple{background:#f1eeee;color:#625d60}.accent-card{border-top-color:#c8372b}.trend-line{stroke:#c8372b}.trend-point{stroke:#c8372b}.bar-fill{background:linear-gradient(90deg,#bd3026,#e86858)}tbody tr:hover{background:#fff8f6}.mail-link{color:#b13a30}
@media(max-width:780px){.brand-logo{width:43px;height:39px;padding:2px}.brand{padding-left:2px}}
/* Tipografía uniforme también en etiquetas y valores */
body,button,input,select,table,th,td,.nav-item,.filters-grid label,.filters-grid input,.filters-grid select,.text-button,.apply-button,.kpi-label,.kpi-card>small,.panel-heading p,.chart-tag,.bar-label,.bar-value,.legend-row,.result-count,.footer,.error-banner,.pill{font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,-apple-system,sans-serif!important}
.filters-grid label{font-size:11px;font-weight:650;letter-spacing:.025em;color:#686b70}
.filters-grid input,.filters-grid select{font-size:13px;font-weight:500;color:#303236}
.kpi-label{font-size:10px;font-weight:700;letter-spacing:.075em;color:#77797d}
.kpi-card>b{font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.kpi-card>small{font-size:11px;color:#77797d}
.axis-label{font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,sans-serif;font-size:10px;font-weight:500;fill:#77797d}
.donut-center{font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,sans-serif;font-weight:700;font-variant-numeric:tabular-nums}
.donut-caption{font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,sans-serif;font-size:10px;fill:#77797d}
.legend-row{font-size:12px;color:#55585d}.legend-row b{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:#262729}
.bar-label{font-size:12px;font-weight:500;color:#55585d}.bar-value{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:#303236}
th{font-size:10px;font-weight:700;color:#77797d;letter-spacing:.055em}td{font-size:12px;font-weight:450;color:#45474b;font-variant-numeric:tabular-nums}.pill{font-size:10px;font-weight:650}
/* Acción para abrir la descarga del correo EML */
.email-action{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;padding:0;border:1px solid #e7b1ac;border-radius:8px;background:#fff5f3;color:#a82e25;text-decoration:none;white-space:nowrap;transition:background .16s,border-color .16s,transform .16s}
.email-action:hover{background:#fde7e3;border-color:#d77b72;transform:translateY(-1px)}
.email-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Acceso y administración de usuarios */
.user-tools{padding:18px 7px 13px;border-top:1px solid #ffffff18;margin-top:12px}
.signed-user{display:flex;align-items:center;gap:10px;padding:2px 3px 12px;min-width:0}
.user-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#c8372b;color:white;font-weight:750}
.signed-user div{min-width:0}.signed-user b{display:block;max-width:155px;overflow:hidden;text-overflow:ellipsis;font-size:12px}.signed-user small{display:block;color:#c1b8b6;margin-top:3px;font-size:10px}
.user-nav,.logout-button{display:flex;width:100%;align-items:center;gap:9px;padding:9px 8px;border:0;border-radius:8px;background:transparent;color:#e2dddc;text-decoration:none;text-align:left;font-size:11px;font-weight:600;font-family:inherit;cursor:pointer}
.user-nav:hover,.logout-button:hover{background:#ffffff14;color:white}
.user-nav:first-letter{color:#f06a5d}.user-tools form{margin:0}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 15% 15%,#f1d8d5 0,transparent 34%),#f5f5f4}
.auth-card{width:min(100%,440px);padding:38px 40px;background:#fff;border:1px solid #e8e5e4;border-radius:20px;box-shadow:0 20px 60px #291b1913}
.auth-logo{display:block;width:110px;height:65px;object-fit:contain;margin:0 0 24px;background:#fff}
.auth-eyebrow{margin:0 0 7px;color:#aa3b32;font-size:10px;font-weight:750;letter-spacing:.15em}
.auth-card h1,.users-title h1{margin:0;color:#202124;font-size:27px;font-weight:720;letter-spacing:-.035em}
.auth-subtitle{margin:8px 0 23px;color:#73777d;font-size:13px;line-height:1.55}
.auth-form{display:grid;gap:15px}.auth-form label{display:grid;gap:7px;color:#414246;font-size:12px;font-weight:650}
.auth-form input,.auth-form select,.reset-form input,.inline-form select{width:100%;height:40px;padding:0 11px;border:1px solid #dedfdf;border-radius:9px;background:#fff;color:#292a2c;font-size:13px;font-weight:500;font-family:inherit;outline:none}
.auth-form input:focus,.auth-form select:focus,.reset-form input:focus,.inline-form select:focus{border-color:#cc6a60;box-shadow:0 0 0 3px #c8372b16}
.auth-form label small{color:#85878a;font-weight:400;font-size:11px;margin-top:-2px}
.primary-action{min-height:42px;margin-top:4px;border:0;border-radius:9px;background:#242221;color:white;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s,transform .15s}
.primary-action:hover{background:#403331;transform:translateY(-1px)}
.flash{padding:11px 13px;margin:0 0 16px;border-radius:9px;font-size:12px;line-height:1.45}.flash.error{border:1px solid #f0c4c0;background:#fff0ee;color:#9c2c24}.flash.success{border:1px solid #bfdfcb;background:#edf8f0;color:#216744}
.users-page{min-height:100vh;background:#f5f5f4;padding:20px}.users-shell{width:min(1440px,100%);margin:0 auto}.users-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:9px 4px 20px}.back-link{color:#a63228;text-decoration:none;font-size:12px;font-weight:650}.back-link:hover{text-decoration:underline}.users-account{display:flex;align-items:center;gap:14px;color:#6d6e70;font-size:11px}.users-account form{margin:0}.logout-light{border:1px solid #dedfdf;border-radius:8px;padding:8px 11px;background:#fff;color:#38393b;font-size:11px;font-weight:600;font-family:inherit;cursor:pointer}
.users-title{display:flex;align-items:center;gap:20px;margin:12px 0 22px}.users-title img{width:94px;height:62px;object-fit:contain;background:#fff;border-radius:11px;padding:4px}.users-title .auth-subtitle{margin:6px 0 0}
.users-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.8fr);gap:16px;align-items:start}.users-panel{min-width:0;padding:20px;background:#fff;border:1px solid #e8e5e4;border-radius:15px;box-shadow:0 8px 25px #291b190a}.users-panel h2{margin:0;color:#292a2c;font-size:16px;letter-spacing:-.02em}.users-panel>p,.users-panel-heading p{margin:5px 0 17px;color:#7b7d80;font-size:11px;line-height:1.5}.users-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.count-chip{flex:none;border-radius:20px;padding:6px 9px;background:#f6efee;color:#a83d33;font-size:10px;font-weight:700}.user-table-wrap{overflow:auto}.user-table{width:100%;border-collapse:collapse;white-space:nowrap}.user-table th{text-align:left;padding:10px 9px;border-bottom:1px solid #ececed;color:#898b8e;font-size:9px;letter-spacing:.08em}.user-table td{padding:12px 9px;border-bottom:1px solid #f0f0f0;color:#434447;font-size:11px;vertical-align:middle}.user-table td:first-child b{display:block}.superadmin-tag{display:inline-block;margin-top:5px;color:#a93a31;font-size:9px}.user-state{display:inline-flex;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:650}.user-state.active{background:#e8f5ed;color:#27815a}.user-state.inactive{background:#f0eeee;color:#73777d}.inline-form,.manage-actions,.reset-form{display:flex;align-items:center;gap:6px}.inline-form select{min-width:125px;height:31px;padding:0 7px;font-size:11px}.small-action{flex:none;border:0;border-radius:7px;padding:7px 9px;background:#282625;color:#fff;font-size:10px;font-weight:600;font-family:inherit;cursor:pointer}.small-action:hover{background:#a93229}.small-action.secondary{border:1px solid #e3dddd;background:#fff;color:#555}.small-action.secondary:hover{border-color:#c9776e;color:#a63228;background:#fff7f6}.manage-actions{flex-wrap:wrap;align-items:flex-start}.manage-actions form{margin:0}.reset-form{margin-top:5px!important}.reset-form input{width:140px;height:30px;padding:0 7px;font-size:10px}
@media(max-width:960px){.users-grid{grid-template-columns:1fr}.users-panel.user-list{order:2}}
@media(max-width:780px){.user-tools{padding:13px 0 9px}.signed-user{justify-content:center}.signed-user div{display:none}.user-nav,.logout-button{justify-content:center;padding:10px 4px}.user-nav span,.logout-button span{display:none}.auth-card{padding:30px 24px}.users-page{padding:12px}.users-title{align-items:flex-start;gap:12px}.users-title img{width:65px;height:50px}.users-title h1{font-size:22px}.users-header{align-items:flex-start}.users-account>span{display:none}.users-panel{padding:15px 12px}.manage-actions{min-width:210px}}

/* Panel de Emails: filtros en siete columnas, ajustados para pantallas estrechas */
.filters-grid.email-grid{grid-template-columns:repeat(7,minmax(95px,1fr))}
@media(max-width:1250px){.filters-grid.email-grid{grid-template-columns:repeat(4,minmax(110px,1fr))}}
@media(max-width:780px){.filters-grid.email-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.filter-kpi{cursor:pointer;user-select:none;transition:border-color .16s,background .16s,transform .18s,box-shadow .18s}
.filter-kpi:hover{border-color:#d98b83}.filter-kpi:focus-visible{outline:3px solid #c8372b50;outline-offset:2px}.filter-kpi.selected{border-color:#c8372b;background:#fff8f6;box-shadow:0 0 0 2px #c8372b20,var(--shadow)}
.all-domains-chart{max-height:460px;overflow-y:auto;padding-right:9px;scrollbar-color:#d8c3c0 #f6f2f1;scrollbar-width:thin}
.domain-panel{margin-bottom:15px}.secondary-trend{margin-top:15px;padding-top:17px;padding-bottom:12px}.secondary-trend .panel-heading{margin-bottom:5px}.secondary-trend .chart-area{height:145px}
.bar-row.interactive{cursor:pointer;border-radius:8px;padding:3px 5px;margin:-3px -5px;transition:background .14s,transform .14s}
.bar-row.interactive:hover,.bar-row.interactive:focus-visible{background:#fff3f1;outline:none}.bar-row.interactive:hover .bar-label,.bar-row.interactive:focus-visible .bar-label{color:#a63228}
/* Panel de filtros más compacto para dejar más dashboard a la vista */
.filter-panel{padding:13px 16px 10px;margin-bottom:13px}
.filter-title{margin-bottom:8px}.filter-title small{margin-top:2px}
.filters-grid{gap:8px}.filters-grid label{gap:4px;font-size:10px}
.filters-grid input,.filters-grid select{height:32px;padding:0 8px;font-size:11px}
.filter-foot{margin-top:8px;padding-top:7px;font-size:9px}
.apply-button{padding:7px 12px}
@media(max-width:780px){.filter-panel{padding:13px 12px 10px}.filters-grid input,.filters-grid select{height:34px}}
/* Emails: dominios y correos en columnas alineadas */
.emails-columns{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.7fr);align-items:start;gap:14px;margin-bottom:15px}
.emails-columns>.panel{min-width:0;margin:0}
.emails-columns .all-domains-chart,.emails-columns .table-scroll{max-height:460px}
@media(max-width:1050px){.emails-columns{grid-template-columns:1fr}}
/* Expedientes: lista completa de dominios en un solo gráfico */
.exp-charts{grid-template-columns:1fr}.all-exp-domains-chart{max-height:460px;overflow-y:auto;padding-right:9px;scrollbar-color:#d8c3c0 #f6f2f1;scrollbar-width:thin}
/* Dashboard layout for the two expediente KPIs and narrow screens. */
.kpi-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
.exp-charts{grid-template-columns:1fr}
@media(max-width:560px){
  .sidebar{width:54px;padding:14px 5px}
  .main{margin-left:54px;padding:16px 9px}
  .brand-mark{width:38px;height:38px}
  .topbar{align-items:flex-start;gap:8px}
  .topbar h1{font-size:19px}
  .top-actions{gap:6px}
  .filters-grid,.filters-grid.email-grid,.exp-grid{grid-template-columns:1fr 1fr;gap:8px}
  .kpi-grid.five{grid-template-columns:1fr 1fr;gap:8px}
  .kpi-grid.three{grid-template-columns:1fr 1fr;gap:8px}
  .kpi-card{padding:12px 10px}
  .kpi-card>b{font-size:23px}
  .filter-foot{flex-direction:column;align-items:stretch}
  .apply-button{align-self:flex-end}
  .panel-heading{gap:8px}
  .panel-heading h2{font-size:13px}
  .emails-columns{grid-template-columns:minmax(0,1fr)}
  .table-scroll{max-height:55vh}
}
@media(max-width:380px){
  .kpi-grid.five,.kpi-grid.three{grid-template-columns:1fr}
  .filters-grid,.filters-grid.email-grid,.exp-grid{grid-template-columns:1fr}
}
/* Cargored light palette */
:root{--nav:#fff;--nav2:#f7ece7}
.sidebar{color:#333746;border-right:1px solid #e8eaf0;box-shadow:5px 0 20px #20243b08}
.brand b{color:#292d3b}.brand small,.nav-label{color:#8b8e98}
.nav-item{color:#626779}
.nav-item:hover{color:#9d342c}
.nav-item.active{background:#fff1ec;color:#a63228;box-shadow:inset 3px 0 #c8372b}
.user-tools{border-top-color:#e9e9ed}
.signed-user small{color:#858a97}
.user-nav,.logout-button{color:#626779}
.user-nav:hover,.logout-button:hover{background:#f7ece7;color:#9d342c}
.sidebar-bottom{border-top-color:#e9e9ed}
.sidebar-bottom small{color:#858a97}
.apply-button{background:#bd3d32;color:#fff}
.apply-button:hover{background:#a93229}
.apply-button b{color:#ffe1c3}
.small-action.danger-action{border:1px solid #f2c5c3;background:#fff2f1;color:#a63228}
.small-action.danger-action:hover{background:#a93229;color:#fff}
.primary-action{background:#bd3d32}
.primary-action:hover{background:#a93229}
.change-back{display:inline-block;margin-top:22px}
.user-state.pending{background:#fff3e3;color:#a86b20}
.access-history-panel{margin-top:18px}
.access-table{min-width:760px}
.history-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 14px}
.history-filter label{color:#727887;font-size:11px;font-weight:650}
.history-filter input{height:32px;padding:0 9px;border:1px solid #dedfdf;border-radius:8px;background:#fff;color:#38393b;font-size:11px;font-weight:500;font-family:inherit}
.history-filter a{text-decoration:none}
.main{width:min(1900px,calc(100vw - 250px));max-width:none;margin-left:max(250px,calc((100vw - 1900px + 250px)/2))}
.users-shell{width:min(1700px,100%)}
@media(max-width:780px){.main{width:auto;max-width:none;margin-left:65px;margin-right:0}}
@media(max-width:560px){.main{margin-left:54px}.users-page{padding:10px}.access-history-panel{padding:14px 10px}}
.creator-credit{display:flex;align-items:center;gap:12px;color:#727887}
.creator-credit small,.creator-credit strong{display:block}
.creator-credit small{font-size:9px;color:#969baa;margin-bottom:3px}
.creator-credit strong{font-size:10px;font-weight:700;color:#555b69}
@media(max-width:780px){.footer{align-items:flex-start}.footer>span{line-height:1.5}}
.exp-columns{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.7fr);align-items:start;gap:14px;margin-bottom:15px}
.exp-columns>.panel{min-width:0;margin:0}
.exp-columns .all-exp-domains-chart,.exp-columns .table-scroll{max-height:460px}
@media(max-width:1050px){.exp-columns{grid-template-columns:1fr}}
@media(max-width:560px){.exp-columns{grid-template-columns:minmax(0,1fr)}}