/* Analítica 1.10 — identidad futurista verde. Solo pantalla; impresión conserva el tema claro. */
:root{color-scheme:dark;--ink:#edf9f5;--muted:#a0bcb3;--line:#27453b;--soft:#071512;--paper:#10231e;--deep:#0b3126;--deep-2:#15543f;--green:#4ce5aa;--green-light:#77f5bd;--amber:#ffd083;--danger:#ff9d9d;--shadow:0 20px 50px #0005}
html,body{background:#071512;color:var(--ink)}
body{background-image:radial-gradient(ellipse at 90% 0,#124c343d,transparent 55%);background-attachment:fixed}
a,button,input,select{ -webkit-tap-highlight-color:transparent }
input,select{accent-color:var(--green)}
input::placeholder{color:#8aa69c;opacity:1}
button,a,input,select{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
:focus-visible{outline:2px solid #77f5bd;outline-offset:4px}
button:disabled{cursor:not-allowed;opacity:.5}
.login-shell{grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);background:#071512}
.login-brand{align-items:center;padding:46px clamp(32px,5vw,82px);background:radial-gradient(ellipse at 55% 42%,#16744a40,transparent 60%),linear-gradient(145deg,#06140f,#0d2c21);border-right:1px solid var(--line)}
.login-brand::before{inset:0;width:auto;height:auto;border:0;border-radius:0;background-image:linear-gradient(#68e5ad08 1px,transparent 1px),linear-gradient(90deg,#68e5ad08 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,transparent,#000,transparent)}
.login-brand::after{width:500px;height:500px;top:25%;right:-260px;border:1px solid #57e7ac1c;box-shadow:0 0 0 70px #57e7ac05,0 0 0 140px #57e7ac03}
.brand-copy{width:100%;max-width:680px}
.brand-mark{margin-bottom:36px}
.brand-icon{background:linear-gradient(145deg,#a5ffce,#40dba0);box-shadow:0 0 28px #5af0b82b;color:#09251b;border:1px solid #b0ffda88}
.brand-copy h1{font-size:clamp(3.4rem,6vw,6.6rem);letter-spacing:-.065em;background:linear-gradient(100deg,#fff 20%,#b6ffd7 80%);background-clip:text;-webkit-text-fill-color:transparent}
.brand-copy .eyebrow{color:var(--green-light);font-size:.7rem;letter-spacing:.24em;margin-bottom:18px}
.accent-line{width:60px;height:3px;margin:22px 0;background:var(--green);box-shadow:0 0 18px #4ce5aa80}
.brand-copy .brand-tagline{color:#e2f7ee;font-size:clamp(1.3rem,2vw,1.65rem);font-weight:650;margin-bottom:10px;line-height:1.3}
.brand-copy>p:not(.eyebrow):not(.brand-tagline){font-size:.94rem;color:#a5c2b5;max-width:470px}
.data-orbit{position:relative;width:100%;max-width:460px;height:225px;margin:26px 0 10px}
.orbit-ring{position:absolute;width:200px;height:200px;top:0;left:calc(50% - 100px);border:1px solid #48eaaa4d;border-radius:50%;box-shadow:inset 0 0 40px #48eaaa08,0 0 40px #48eaaa08;animation:orbit-breathe 5s ease-in-out infinite}
.orbit-ring::before{content:"";position:absolute;inset:22px;border-radius:50%;border:1px dashed #61e8b338}
.orbit-core{position:absolute;left:calc(50% - 40px);top:60px;width:80px;height:80px;display:grid;place-items:center;background:linear-gradient(135deg,#154f38,#0d2b20);border:1px solid #63ffc484;border-radius:24px;box-shadow:0 0 38px #37eba730;color:#8cffcb;transform:rotate(-8deg)}
.orbit-core svg{width:42px;transform:rotate(8deg)}
.orbit-node{position:absolute;display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid #44755e;background:#102c22ee;border-radius:12px;box-shadow:0 12px 25px #0004;font-size:.71rem;color:#c4e3d6}
.orbit-node svg{width:19px;color:#72f2b9}
.node-fuel{top:5px;left:3%}.node-report{top:58px;right:0}.node-alert{top:146px;left:0}
.orbit-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:.55rem;letter-spacing:.26em;color:#87b8a0}
.login-features{display:flex;flex-wrap:wrap;gap:14px 18px;padding-top:18px;border-top:1px solid #315040;font-size:.69rem;color:#a7c8b8}
.login-features span{display:flex;align-items:center;gap:6px}.login-features svg{width:15px;color:#70ecb5}
.login-panel{background:radial-gradient(ellipse at 90% 20%,#27553c2b,transparent 70%),#081812;padding:40px}
.login-card{max-width:440px;padding:34px;border:1px solid #315142;border-radius:26px;background:linear-gradient(145deg,#142b21e8,#0d211bf5);box-shadow:0 30px 80px #0005,inset 0 1px 0 #d3ffe90c;position:relative}
.login-card::before{content:"";position:absolute;top:-1px;left:28%;right:28%;height:2px;background:linear-gradient(90deg,transparent,#84ffbd,transparent);box-shadow:0 0 20px #71efb280}
.login-emblem{width:50px;height:50px;border:1px solid #4ee9a642;background:#4ee9a611;display:grid;place-items:center;border-radius:16px;color:#81f4ba;margin-bottom:24px}.login-emblem svg{width:24px}
.login-card h2{font-size:2.15rem}.login-card .intro{font-size:.9rem;margin-bottom:28px}
.field input,.search input,.schedule-field input,.schedule-field select,.user-admin-panel input:not([type=checkbox]),.fuel-select-row select,.date-control,.report-search{background:#091b15;color:var(--ink);border-color:#345447}
.field input:focus{border-color:#61eaaa;box-shadow:0 0 0 4px #4debaa14}.input-icon{color:#8bb29f}
.primary-btn,.query-btn,.primary-action,.open-report{background:linear-gradient(120deg,#78f6b9,#37c78d);color:#062b1a;box-shadow:0 6px 20px #37d89a24;border:1px solid #8cf8c455}
.primary-btn:hover,.query-btn:hover,.primary-action:hover,.open-report:hover{background:linear-gradient(120deg,#a3ffd0,#4ce3a4);box-shadow:0 8px 28px #37d89a40}
.login-note{font-size:.73rem;color:#9bb7a9}.error{color:#ffaaaa}
.sidebar{background:linear-gradient(170deg,#0d251c,#071812);border-right:1px solid #315443;padding-top:30px;overflow-y:auto;display:flex;flex-direction:column}
.sidebar-brand strong{font-size:1.2rem}.sidebar-brand span{letter-spacing:.02em;font-size:.62rem;color:#9cbeac}.sidebar-brand{padding-bottom:26px}
.sidebar-foot{position:static;margin-top:auto;padding-top:30px}.nav-item{min-height:48px;margin-bottom:5px;border:1px solid transparent;font-size:.88rem}.nav-item:hover{background:#49e4a00a;color:#fff}
.nav-item.active{background:linear-gradient(100deg,#46d99520,#46d99506);border-color:#46d99544;box-shadow:inset 3px 0 #6bf4b5;color:#c8ffe3}
.nav-label{color:#8eb19f}.avatar{border:1px solid #63edb44d}.logout{border:1px solid #2b4638;border-radius:10px;margin-top:6px}.logout:hover{background:#234636}
.main{background-image:radial-gradient(ellipse at 100% 0,#1b694524,transparent 55%);padding-top:26px}
.topbar{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:28px}.today{background:#10291e;color:#b3cfbd;font-size:.75rem}
.page-head{padding:28px;border:1px solid #335543;border-radius:20px;background:radial-gradient(ellipse at 100% 20%,#46d99517,transparent 60%),linear-gradient(120deg,#153022,#0c2219);box-shadow:0 18px 40px #0002}
.page-head h1,.report-title h1{color:#e6fff1}.page-head p{line-height:1.55;font-size:.88rem}.page-head .eyebrow{color:var(--green);font-size:.68rem;margin-bottom:6px}
.count-badge,.source-badge,.status-pill.accepted,.whatsapp-state.active,.metric-change.up{background:#45e5a316;color:#8af7c1;border:1px solid #45e5a33b}
.status,.cell-supplied{color:#8af7c1!important}.source-badge::after{content:"v1.10";background:#224836;color:#b5ffda}
.report-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),420px))}
.report-card,.fuel-panel,.fuel-metric,.notification-summary article,.notification-report,.user-admin-panel{background:linear-gradient(145deg,#152e23,#0e211a);border-color:#2e4c3e;box-shadow:0 12px 28px #0002,inset 0 1px 0 #ffffff05}
.report-card{padding:28px;border-radius:22px}.report-card::after{background:radial-gradient(circle,#45df9914,transparent 70%);width:260px;height:260px}.report-card:hover{border-color:#69ebaf70;box-shadow:0 18px 40px #0004,0 0 24px #53e8a70b}
.report-icon,.notification-report-icon,.fuel-metric>div,.notification-summary article>span{background:#42e7a012;border:1px solid #42e7a030;color:#83f6bc;box-shadow:0 0 22px #42e7a008}
.fuel-metric{position:relative;overflow:hidden}.fuel-metric::after{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,#72ecae66,transparent)}
.fuel-date-row{border-color:var(--line)}
.fuel-date-row label>span,.fuel-select-row label>span,.period-presets>span,.schedule-field>span,.active-label{color:#b6cfc2}
.period-presets button,.secondary-action,.detail-actions button,.whatsapp-actions button,.day-check span{background:#18382a;color:#c5e6d4;border-color:#365644}
.period-presets button:hover,.secondary-action:hover,.detail-actions button:hover,.whatsapp-actions button:hover:not(:disabled),.day-check input:checked+span{background:#24563f;color:#a3ffce;border-color:#72edae}
.filter-chip,.unit-pill{background:#254938;color:#bbf9d8;border-color:#518366}.filter-chip:hover{background:#30604a}.clear-all{color:#ffa69d}.clear-all:hover{background:#ff8d7c15}
.empty{background:#11291f;border-color:#3b604b}.comparison-strip{color:#adcdbb;background:#11281d;border-color:var(--line)}
.quality-card.danger,.report-error{background:#3b2222;color:#ffc0b6;border-color:#79483f}.quality-card.warning{background:#352c1d;color:#ffdaa0;border-color:#75603c}.quality-total,.zero-value{background:#462623;color:#ffb0a5!important}.metric-change.down,.status-pill.editing,.whatsapp-state.ready{background:#3a2e1c;color:#ffd69b}.metric-change.neutral,.status-pill.other,.whatsapp-state.pending{background:#293d33;color:#b6c8be}
.notification-report-head,.notification-actions,.notification-future,.whatsapp-panel{background:linear-gradient(120deg,#183c29,#10281e);border-color:#375841;color:#d8f6e5}
.notification-rule,.whatsapp-schedule,.user-entry{background:#0b2017;border-color:#35523f;color:#e0f5e9}.user-entry:hover{border-color:#6ceaab;background:#183a28}.user-entry span,#notification-message,.whatsapp-message{color:#a4c9b3}#user-form-message{color:#8bf0b9}
.notification-future p,.donut-legend span,.status-row span,.status-total,.filter-hint{color:#a5c5b3}
.fuel-table th{background:#173527;color:#b3d5c2;border-color:#31513e}.fuel-table td{color:#c8dfd1;border-color:#253f30}.fuel-table tbody tr:hover{background:#183e2c}.fuel-table tr.row-warning{background:#2c281b}.fuel-table tr.row-warning:hover{background:#3c3520}.cell-reserve{color:#a2cff5!important}
.trend-grid line{stroke:#2c4a39}.trend-grid text{fill:#a9c8b5}.trend-area{fill:#57e6a217}.trend-line{filter:drop-shadow(0 0 4px #4ce5aa40)}.trend-chart circle{fill:#163b29}.donut-track{stroke:#294535}.donut>div{background:#10271c;color:#e4fff0}.fuel-bar em{background:#294936}.fuel-bar:hover,.fuel-bar.selected,button.donut-legend-row:hover,.donut-legend-row.selected,.status-row:hover,.status-row.selected{background:#1d4832;border-color:#497e5c}.table-skeleton{background:#2c4a39}
.chart-panel:fullscreen{background:#0c2117}.mobile-menu{background:#183a29;color:#bff6d7;border-color:#3b634a}.switch span{background:#3c5948}
@keyframes orbit-breathe{50%{box-shadow:inset 0 0 50px #48eaaa14,0 0 50px #48eaaa14;opacity:.7}}
@media(min-width:1500px){.login-brand{padding-left:8vw}.login-card{max-width:460px;padding:44px}}
@media(max-width:1000px){.login-shell{grid-template-columns:1fr 1fr}.login-brand{padding:32px}.login-panel{padding:26px}.login-card{padding:26px}.brand-name{font-size:.65rem}.data-orbit{height:205px}.orbit-ring{width:180px;height:180px;left:calc(50% - 90px)}.orbit-node{padding:9px;font-size:.62rem}.node-report{right:-8px}.node-alert{top:138px}.orbit-core{top:50px}}
@media(max-width:820px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:auto;padding:32px 24px;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.brand-copy{max-width:600px;margin:auto}.brand-mark{margin-bottom:24px}.brand-copy h1{font-size:3.8rem}.data-orbit{display:none}.login-features{margin-top:22px}.login-panel{min-height:auto;padding:28px 20px 44px}.login-card{width:min(480px,100%);max-width:480px}.page-head{padding:22px}.sidebar{z-index:20}.main{padding-top:20px}.topbar{gap:10px}.today{font-size:.65rem}.notification-summary strong{overflow-wrap:anywhere}}
@media(max-width:480px){.brand-copy h1{font-size:3.2rem}.brand-name{letter-spacing:.09em}.brand-copy .brand-tagline{font-size:1.25rem}.login-card{padding:24px}.login-emblem{margin-bottom:18px}.login-card h2{font-size:1.8rem}.login-features{gap:10px 14px;font-size:.62rem}.page-head{padding:18px;align-items:flex-start;flex-direction:column;gap:14px}.topbar .today{display:none}.report-card{padding:22px}.data-orbit{display:none}.notification-report-head{flex-wrap:wrap}.user-admin-panel{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.fuel-metric.featured{background:linear-gradient(120deg,#226947,#16432f);border-color:#6dedab66}.fuel-metric.featured p{color:#c2f8da}.fuel-metric.featured strong{color:#effff6}.fuel-metric.featured>div{background:#092f20;color:#80f7ba}
.fuel-metric.reserve{background:linear-gradient(130deg,#16322e,#102421);border-color:#355950}.fuel-metric.reserve>div{background:#234642;color:#a2cff5}.fuel-metric.total{background:linear-gradient(130deg,#213d2c,#12261c);border-color:#436248}.fuel-metric.total>div{background:#304d39;color:#b9f8ce}
.comparison-strip strong{color:#c5f5d9}.comparison-hint{background:#244836;color:#baf5d3}.chart-fullscreen,.notification-future>div:first-child{background:#1f4230;color:#b9f8d3;border-color:#436b50}.chart-fullscreen:hover{background:#2d5b40}.status-row{background:#0c2418;border-color:#35523f}
@media(max-width:820px){.brand-copy .eyebrow,.brand-copy .brand-tagline{display:block}.brand-copy .eyebrow{font-size:.62rem}}
.interaction-note{background:#244836;color:#baf5d3}
.status-stack{background:#294535}.chart-fullscreen{font-size:0}.chart-fullscreen::before{content:"";width:14px;height:14px;background:linear-gradient(currentColor,currentColor) top left/5px 2px,linear-gradient(currentColor,currentColor) top left/2px 5px,linear-gradient(currentColor,currentColor) top right/5px 2px,linear-gradient(currentColor,currentColor) top right/2px 5px,linear-gradient(currentColor,currentColor) bottom left/5px 2px,linear-gradient(currentColor,currentColor) bottom left/2px 5px,linear-gradient(currentColor,currentColor) bottom right/5px 2px,linear-gradient(currentColor,currentColor) bottom right/2px 5px;background-repeat:no-repeat}

.vale-panel{padding:28px}.vale-query{display:flex;gap:18px;align-items:end;flex-wrap:wrap}.vale-panel label{display:grid;gap:9px;font-weight:600}.vale-panel input{width:100%;min-width:0;padding:14px;border:1px solid #b2c9bf;border-radius:10px;background:#fff;color:#102d24;font:inherit}.vale-context,.vale-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.vale-context{padding-bottom:25px;border-bottom:1px solid #c3d9ce}.vale-context div{display:grid;gap:8px}.vale-context span{font-size:13px;color:#536e64}.vale-context strong{overflow-wrap:anywhere}.vale-notice{padding:16px;background:#e6f7ef;color:#184d38;border-radius:12px;margin:24px 0;line-height:1.6}.vale-row{cursor:pointer}.vale-row:hover,.vale-row:focus{background:#ddf6e9;outline:2px solid #25976b;outline-offset:-2px}.vale-query button,.vale-panel .primary-action{padding:14px 22px}.vale-panel button:disabled{opacity:.6;cursor:wait}#vale-save-message,#vales-message{line-height:1.6;overflow-wrap:anywhere}@media(max-width:640px){.vale-context,.vale-fields{grid-template-columns:1fr}.vale-panel{padding:18px}.vale-query{display:grid;grid-template-columns:1fr;width:100%}.vale-context{gap:18px}}

.vale-list-panel{padding:16px 20px;overflow:hidden}.vale-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.vale-list-heading h1{font-size:20px!important;line-height:1.2;margin:0 0 4px!important}.vale-list-heading p{font-size:12px;margin:0;color:#587166}.vale-list-heading button{padding:9px 15px;flex-shrink:0}.vale-list-panel #vales-message{font-size:12px;margin:6px 0 10px}.vale-list-panel .fuel-table{width:100%}.vale-list-panel .fuel-table td{padding-top:17px;padding-bottom:17px}.vale-list-panel .fuel-table th{font-size:13px}@media(max-width:640px){.vale-list-panel{padding:12px}.vale-list-heading h1{font-size:18px!important}.vale-list-heading p{font-size:11px}}

/* Captura táctil: tablet horizontal y vertical */
.vale-capture-head{margin-bottom:14px;gap:12px}.vale-capture-head h1{font-size:24px!important;margin:0 0 4px!important}.vale-capture-head p{font-size:13px;margin:0}.vale-capture-head button{min-height:48px;padding:12px 18px}.vale-capture-panel{max-width:1100px;margin:0 auto;padding:22px}.vale-capture-panel .vale-context{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:18px}.vale-capture-panel .vale-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}.vale-capture-panel .vale-fields label{font-size:16px;gap:10px}.vale-capture-panel .vale-fields input{min-height:58px;font-size:20px;padding:14px 16px;scroll-margin-top:28px}.vale-capture-panel input:focus-visible{outline:3px solid #25976b;outline-offset:2px}.vale-capture-panel .vale-notice{font-size:13px;line-height:1.4;padding:12px;margin:16px 0 20px}.vale-capture-panel #vale-capture>.primary-action{width:100%;min-height:56px;font-size:18px;margin-top:8px;touch-action:manipulation}.vale-capture-panel #vale-save-message{font-size:14px;margin:14px 0 6px}@media(min-width:641px) and (max-width:1100px){.vale-capture-panel{padding:20px}.vale-capture-head{align-items:center}.vale-capture-panel .vale-fields{gap:18px}}@media(max-width:640px){.vale-capture-panel{padding:16px}.vale-capture-panel .vale-context{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vale-capture-panel .vale-fields{grid-template-columns:1fr;gap:18px}.vale-capture-head h1{font-size:21px!important}.vale-capture-head{flex-wrap:wrap}.vale-capture-panel .vale-fields input{min-height:56px;font-size:18px}}