:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f6f8fb;background:#06090d;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#06090d;--surface:#10161d;--surface2:#182531;--surface3:#2a3b49;--glass:#1b2933;--mint:#b7d6ce;--turq:#93b6d2;--ice:#e4eef6;--muted:#c5d0da;--dim:#94a5b5;--good:#8dd9b5;--amber:#e8c987;--danger:#ee6d7f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--ink)}button,input,textarea{font:inherit}.app-shell{min-height:100vh;position:relative;overflow-x:hidden}.fx{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(circle at 50% -10%,#17232c 0%,#081017 36%,#06090d 72%)}.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(147,182,210,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(147,182,210,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.orb{position:absolute;border-radius:999px;filter:blur(65px);opacity:.18}.orb-a{width:260px;height:260px;background:#93b6d2;top:-70px;right:-80px}.orb-b{width:300px;height:300px;background:#b7d6ce;bottom:-120px;left:-120px}.center-page,.page{width:min(100%,680px);margin:auto;padding:max(18px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));min-height:100vh}.center-page{display:flex;flex-direction:column;justify-content:center;gap:18px}.brand{display:flex;align-items:center;justify-content:center;gap:14px;text-align:left}.brand img{width:82px;height:82px;border-radius:25px;filter:drop-shadow(0 12px 24px rgba(147,182,210,.15))}.brand-title{font-size:32px;line-height:1;font-weight:900;letter-spacing:.08em}.brand-subtitle{margin-top:7px;color:var(--muted);font-size:13px;line-height:1.35;max-width:390px}.glass-card,.action-card,.train-card{border:1px solid rgba(183,214,206,.28);background:linear-gradient(145deg,rgba(27,41,51,.94),rgba(16,22,29,.92));box-shadow:0 18px 45px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(14px)}.glass-card{border-radius:26px;padding:18px}.glass-card h2{text-align:center;margin:0 0 18px;font-size:20px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-title strong{display:block;font-size:18px}.section-title small{display:block;color:var(--muted);margin-top:2px}.icon-box{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#24343f;color:var(--ice);font-size:23px}label{display:block;color:var(--muted);font-size:12px;font-weight:700;margin:12px 0 6px}input,textarea{width:100%;color:#fff;background:rgba(6,9,13,.68);border:1px solid #536a7a;border-radius:14px;padding:13px 14px;outline:none;transition:border-color .15s}.search{margin:16px 0}input:focus,textarea:focus{border-color:var(--ice);box-shadow:0 0 0 3px rgba(197,217,234,.08)}.password-row{display:grid;grid-template-columns:1fr auto;gap:8px}.eye,.icon-btn{border:1px solid rgba(197,217,234,.2);background:#182531;color:#e4eef6;border-radius:12px;padding:0 14px}.primary,.secondary{width:100%;border:none;border-radius:999px;padding:13px 17px;font-weight:900;cursor:pointer;margin-top:14px}.primary{color:#06131d;background:linear-gradient(90deg,#e4eef6,#b7d6ce);box-shadow:0 10px 28px rgba(183,214,206,.13)}.secondary{color:#fff;background:linear-gradient(90deg,#1b2933,#263745);border:1px solid rgba(183,214,206,.25)}.secondary:disabled{opacity:.48}.full{margin-top:12px}.topbar{position:sticky;top:0;z-index:5;margin:-18px -18px 12px;padding:max(14px,env(safe-area-inset-top)) 18px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(16,22,29,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(147,182,210,.12)}.topbar>div strong{display:block;font-size:20px}.topbar small{display:flex;gap:8px;align-items:center;color:var(--muted);margin-top:3px;max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{font-size:10px;padding:3px 7px;border-radius:999px}.pill.online{background:rgba(141,217,181,.12);color:var(--good)}.pill.offline{background:rgba(238,109,127,.12);color:var(--danger)}.center-title{text-align:center;color:var(--mint);font-size:18px;letter-spacing:.04em;margin:18px 0 13px}.action-list{display:grid;gap:10px}.action-card{width:100%;border-radius:23px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;text-align:left;color:#fff;cursor:pointer}.action-card:disabled{cursor:default;opacity:.72}.action-card strong{display:block;font-size:16px}.action-card small{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin-top:3px}.action-card b{font-size:25px;color:var(--dim)}.action-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#263745,#182531);font-size:22px;border:1px solid rgba(197,217,234,.16)}.train-list{display:grid;gap:10px}.train-card{border-radius:22px;padding:15px;display:flex;justify-content:space-between;align-items:center;gap:12px}.train-card strong{display:block;font-size:18px}.train-card small{display:block;color:var(--good);margin-top:4px}.train-metrics{display:flex;gap:8px}.train-metrics span{display:flex;flex-direction:column;align-items:center;color:var(--dim);font-size:10px;background:#111a22;border-radius:12px;padding:7px 10px}.train-metrics b{color:#fff;font-size:15px;margin-top:2px}.empty{padding:28px;text-align:center;color:var(--dim)}footer{text-align:center;color:#6f8393;font-size:11px;margin-top:20px}.toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 32px),520px);z-index:20;padding:12px 16px;border-radius:16px;border:1px solid;backdrop-filter:blur(18px);box-shadow:0 14px 38px #0008}.toast.ok{color:#dff8ec;background:#173228eb;border-color:#8dd9b566}.toast.error{color:#ffe8ec;background:#3a1720eb;border-color:#ee6d7f66}.busy{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:rgba(6,9,13,.78);backdrop-filter:blur(4px)}.busy-card{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#182531;border:1px solid rgba(183,214,206,.3);border-radius:22px;font-weight:800}.spinner{width:25px;height:25px;border-radius:50%;border:3px solid #536a7a;border-top-color:#e4eef6;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:700px){.page,.center-page{padding-left:26px;padding-right:26px}.action-list{grid-template-columns:1fr 1fr}.action-card:last-child{grid-column:1/-1}.brand img{width:94px;height:94px}}@media(max-width:360px){.brand-title{font-size:27px}.brand img{width:70px;height:70px}.glass-card{padding:15px}.action-card{padding:13px}}
.dual-actions,.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}.mini-panel,.form-section,.history-card{background:linear-gradient(180deg,rgba(24,42,51,.95),rgba(12,24,31,.96));border:1px solid rgba(153,218,219,.2);border-radius:22px;padding:14px;margin:10px 0}.train-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.train-card.warn{border-color:rgba(240,179,84,.34)}.badge{font-size:11px;font-weight:800;border-radius:30px;padding:6px 9px}.badge.good{background:rgba(72,211,155,.1);color:#78d9ad;border:1px solid rgba(72,211,155,.3)}.badge.amber{background:rgba(240,179,84,.1);color:#f0b354;border:1px solid rgba(240,179,84,.3)}.last{display:block;border-top:1px solid rgba(150,190,200,.14);padding-top:9px;margin-top:9px}.danger-link{width:100%;margin-top:7px;border:1px solid rgba(255,100,100,.25);background:transparent;color:#ff8e8e;border-radius:16px;padding:9px}.form-title{display:flex;align-items:center;gap:9px;margin-bottom:8px}.form-title b{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:rgba(171,232,229,.1);color:#c7f0ea}.field{display:block;margin:9px 0}.field span{display:block;font-size:12px;font-weight:700;color:#aac1ca;margin-bottom:5px}select{width:100%;background:#081118;color:#eef7f6;border:1px solid #3a5664;border-radius:14px;padding:13px 12px;font:inherit}.photo-preview{display:block;width:100%;max-height:340px;object-fit:cover;border-radius:16px;margin:6px 0 10px}.meta-line{text-align:center;color:#9bb3bc;font-size:13px;margin:4px 0 12px}.save-big{margin:14px 0 30px}.history-list{display:grid;gap:10px}.history-card{margin:0}.history-card b,.history-card small{display:block;margin-top:6px}.history-card p{margin:8px 0;color:#dce7e9}@media(max-width:540px){.dual-actions,.card-actions{grid-template-columns:1fr}.train-head{align-items:flex-start}.badge{white-space:nowrap}}

/* ============================== COMBUSTIBLES v0.4 ============================== */
.fuel-page{padding-bottom:42px}.fuel-brand{display:flex;align-items:center;gap:12px;margin:12px 0 14px;padding:13px 14px;border-radius:22px;background:linear-gradient(145deg,rgba(27,41,51,.94),rgba(16,22,29,.92));border:1px solid rgba(183,214,206,.24)}.fuel-brand img{width:68px;height:68px;border-radius:20px;object-fit:cover}.fuel-brand b{display:block;color:var(--mint);letter-spacing:.04em}.fuel-brand small{display:block;color:var(--muted);margin-top:4px}.fuel-panel,.fuel-card{margin:10px 0;padding:14px;border-radius:21px;background:linear-gradient(145deg,rgba(27,41,51,.94),rgba(16,22,29,.93));border:1px solid rgba(183,214,206,.22);box-shadow:0 12px 28px rgba(0,0,0,.18)}.autonomy{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.autonomy strong,.autonomy small{display:block}.autonomy small{color:var(--muted);margin-top:4px}.autonomy>b{font-size:24px}.autonomy p{grid-column:1/-1;margin:4px 0;color:#dbe7e9}.autonomy.good{border-color:rgba(141,217,181,.35)}.autonomy.amber{border-color:rgba(232,201,135,.4)}.autonomy.danger{border-color:rgba(238,109,127,.42)}.fuel-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.mini-kpi{padding:11px;border-radius:16px;text-align:center;background:#101a22;border:1px solid rgba(183,214,206,.16)}.mini-kpi small{display:block;color:var(--muted)}.mini-kpi b{display:block;margin-top:4px;font-size:16px}.mini-kpi.good b{color:var(--good)}.mini-kpi.amber b{color:var(--amber)}.mini-kpi.mint b{color:var(--mint)}.fuel-actions{margin-bottom:20px}.count-line{color:var(--muted);font-size:12px;margin:8px 0}.fuel-list{display:grid;gap:10px}.fuel-card strong{color:var(--mint);font-size:18px}.fuel-card small{display:block;color:var(--muted);margin-top:4px}.fuel-card p{color:#dbe7e9;margin:8px 0}.fuel-values{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.triple-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.triple-actions .secondary,.triple-actions .danger-link{margin:0}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(3,7,10,.82);backdrop-filter:blur(5px);display:grid;place-items:center;padding:14px}.modal-card{width:min(100%,650px);max-height:92vh;overflow:auto;background:#0f171e;border:1px solid rgba(183,214,206,.3);border-radius:24px;padding:16px;box-shadow:0 30px 70px #0009}.modal-head{position:sticky;top:-16px;z-index:2;margin:-16px -16px 10px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(15,23,30,.96);border-bottom:1px solid rgba(183,214,206,.16);backdrop-filter:blur(14px)}.modal-head h2{font-size:19px;margin:0;color:var(--mint)}fieldset{border:1px solid rgba(147,182,210,.24);border-radius:16px;margin:12px 0;padding:10px}legend{color:var(--ice);font-weight:800;padding:0 7px}.num-grid,.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.photo-slot{padding:8px;border-radius:14px;background:#111b23;border:1px solid rgba(183,214,206,.15)}.photo-slot small{display:block;color:var(--muted);margin-bottom:6px}.photo-slot img{display:block;width:100%;height:96px;object-fit:cover;border-radius:10px}.photo-slot .secondary{margin-top:7px;padding:9px}.read-row{padding:8px 0;border-bottom:1px solid rgba(183,214,206,.11)}.read-row small{display:block;color:var(--dim)}.read-row span{display:block;margin-top:3px}.progress{height:7px;background:#24313b;border-radius:99px;overflow:hidden;margin:9px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--good));border-radius:99px}.trace-row{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid rgba(183,214,206,.12)}.trace-row small{color:var(--muted)}.trace-row em{color:var(--amber);font-style:normal}.comp-row{margin-top:8px;padding:10px;border-radius:14px;background:#111b23;border:1px solid rgba(183,214,206,.13)}.comp-row b,.comp-row small{display:block}.comp-row>div{display:flex;gap:8px;margin-top:7px}.comp-row button,.report-buttons button{border:1px solid rgba(183,214,206,.2);background:#1a2832;color:#fff;border-radius:12px;padding:8px 11px}.danger-text{color:#ff8e8e!important}.report-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:9px}.smallbtn{width:auto;margin:0;padding:8px 12px}.fuel-card>.secondary{margin-top:9px}@media(max-width:430px){.fuel-values,.triple-actions,.photo-grid,.grid2{grid-template-columns:1fr}.fuel-kpis{grid-template-columns:1fr 1fr}.modal-card{padding:13px}.modal-head{top:-13px;margin:-13px -13px 8px}.fuel-brand img{width:58px;height:58px}}

/* ============================== V1.0 · REPORTES / OFFLINE / CHECKLIST ============================== */
.offline-banner{margin:10px 0;padding:11px 13px;border-radius:15px;background:rgba(232,201,135,.09);border:1px solid rgba(232,201,135,.32);color:var(--amber);font-size:13px;font-weight:700}.sync-hero,.scanner-hero{margin:12px 0;padding:18px;border-radius:25px;text-align:center;background:linear-gradient(145deg,rgba(27,41,51,.95),rgba(16,22,29,.93));border:1px solid rgba(183,214,206,.27)}.sync-hero{display:flex;align-items:center;text-align:left;gap:14px}.sync-hero h2,.scanner-hero h2{margin:4px 0 6px}.sync-hero p,.scanner-hero p{color:var(--muted);margin:0;line-height:1.45}.sync-orb,.scanner-icon{flex:0 0 auto;width:66px;height:66px;border-radius:22px;display:grid;place-items:center;background:rgba(183,214,206,.1);border:1px solid rgba(183,214,206,.28);font-size:32px}.scanner-icon{margin:0 auto 8px}.sync-kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sync-kpis>div{padding:14px;border-radius:18px;background:#101a22;border:1px solid rgba(183,214,206,.17);text-align:center}.sync-kpis small{display:block;color:var(--muted)}.sync-kpis b{display:block;font-size:22px;margin-top:4px}.good-text{color:var(--good)}.amber-text{color:var(--amber)}.pending-list{display:grid;gap:10px;margin-top:14px}.pending-card{padding:14px;border-radius:20px;background:linear-gradient(145deg,rgba(27,41,51,.94),rgba(16,22,29,.92));border:1px solid rgba(232,201,135,.28)}.pending-card small,.pending-card b{display:block;margin-top:6px}.pending-card p{color:#dbe7e9;margin:8px 0}.hidden-input{display:none}.scanner-preview{margin:12px 0;padding:10px;border-radius:22px;background:rgba(0,0,0,.36);border:1px solid rgba(147,182,210,.22)}.scan-image-wrap{position:relative;display:grid;place-items:center;min-height:260px;border-radius:16px;overflow:hidden;background:#000}.scan-image-wrap img{width:100%;max-height:520px;object-fit:contain}.scan-image-wrap span{position:absolute;right:8px;top:8px;padding:5px 9px;border-radius:99px;background:#000a;color:#fff;font-size:12px}.scanner-empty{margin:12px 0;border:1px dashed rgba(183,214,206,.2);border-radius:20px}.pdf-ready{margin:12px 0;padding:14px;border-radius:20px;background:rgba(141,217,181,.07);border:1px solid rgba(141,217,181,.28)}.pdf-ready>strong{display:block;color:var(--good);margin-bottom:8px}.pdf-modal{height:min(88vh,820px)}.pdf-modal iframe{width:100%;height:calc(100% - 95px);min-height:520px;border:0;border-radius:14px;background:#fff}.reports-brand{margin-top:10px}.report-filter{margin:12px 0;padding:15px;border-radius:22px;background:linear-gradient(145deg,rgba(27,41,51,.95),rgba(16,22,29,.93));border:1px solid rgba(183,214,206,.22)}.report-filter h3{margin:0 0 5px;color:var(--mint)}.report-filter p{margin:0 0 10px;color:var(--muted)}
@media(max-width:520px){.sync-hero{display:block;text-align:center}.sync-orb{margin:0 auto 9px}.pdf-modal iframe{min-height:400px}.sync-kpis{grid-template-columns:1fr 1fr}}

/* ============================== V1.0.2 · FILTROS + HISTORIAL CON EVIDENCIAS ============================== */
.filter-panel{margin:12px 0;padding:15px;border-radius:22px;background:linear-gradient(145deg,rgba(27,41,51,.97),rgba(16,22,29,.95));border:1px solid rgba(183,214,206,.28);box-shadow:0 12px 28px rgba(0,0,0,.16)}
.filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.filter-head h3{margin:0;color:var(--mint);font-size:16px}.filter-head small{display:block;color:var(--muted);margin-top:3px;line-height:1.35}
.history-rich{padding:0;overflow:hidden}.history-toggle{width:100%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;text-align:left;color:#fff;background:transparent;border:0;padding:14px;cursor:pointer}.history-toggle>span:first-child{min-width:0}.history-toggle strong{display:block;color:var(--mint);font-size:16px}.history-toggle small{display:block;color:var(--muted);margin-top:4px}.history-toggle>b{color:var(--ice);font-size:22px}.history-expanded{padding:0 14px 14px;border-top:1px solid rgba(183,214,206,.12)}.history-section{margin-top:10px;padding:12px;border-radius:16px;background:rgba(8,17,24,.5);border:1px solid rgba(183,214,206,.12)}.history-section h4{margin:0 0 8px;color:var(--ice)}.history-section p{margin:9px 0;color:#dce7e9;white-space:pre-wrap}.evidence-section{border-color:rgba(147,182,210,.24)}
.evidence-modal{width:min(100%,760px)}.evidence-view{min-height:280px;max-height:65vh;display:grid;place-items:center;border-radius:16px;overflow:hidden;background:#020406;border:1px solid rgba(183,214,206,.14)}.evidence-view img,.evidence-view video{display:block;max-width:100%;max-height:65vh;object-fit:contain}.compare-modal{width:min(100%,900px)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare-item{min-height:260px;padding:10px;border-radius:16px;background:#03070a;border:1px solid rgba(183,214,206,.14)}.compare-item>b{display:block;text-align:center;color:var(--mint);margin-bottom:8px}.compare-item img,.compare-item video{width:100%;height:300px;object-fit:contain;background:#000;border-radius:12px}
@media(max-width:540px){.history-toggle{grid-template-columns:1fr auto}.history-toggle>b{display:none}.compare-grid{grid-template-columns:1fr}.compare-item img,.compare-item video{height:230px}.evidence-view{min-height:220px}.filter-panel .grid2{grid-template-columns:1fr}}


/* ============================== V1.0.3 · PLEGABLE + RELOJ DE PROCESO ============================== */
.fold-section{margin:12px 0;padding:0!important;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,rgba(27,41,51,.97),rgba(16,22,29,.95));border:1px solid rgba(183,214,206,.25);box-shadow:0 12px 28px rgba(0,0,0,.14)}
.fold-summary{width:100%;min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;text-align:left;padding:13px 15px;border:0;background:transparent;color:#fff;cursor:pointer}
.fold-summary:hover{background:rgba(183,214,206,.035)}
.fold-heading{min-width:0}.fold-heading strong{display:block;color:var(--mint);font-size:16px}.fold-heading small{display:block;color:var(--muted);font-size:12px;line-height:1.35;margin-top:3px}
.fold-badge{justify-self:end;padding:5px 9px;border-radius:999px;background:rgba(141,217,181,.09);border:1px solid rgba(141,217,181,.22);color:var(--good);font-size:11px;font-weight:800;white-space:nowrap}
.fold-arrow{font-size:22px;line-height:1;color:var(--ice);transition:transform .18s ease}.fold-body{padding:2px 15px 15px;border-top:1px solid rgba(183,214,206,.11)}
.fold-form .fold-badge{order:-1;justify-self:start;border-radius:10px;color:var(--mint);background:rgba(183,214,206,.08)}
.fold-form .fold-summary{grid-template-columns:auto minmax(0,1fr) auto}.fold-form .fold-heading{grid-column:2}.fold-form .fold-arrow{grid-column:3}.fold-form .fold-body{padding-top:10px}
.history-section.fold-section{padding:0!important;background:rgba(8,17,24,.5);box-shadow:none}.history-section .fold-body{padding-top:4px}.filter-panel.fold-section,.report-filter.fold-section,.fuel-panel.fold-section,.scanner-preview.fold-section,.pdf-ready.fold-section,.pending-card.fold-section{padding:0!important}
.pending-card .fold-badge{color:var(--amber);border-color:rgba(232,201,135,.3);background:rgba(232,201,135,.08)}
.busy{pointer-events:auto}.busy-card.clock-card{display:flex;align-items:center;gap:12px;min-width:180px;justify-content:center}.clock-loader{position:relative;width:30px;height:30px;flex:0 0 30px;border:2px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 0 4px rgba(183,214,206,.08)}
.clock-loader:before{content:'';position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:#fff}.clock-loader i,.clock-loader b{position:absolute;left:50%;top:50%;display:block;width:2px;transform-origin:1px 1px;border-radius:2px;background:#fff}
.clock-loader i{height:9px;animation:clockMinute 1.1s linear infinite}.clock-loader b{height:7px;animation:clockHour 6.6s linear infinite}.clock-loader:after{content:'⌛';position:absolute;right:-11px;bottom:-8px;font-size:12px;animation:hourglassPulse 1.1s ease-in-out infinite}
@keyframes clockMinute{from{transform:rotate(0deg) translateY(-8px)}to{transform:rotate(360deg) translateY(-8px)}}@keyframes clockHour{from{transform:rotate(45deg) translateY(-6px)}to{transform:rotate(405deg) translateY(-6px)}}@keyframes hourglassPulse{0%,100%{opacity:.35;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:520px){.fold-summary{grid-template-columns:minmax(0,1fr) auto auto;padding:12px}.fold-badge{font-size:10px;max-width:100px;overflow:hidden;text-overflow:ellipsis}.fold-body{padding:2px 12px 12px}}
.photo-empty{display:grid;place-items:center;min-height:96px;border-radius:10px;background:#081017;border:1px dashed rgba(183,214,206,.18);color:var(--muted);font-size:12px;text-align:center;padding:8px}

/* ============================== V1.0.5 · MEDIOS Y REPORTES ============================== */
.report-preview-modal{width:min(96vw,980px);max-width:980px}.report-preview-inline,.report-inline-preview{margin:10px 0;padding:10px;border-radius:18px;background:rgba(4,10,14,.72);border:1px solid rgba(183,214,206,.18)}.report-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.report-preview-head b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-frame{display:block;width:100%;height:min(68vh,720px);min-height:440px;border:0;border-radius:12px;background:#fff}.evidence-video-thumb{display:block;width:100%;max-height:220px;border-radius:10px;background:#000}.video-lazy{min-height:120px;display:grid;place-items:center;gap:8px;text-align:center;padding:10px;border-radius:10px;background:#081017;border:1px dashed rgba(183,214,206,.22);color:var(--muted)}.video-lazy span{font-weight:700;color:var(--ice)}
@media(max-width:540px){.report-frame{height:58vh;min-height:360px}.report-preview-modal{width:100%}}


/* ============================== V1.0.6 · NIVELES FIJOS + CHAT ============================== */
.levels-grid-head,.levels-car-row{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch}.levels-grid-head{padding:8px 8px 10px;color:var(--muted);font-size:11px;text-align:center;letter-spacing:.05em}.levels-grid-head span{text-align:left}.levels-car-row{padding:10px 0;border-top:1px solid rgba(183,214,206,.12)}.levels-car-label{display:grid;place-items:center;font-size:17px;font-weight:900;color:var(--mint);border-radius:14px;background:rgba(183,214,206,.06);border:1px solid rgba(183,214,206,.14)}.levels-side{padding:9px;border-radius:15px;background:rgba(8,17,24,.55);border:1px solid rgba(183,214,206,.12)}.levels-side>small{display:block;text-align:center;color:var(--ice);font-weight:900;margin-bottom:7px}.mini-level-field{margin:7px 0}.mini-level-field span{display:block;color:var(--muted);font-size:10px;font-weight:800;margin-bottom:4px}.mini-level-field input{padding:10px 9px;border-radius:11px}.fixed-car{display:flex;align-items:center;justify-content:space-between;margin:9px 0;padding:12px 13px;border-radius:14px;background:#081118;border:1px solid #3a5664}.fixed-car span{color:var(--muted);font-size:12px}.fixed-car strong{color:var(--mint)}
.chat-root{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:45}.chat-bubble{position:relative;width:58px;height:58px;border-radius:50%;border:1px solid rgba(183,214,206,.35);background:linear-gradient(145deg,#dcebf3,#9bcfc6);color:#071117;box-shadow:0 15px 38px rgba(0,0,0,.4);font-size:26px;cursor:pointer}.chat-bubble b{position:absolute;right:-3px;top:-5px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#ee6d7f;color:white;font-size:10px;border:2px solid #071017}.chat-panel{position:absolute;right:0;bottom:70px;width:min(92vw,380px);height:min(70vh,560px);display:grid;grid-template-rows:auto auto 1fr auto auto;background:rgba(11,21,28,.98);border:1px solid rgba(183,214,206,.27);border-radius:23px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.55);backdrop-filter:blur(18px)}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid rgba(183,214,206,.12);background:rgba(24,37,49,.96)}.chat-head strong{display:block;color:var(--mint)}.chat-head small{display:block;color:var(--muted);margin-top:2px}.chat-presence{display:flex;gap:6px;overflow:auto;padding:8px 10px;border-bottom:1px solid rgba(183,214,206,.08)}.chat-presence span{white-space:nowrap;border-radius:999px;padding:5px 8px;background:rgba(141,217,181,.08);border:1px solid rgba(141,217,181,.2);color:var(--good);font-size:10px}.chat-presence em{color:var(--dim);font-size:11px}.chat-messages{overflow:auto;padding:11px;display:flex;flex-direction:column;gap:9px}.chat-msg{max-width:82%;align-self:flex-start;padding:8px 10px;border-radius:14px 14px 14px 4px;background:#182531;border:1px solid rgba(183,214,206,.1)}.chat-msg.own{align-self:flex-end;border-radius:14px 14px 4px 14px;background:#233b43}.chat-msg b{font-size:10px;color:var(--mint)}.chat-msg p{margin:4px 0;color:#eef7f6;white-space:pre-wrap;word-break:break-word;font-size:13px}.chat-msg small{display:block;text-align:right;color:var(--dim);font-size:9px}.chat-empty{margin:auto;color:var(--dim);font-size:12px}.chat-error{padding:6px 10px;color:#ffdce2;background:rgba(238,109,127,.09);font-size:11px}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:7px;padding:9px;border-top:1px solid rgba(183,214,206,.1)}.chat-compose textarea{resize:none;padding:9px 10px;border-radius:12px}.chat-compose button{border:0;border-radius:12px;padding:0 13px;font-weight:900;background:var(--mint);color:#071117}.chat-compose button:disabled{opacity:.45}
@media(max-width:520px){.levels-grid-head,.levels-car-row{grid-template-columns:52px minmax(0,1fr) minmax(0,1fr);gap:6px}.levels-side{padding:7px}.mini-level-field input{padding:9px 7px}.chat-root{right:12px;bottom:12px}.chat-panel{width:calc(100vw - 24px);height:min(72vh,570px)}}

/* ==== v1.0.7 · móvil visual y niveles agrupados ==== */
.nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;min-width:42px;padding:0 12px}
.nav-icon{font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;animation:iconPulse 1.8s ease-in-out infinite}
.nav-label{font-weight:800}
.animated-icon{animation:floatIcon 2.4s ease-in-out infinite}
.vehicle-badge{width:82px;height:82px;border-radius:26px;display:grid;place-items:center;font-size:42px;background:linear-gradient(145deg,#223546,#101820);border:1px solid rgba(183,214,206,.3);box-shadow:0 12px 30px rgba(0,0,0,.22)}
.vehicle-badge.fuel{background:linear-gradient(145deg,#29475b,#101820)}
.brand-no-image{justify-content:flex-start}.brand-no-image .brand-title{font-size:30px}
.home-hero{display:flex;align-items:center;justify-content:center;padding:16px 18px;border-radius:24px;background:linear-gradient(145deg,rgba(27,41,51,.94),rgba(16,22,29,.92));border:1px solid rgba(183,214,206,.22);margin-bottom:8px}
.tm-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0 14px;padding:10px 14px;border-radius:18px;background:rgba(183,214,206,.08);border:1px solid rgba(183,214,206,.18);color:var(--mint);letter-spacing:.14em;font-weight:900}.tm-logo span{color:var(--amber);animation:iconPulse 2s ease-in-out infinite}
.auth-helper-actions{margin-top:10px}.register-btn{display:flex;align-items:center;justify-content:center;gap:8px}
.grouped-level-card .level-summary-head,.grouped-level-card .level-summary-row{display:grid;grid-template-columns:72px 1fr 1fr;gap:10px;align-items:start}.grouped-level-card .level-summary-head{margin:10px 0 6px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.grouped-level-card .level-summary-head b:first-child{grid-column:2}.grouped-level-card .level-summary-head b:last-child{grid-column:3}.grouped-level-card .level-summary-car{display:grid;place-items:center;min-height:54px;border-radius:14px;background:rgba(183,214,206,.06);border:1px solid rgba(183,214,206,.14);color:var(--mint);font-weight:900}.grouped-level-card .level-summary-row>div:nth-child(2),.grouped-level-card .level-summary-row>div:nth-child(3){padding:10px;border-radius:14px;background:rgba(8,17,24,.55);border:1px solid rgba(183,214,206,.12)}.grouped-level-card p{margin:4px 0}
@keyframes floatIcon{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.06)}}
@keyframes iconPulse{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:540px){
  .page,.center-page{padding-left:14px;padding-right:14px}
  .topbar{padding-left:14px;padding-right:14px}
  .action-list,.mobile-menu,.fuel-actions{grid-template-columns:1fr!important}
  .action-card,.fuel-card,.history-card,.glass-card,.fuel-panel{border-radius:20px}
  .action-card{padding:14px;min-height:96px}
  .nav-label{display:none}
  .nav-btn{padding:0 10px}
  .topbar strong{font-size:18px}
  .topbar small{max-width:58vw}
  .grouped-level-card .level-summary-head,.grouped-level-card .level-summary-row{grid-template-columns:58px 1fr 1fr;gap:8px}
}
@supports (padding:max(0px)){
  .mobile-page,.page,.center-page{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
}

/* ============================== v1.0.9 · ASSETS DRIVE + RESPONSIVE UNIVERSAL ============================== */
.tm-logo-image-wrap{display:flex;align-items:center;justify-content:center;width:100%;margin:8px 0 14px;padding:8px 12px;border-radius:20px;background:rgba(183,214,206,.05);border:1px solid rgba(183,214,206,.15);overflow:hidden}
.tm-logo-image{display:block;width:min(76%,360px);max-height:88px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.24))}
.fuel-at-image{width:min(150px,34vw)!important;height:78px!important;object-fit:contain!important;border-radius:14px!important;background:rgba(5,12,17,.42);padding:4px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.3));animation:floatIcon 2.8s ease-in-out infinite}
.percent-input{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:6px}.percent-input b{display:grid;place-items:center;height:100%;min-height:42px;border-radius:10px;background:rgba(183,214,206,.08);color:var(--mint);border:1px solid rgba(183,214,206,.15)}
.tm-meter-hero{display:flex;align-items:center;gap:14px;padding:16px;margin:12px 0 16px;border-radius:22px;background:linear-gradient(145deg,rgba(24,43,53,.96),rgba(12,23,31,.96));border:1px solid rgba(183,214,206,.23)}.tm-meter-hero>span{font-size:38px}.tm-meter-hero b{display:block;color:var(--mint);font-size:17px}.tm-meter-hero small{display:block;color:var(--muted);line-height:1.4;margin-top:4px}.tm-report-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tm-report-actions .secondary,.tm-report-actions .primary{margin-top:0}.tm-report-actions .full{grid-column:1/-1}
@media(max-width:720px){.page,.center-page{width:100%;max-width:none}.action-list,.fuel-actions,.mobile-menu{grid-template-columns:1fr!important}.action-card:last-child{grid-column:auto}.dual-actions,.card-actions,.triple-actions,.grid2,.num-grid,.photo-grid,.compare-grid{grid-template-columns:1fr!important}.fuel-values{grid-template-columns:1fr 1fr 1fr}.modal-backdrop{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.modal-card{width:100%;max-height:calc(100dvh - 16px);border-radius:20px}.topbar{min-height:58px}.tm-logo-image{width:min(82%,330px);max-height:76px}.fuel-brand{align-items:center}.fuel-at-image{width:min(132px,34vw)!important;height:70px!important}.tm-report-actions{grid-template-columns:1fr}}
@media(max-width:390px){.page,.center-page{padding-left:10px;padding-right:10px}.topbar{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.action-card{grid-template-columns:46px minmax(0,1fr) 18px;gap:9px}.action-card strong{font-size:15px}.action-card small{font-size:11px}.fuel-values{grid-template-columns:1fr}.tm-logo-image{width:90%;max-height:68px}.fuel-brand{padding:10px}.fuel-at-image{width:106px!important;height:58px!important}.levels-grid-head,.levels-car-row{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr)!important}.levels-side{padding:5px!important}.mini-level-field input{padding:8px 5px!important}.percent-input{grid-template-columns:minmax(0,1fr) 26px;gap:4px}}

/* ======================================================================
   SICAM v1.1.0 · PREMIUM GLASS UI — fiel al concepto aprobado
   ====================================================================== */
:root{
  color-scheme:light;
  --ink:#142b4a;--ink-2:#264b70;--muted:#607d9b;--dim:#7892ac;
  --surface:rgba(255,255,255,.58);--surface2:rgba(239,249,255,.66);--surface3:rgba(220,238,250,.72);
  --glass:rgba(255,255,255,.52);--mint:#aeeedb;--turq:#7bd8eb;--ice:#f7fbff;
  --good:#32b987;--amber:#ef9b45;--danger:#ef6477;
  --blue:#3d82ff;--violet:#7d6cff;--cyan:#33d4e8;--navy:#0f2d53;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
}
html{background:#eaf7ff}body{background:#eaf7ff;color:var(--ink)}
body,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{touch-action:manipulation}
.app-shell{background:linear-gradient(145deg,#e8f7ff 0%,#eefaf7 47%,#f0efff 100%);color:var(--ink)}
.fx{background:
  radial-gradient(circle at 12% 10%,rgba(111,205,255,.38),transparent 31%),
  radial-gradient(circle at 92% 18%,rgba(164,245,218,.42),transparent 28%),
  radial-gradient(circle at 45% 86%,rgba(183,169,255,.28),transparent 34%),
  linear-gradient(160deg,#e7f6ff 0%,#f7fcff 42%,#effbf7 72%,#eef0ff 100%)}
.grid{opacity:.28;background-image:linear-gradient(rgba(40,103,160,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(40,103,160,.045) 1px,transparent 1px);background-size:32px 32px}
.orb{filter:blur(75px);opacity:.28}.orb-a{background:#7ad8ff}.orb-b{background:#9ff0d5}
.center-page,.page{width:min(100%,520px);padding:max(18px,env(safe-area-inset-top)) 16px calc(104px + env(safe-area-inset-bottom));animation:screenIn .34s cubic-bezier(.2,.85,.25,1)}
.center-page{padding-bottom:max(28px,env(safe-area-inset-bottom));justify-content:center}
@keyframes screenIn{from{opacity:0;transform:translate3d(0,10px,0) scale(.992)}to{opacity:1;transform:none}}

/* crystal surfaces */
.glass-card,.action-card,.train-card,.fuel-card,.fuel-panel,.history-card,.mini-panel,.form-section,.fold-section,.tm-meter-hero,.scanner-preview,.pdf-ready,.pending-card,.report-preview-inline,.report-inline-preview{
  color:var(--ink);background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(228,245,252,.48));
  border:1px solid rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(48,94,130,.13),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(93,164,204,.12);
  backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);
}
.glass-card,.fold-section,.fuel-card,.history-card{border-radius:24px}
.glass-card h2,.fold-heading strong,.form-title,.fuel-card strong,.history-card strong,.modal-head h2{color:var(--navy)}
.brand-title{color:#0c2c56;text-shadow:0 1px 0 #fff;font-size:31px}.brand-subtitle{color:#4e7092}.brand img{filter:drop-shadow(0 10px 18px rgba(49,101,141,.16))}

/* headers */
.topbar,.premium-topbar,.premium-subbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-18px -16px 14px;padding:max(13px,env(safe-area-inset-top)) 16px 12px;background:rgba(239,249,255,.72);border-bottom:1px solid rgba(255,255,255,.82);box-shadow:0 8px 26px rgba(40,88,126,.08);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.premium-topbar{border-radius:0 0 22px 22px}.premium-subbar>div{min-width:0;flex:1}.premium-subbar>div strong{display:block;color:#112e50;font-size:21px;line-height:1.05}.premium-subbar>div small{display:block;color:#66819c;font-size:11px;margin-top:4px}.topbar strong{color:#102f52}.topbar small{color:#607d9b}
.round-glass,.icon-btn,.eye{min-width:42px;height:42px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(255,255,255,.9);background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(217,238,249,.56));color:#22486e;box-shadow:0 7px 18px rgba(57,105,143,.11),inset 0 1px 0 #fff;transition:.18s ease}
.round-glass:active,.icon-btn:active,.eye:active{transform:scale(.94);box-shadow:0 0 0 3px rgba(65,129,255,.16),0 4px 10px rgba(57,105,143,.12)}
.line-icon{font-size:21px;line-height:1;color:#28547f;text-shadow:0 1px 7px rgba(70,140,220,.22)}
.user-greeting{display:flex;align-items:center;gap:10px;min-width:0}.user-greeting strong{display:block;color:#123354;font-size:14px}.user-greeting small{display:block;color:#6d849b;font-size:10px;margin-top:2px}.user-greeting em{font-style:normal}.online-dot{color:#248f6c}.offline-dot{color:#da5b68}.avatar-orb{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#e7d9ff,#bfecff);border:1px solid #fff;box-shadow:0 7px 17px rgba(91,91,180,.14)}.top-actions{display:flex;gap:7px}

/* approved dashboard hero */
.dashboard-brand-card{position:relative;overflow:hidden;min-height:160px;border-radius:25px;margin:10px 0 16px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,rgba(255,255,255,.73),rgba(212,238,250,.52));border:1px solid rgba(255,255,255,.95);box-shadow:0 20px 42px rgba(45,95,134,.13),inset 0 1px #fff;backdrop-filter:blur(22px)}
.dashboard-brand-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 10%,rgba(78,192,255,.2),transparent 36%),radial-gradient(circle at 86% 76%,rgba(77,224,184,.18),transparent 38%);pointer-events:none}.dashboard-logo{position:relative;z-index:2;max-width:170px;max-height:62px;object-fit:contain;margin-bottom:8px}.dashboard-train-watermark{position:absolute;right:-32px;bottom:-8px;width:210px;max-height:100px;object-fit:contain;opacity:.13;filter:saturate(.9)}.dash-sicam{position:relative;z-index:2;font-size:26px;font-weight:900;letter-spacing:.08em;color:#123253}.dash-sicam small{display:block;font-size:10px;font-weight:500;letter-spacing:0;color:#5c7893;margin-top:4px}.premium-section-title{text-align:left;font-size:20px;margin:14px 4px 12px;color:#163b61}
.tm-wordmark{font-weight:950;letter-spacing:.09em;color:#147a75}

/* main module cards */
.premium-menu,.fuel-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.premium-action,.fuel-actions .action-card{position:relative;min-height:78px;width:100%;grid-template-columns:48px minmax(0,1fr) 22px!important;padding:13px 14px!important;border-radius:19px!important;text-align:left!important;color:#173653!important;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}.premium-action:before,.fuel-actions .action-card:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(110deg,rgba(87,154,255,.07),rgba(64,224,216,.12),rgba(147,107,255,.08));transition:.2s}.premium-action:hover:before,.premium-action:active:before,.fuel-actions .action-card:active:before{opacity:1}.premium-action:active,.fuel-actions .action-card:active{transform:scale(.985);border-color:rgba(72,146,255,.65);box-shadow:0 0 0 3px rgba(70,146,255,.12),0 14px 30px rgba(48,94,130,.15)}
.premium-action-icon,.action-icon{position:relative;z-index:1;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:22px;border:1px solid rgba(255,255,255,.92);box-shadow:inset 0 1px #fff,0 7px 16px rgba(66,112,147,.11);background:linear-gradient(145deg,#dff6ff,#cce9ff);color:#2d6ea5}.action-copy{position:relative;z-index:1}.action-copy strong,.action-card strong{display:block;color:#183857!important;font-size:15px}.action-copy small,.action-card small{display:block;color:#6c8298!important;font-size:10.5px;line-height:1.35;margin-top:3px}.action-chevron{position:relative;z-index:1;color:#5d7690!important;font-size:24px!important}
.action-train .premium-action-icon{background:linear-gradient(145deg,#cce8ff,#d9d4ff);color:#5265e7}.action-scan .premium-action-icon{background:linear-gradient(145deg,#fff0d8,#ffe0cc);color:#e18345}.action-fuel .premium-action-icon{background:linear-gradient(145deg,#ffd9e1,#ffe9ef);color:#f04f72}.action-meter .premium-action-icon{background:linear-gradient(145deg,#d9efff,#d9e0ff);color:#5576e9}.action-report .premium-action-icon{background:linear-gradient(145deg,#e6dcff,#f2e6ff);color:#7c57d9}.action-sync .premium-action-icon{background:linear-gradient(145deg,#d5f9e9,#c9f0e2);color:#20a678}
.settings-link{margin:14px auto 0;display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:#67829c;font-size:11px;cursor:pointer}

/* login identical visual language */
.premium-login{min-height:100dvh;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(22px,env(safe-area-inset-bottom));justify-content:center;gap:12px;background:linear-gradient(180deg,rgba(225,246,255,.15),rgba(236,255,248,.15))}.login-brand-stage{position:relative;overflow:hidden;min-height:250px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:22px 18px 10px;background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(206,237,251,.32));border:1px solid rgba(255,255,255,.82);box-shadow:0 22px 44px rgba(48,94,130,.12);backdrop-filter:blur(18px)}.login-brand-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 25%,rgba(74,190,255,.18),transparent 38%),radial-gradient(circle at 80% 80%,rgba(75,218,177,.18),transparent 40%)}.login-logo{position:relative;z-index:2;width:118px;max-height:76px;object-fit:contain}.login-sicam{position:relative;z-index:2;text-align:center;margin-top:6px}.login-sicam strong{display:block;font-size:30px;letter-spacing:.08em;color:#113459}.login-sicam small{display:block;color:#476d90;font-size:10px;line-height:1.3}.login-train{position:absolute;z-index:1;bottom:-3px;right:-10px;width:94%;height:118px;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(49,94,127,.17))}.login-card{position:relative;margin-top:-40px;z-index:5;padding:20px 17px!important;border-radius:28px!important}.login-card-title{text-align:center;margin-bottom:14px}.login-card-title strong{display:block;font-size:20px;color:#173b61}.login-card-title small{display:block;font-size:10px;color:#71879d;margin-top:3px}.glass-field{display:block;margin:10px 0 0!important;padding:10px 11px;border-radius:15px;background:rgba(255,255,255,.57);border:1px solid rgba(255,255,255,.93);box-shadow:inset 0 1px #fff}.glass-field>span{display:flex;align-items:center;gap:6px;color:#496b8c!important;font-size:10px!important;margin:0 0 4px!important}.glass-field input{border:0!important;background:transparent!important;padding:5px 0!important;box-shadow:none!important;color:#1c3b59!important}.glass-field input::placeholder{color:#8da1b5}.glass-mini-btn{height:34px;min-width:38px}.glow-primary{border:1px solid rgba(255,255,255,.84)!important;background:linear-gradient(100deg,#6578ff 0%,#4f8aff 36%,#35dbe0 100%)!important;color:white!important;box-shadow:0 0 0 1px rgba(99,95,255,.22),0 10px 24px rgba(68,130,239,.24),inset 0 1px rgba(255,255,255,.55)!important}.glow-soft{background:linear-gradient(145deg,rgba(232,247,255,.85),rgba(201,229,246,.72))!important;color:#345b80!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 8px 18px rgba(66,112,147,.12),inset 0 1px #fff!important}.login-footer-mark{text-align:center;color:#527b91;font-size:9px;letter-spacing:.12em;margin-top:2px}

/* form controls */
label,.field span{color:#4f6f8e!important}input,textarea,select{color:#183856!important;background:rgba(255,255,255,.58)!important;border:1px solid rgba(159,196,220,.54)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.86)!important}input::placeholder,textarea::placeholder{color:#91a6b9}select option{color:#173653;background:#f4fbff}input:focus,textarea:focus,select:focus{outline:none;border-color:#65a7ff!important;box-shadow:0 0 0 3px rgba(69,139,255,.13),inset 0 1px #fff!important}.primary,.secondary,.danger-link,.report-buttons button{min-height:44px;border-radius:14px!important;transition:.16s ease}.primary{background:linear-gradient(100deg,#6376ff,#3f9cff,#35d4dc)!important;color:#fff!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 9px 22px rgba(65,132,224,.2),inset 0 1px rgba(255,255,255,.5)!important}.secondary,.report-buttons button{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(216,237,248,.66))!important;color:#315879!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 8px 18px rgba(66,112,147,.1),inset 0 1px #fff!important}.danger-link{background:rgba(255,241,244,.82)!important;color:#d84f65!important;border:1px solid rgba(239,100,119,.22)!important}.primary:active,.secondary:active,.danger-link:active,.report-buttons button:active{transform:scale(.975);box-shadow:0 0 0 3px rgba(72,143,255,.12)!important}

/* folds and secondary screens */
.fold-section{overflow:hidden}.fold-summary{color:#173653!important}.fold-summary:hover{background:rgba(112,190,235,.07)}.fold-heading strong{color:#173a5f!important}.fold-heading small{color:#71889e!important}.fold-badge{color:#237f69!important;background:rgba(151,238,207,.26)!important;border-color:rgba(86,196,158,.3)!important}.fold-arrow{color:#62819d!important}.fold-body{border-color:rgba(90,143,178,.12)!important}.mini-panel,.form-section,.history-card{color:#173653}.form-title b{background:linear-gradient(145deg,#dff8f2,#ceeaf8)!important;color:#278a83!important}.meta-line,.count-line,.empty{color:#70889e!important}.offline-banner{background:rgba(255,240,197,.7)!important;color:#805f22!important;border:1px solid rgba(238,185,77,.28)!important}

/* train list from concept */
.filter-pills{display:flex;gap:7px;overflow:auto;padding:2px 1px 10px}.filter-pills button{white-space:nowrap;border:1px solid rgba(255,255,255,.88);background:rgba(255,255,255,.52);color:#4c6e90;border-radius:999px;padding:8px 12px;font-size:10px;box-shadow:0 5px 12px rgba(63,106,137,.07)}.filter-pills button.active{background:linear-gradient(100deg,#4d85ff,#61a7ff);color:#fff;box-shadow:0 7px 16px rgba(64,126,224,.22)}.premium-search{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:6px;padding:6px 11px;margin-bottom:10px;border-radius:16px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 20px rgba(53,99,134,.08)}.premium-search input{border:0!important;background:transparent!important;padding:8px 0!important;box-shadow:none!important}.premium-train-list{gap:9px!important}.premium-train-card{display:block!important;padding:12px 12px 10px!important;border-radius:20px!important}.premium-train-card.warn{border-color:rgba(94,151,255,.38)!important}.train-card-main{display:grid;grid-template-columns:minmax(0,1fr) 86px 22px;gap:7px;align-items:center}.train-info{min-width:0}.train-info strong{font-size:15px!important;color:#143b63!important;display:inline}.train-info small,.train-info em{display:block;color:#71889e!important;font-style:normal;font-size:9.5px;margin-top:4px}.status-chip{display:inline-block;margin-left:7px;padding:4px 7px;border-radius:999px;font-size:8.5px;font-weight:800}.status-chip.operation{color:#167d63;background:#d5f7e8}.status-chip.inspection{color:#3d66c8;background:#dbe8ff}.train-thumb{width:86px;height:50px;object-fit:contain;filter:drop-shadow(0 8px 11px rgba(44,89,119,.14))}.card-chevron{border:0;background:transparent;color:#577694;font-size:25px}.train-card-actions{display:flex;gap:7px;margin-top:9px}.train-card-actions button{flex:1;border:1px solid rgba(255,255,255,.9);border-radius:11px;padding:7px;background:rgba(255,255,255,.55);color:#486b8c;font-size:9px}.train-card-actions .danger-soft{color:#ce5268;background:#fff1f4}.train-quick-actions{margin-bottom:8px}.admin-soft{font-size:11px}.premium-empty{border:1px dashed rgba(91,151,190,.25);border-radius:18px;background:rgba(255,255,255,.35)}

/* fuel concept */
.fuel-brand.fuel-hero-card{position:relative;display:block!important;min-height:178px;padding:15px!important;overflow:hidden;text-align:left;border-radius:25px!important;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(205,237,247,.52))!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 18px 40px rgba(48,94,130,.12)!important}.fuel-hero-card .fuel-at-image{width:100%!important;height:118px!important;max-width:none!important;object-fit:contain!important;margin:0 auto 4px!important;background:transparent!important;filter:drop-shadow(0 14px 18px rgba(47,88,115,.18))!important}.fuel-hero-card .vehicle-badge{margin:6px auto 16px}.fuel-hero-card b{color:#194466!important;font-size:14px}.fuel-hero-card small{color:#6e879e!important;font-size:9.5px}.fuel-actions .action-card{min-height:80px!important}.fuel-card p,.autonomy p{color:#4f6d88!important}.fuel-card small,.autonomy small{color:#71879d!important}.fuel-kpis .mini-kpi{background:rgba(255,255,255,.58)!important;border-color:rgba(255,255,255,.9)!important}.mini-kpi small{color:#748ba2!important}.mini-kpi b{color:#244a6c!important}.progress{background:#d9e8f0!important}.progress i{background:linear-gradient(90deg,#56a5ff,#50ddc0)!important}

/* reports concept */
.report-hero-card,.reports-brand{padding:18px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(218,239,252,.48));border:1px solid rgba(255,255,255,.94);box-shadow:0 18px 38px rgba(48,94,130,.11)}.reports-page .center-title{color:#173d63!important;text-align:left!important;font-size:19px!important}.reports-page .report-filter{padding:0!important}.reports-page .report-buttons{gap:8px}.reports-page .report-buttons button{color:#315879!important}.report-preview-modal{background:linear-gradient(145deg,rgba(249,253,255,.96),rgba(232,246,252,.94))!important}.report-preview-head b{color:#173b60}.report-frame{border:1px solid rgba(96,150,184,.24)!important;box-shadow:0 8px 20px rgba(43,86,118,.08)}

/* badges */
.badge.good{background:rgba(133,230,193,.25)!important;color:#228266!important;border-color:rgba(75,187,145,.25)!important}.badge.amber{background:rgba(255,221,174,.45)!important;color:#b26c26!important;border-color:rgba(227,158,75,.24)!important}.good-text{color:#23876a!important}.amber-text{color:#b1732b!important}

/* modal and evidence */
.modal-backdrop{background:rgba(38,70,96,.28)!important;backdrop-filter:blur(12px) saturate(125%)!important}.modal-card{background:linear-gradient(145deg,rgba(249,253,255,.96),rgba(227,244,251,.94))!important;color:#173653!important;border:1px solid rgba(255,255,255,.96)!important;box-shadow:0 28px 70px rgba(37,76,107,.22)!important}.modal-head{background:rgba(242,250,255,.92)!important;border-bottom-color:rgba(76,132,169,.12)!important}.read-row{border-bottom-color:rgba(72,129,166,.12)!important}.read-row small{color:#7890a6!important}.read-row span{color:#1d405f!important}.photo-slot{background:rgba(255,255,255,.62)!important;border-color:rgba(255,255,255,.94)!important}.evidence-view,.compare-item{background:rgba(223,239,248,.5)!important;border-color:rgba(255,255,255,.9)!important}

/* chat */
.chat-bubble{background:linear-gradient(145deg,#5d83ff,#4edbcf)!important;color:#fff!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 10px 28px rgba(66,125,214,.28)!important}.chat-panel{background:linear-gradient(145deg,rgba(248,253,255,.96),rgba(226,243,251,.96))!important;border-color:rgba(255,255,255,.95)!important;color:#173653!important}.chat-head{background:rgba(237,248,255,.94)!important;border-color:rgba(71,130,167,.1)!important}.chat-head strong{color:#173a60!important}.chat-head small,.chat-presence em{color:#728aa1!important}.chat-msg{background:rgba(255,255,255,.7)!important;color:#173653!important;border-color:rgba(255,255,255,.94)!important}.chat-msg.own{background:#dff1ff!important}.chat-msg p{color:#244966!important}.chat-compose textarea{color:#173653!important}.chat-compose button{background:linear-gradient(100deg,#5e75ff,#46d5d4)!important;color:#fff!important}

/* loader / toast */
.busy{background:rgba(223,240,250,.58)!important}.busy-card{background:rgba(255,255,255,.88)!important;color:#173a60!important;border-color:rgba(255,255,255,.96)!important;box-shadow:0 18px 50px rgba(43,85,116,.18)!important}.clock-loader{border-color:#8fb1cb!important;border-top-color:#4a86ff!important}.clock-loader i,.clock-loader b{background:#4a86ff!important}.toast.ok{color:#1f7059!important;background:rgba(226,252,242,.95)!important;border-color:rgba(73,184,143,.3)!important}.toast.error{color:#b44459!important;background:rgba(255,237,241,.96)!important;border-color:rgba(229,91,114,.3)!important}

/* mobile dock from approved mockup */
.mobile-dock{position:fixed;z-index:40;left:50%;transform:translateX(-50%);bottom:max(8px,env(safe-area-inset-bottom));width:min(calc(100% - 18px),500px);height:66px;padding:7px 8px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;border:1px solid rgba(255,255,255,.94);border-radius:22px;background:rgba(246,252,255,.82);box-shadow:0 15px 34px rgba(42,84,116,.16),inset 0 1px #fff;backdrop-filter:blur(25px) saturate(145%);-webkit-backdrop-filter:blur(25px) saturate(145%)}.mobile-dock button{border:0;background:transparent;color:#7690a8;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px;transition:.16s}.mobile-dock button .line-icon{font-size:19px;color:inherit}.mobile-dock button.active{background:linear-gradient(145deg,rgba(211,236,255,.86),rgba(224,247,243,.82));color:#236ac6;box-shadow:inset 0 1px #fff}.dock-dots{font-size:18px;line-height:12px;letter-spacing:1px}

/* old topbar adaptation for remaining screens */
.topbar .icon-btn{background:rgba(255,255,255,.65)!important}.nav-label{color:#496d8e!important}.center-title{color:#173d63!important}.section-title strong{color:#173d63!important}.section-title small{color:#71889e!important}

/* desktop keeps mobile fidelity centered */
@media(min-width:700px){.page,.center-page{width:min(100%,520px)!important;padding-left:18px!important;padding-right:18px!important}.action-list{grid-template-columns:1fr!important}.action-card:last-child{grid-column:auto!important}}
@media(max-width:430px){.center-page,.page{padding-left:12px!important;padding-right:12px!important}.premium-topbar,.premium-subbar,.topbar{margin-left:-12px!important;margin-right:-12px!important;padding-left:12px!important;padding-right:12px!important}.dashboard-brand-card{min-height:145px}.dashboard-logo{max-width:150px}.train-card-main{grid-template-columns:minmax(0,1fr) 72px 18px}.train-thumb{width:72px;height:46px}.premium-action,.fuel-actions .action-card{grid-template-columns:44px minmax(0,1fr) 18px!important;min-height:74px!important}.premium-action-icon,.action-icon{width:42px!important;height:42px!important}.action-copy strong,.action-card strong{font-size:14px!important}.action-copy small,.action-card small{font-size:9.7px!important}.mobile-dock{width:calc(100% - 12px);bottom:max(5px,env(safe-area-inset-bottom));height:62px}.mobile-dock button{font-size:8px}.fuel-hero-card .fuel-at-image{height:105px!important}}
@media(max-width:350px){.filter-pills button{padding:7px 9px;font-size:9px}.train-card-main{grid-template-columns:minmax(0,1fr) 58px 16px}.train-thumb{width:58px}.premium-action{padding:11px!important}.premium-section-title{font-size:18px}.login-brand-stage{min-height:225px}.login-train{height:102px}}
/* keep floating UI above native-style dock */
.chat-root{bottom:calc(82px + env(safe-area-inset-bottom))!important}.toast{bottom:calc(86px + env(safe-area-inset-bottom))!important}
@media(max-width:520px){.chat-root{right:12px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}}
/* v1.1.1: high contrast dark glass and animated semantic SVG icons. */
.glass-field>span,.reports-page .report-buttons button{color:#fff!important}
:root{--ink:#07131c;--muted:#fff;--dim:#fff;--mint:#fff;--ice:#fff;color:#fff;background:#07131c}
body,.app-shell{background:#07131c!important;color:#fff!important}
.fx{background:radial-gradient(ellipse at top,#17364c,#07131c 65%)!important}
.page :is(h1,h2,h3,strong,b,p,small,label,em),.center-page :is(h1,h2,h3,strong,b,p,small,label),.modal-card :is(h2,h3,small,p,label),.field span,.nav-label,.brand-title,.brand-subtitle,.action-copy,.read-row span,.read-row small{color:#fff!important;text-shadow:none!important}
.glass-card,.action-card,.train-card,.fuel-card,.fuel-panel,.history-card,.mini-panel,.form-section,.fold-section,.tm-meter-hero,.scanner-preview,.pdf-ready,.pending-card,.dashboard-brand-card,.reports-brand,.fuel-hero-card.fuel-brand,.report-hero-card,.modal-card,.report-preview-modal,.chat-panel,.chat-msg,.login-brand-stage,.premium-search,.photo-slot,.mini-kpi{background:linear-gradient(145deg,#183346f5,#10212ff5)!important;color:#fff!important;border-color:#40677b!important}
.premium-topbar,.premium-subbar,.topbar,.modal-head,.mobile-dock,.chat-head{background:#102432f5!important;color:white!important;border-color:#40677b!important}
.secondary,.report-buttons button,.round-glass,.topbar .icon-btn,.icon-btn,.train-card-actions button,.filter-pills button,.glow-soft,.glass-field{background:#19394d!important;color:#fff!important;border-color:#52788d!important}
input,textarea,select,.glass-field input{background:#0b202e!important;color:#fff!important;border-color:#52788d!important}
input::placeholder,textarea::placeholder{color:#d4dce3!important}select option{background:#0b202e;color:#fff}
.fold-heading strong,.fold-heading small,.fold-summary,.fold-arrow,.filter-pills button,.mobile-dock button,.settings-link,.meta-line,.empty,.count-line,.login-footer-mark,.tm-wordmark,.dash-sicam,.premium-section-title,.login-sicam strong{color:#fff!important}
.mobile-dock button.active{background:#22475f!important}
.user-greeting{flex:1;align-items:flex-start}.user-greeting>div{flex:1;min-width:0}
.user-greeting strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;font-size:clamp(14px,3.6vw,18px);line-height:1.35}
.user-greeting small,.topbar small{white-space:normal!important;max-width:none;overflow:visible;line-height:1.4}
.avatar-orb,.top-actions{flex-shrink:0}.premium-topbar{align-items:flex-start;height:auto!important;min-height:82px}
.action-svg{--icon-color:#62e9ff;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 26px;vertical-align:middle;color:var(--icon-color)!important;filter:drop-shadow(0 0 5px #2c9cb077)}
.action-svg svg{width:100%;height:100%;overflow:visible}
.icon-logout,.icon-delete,.icon-close{--icon-color:#ff8dab}.icon-report,.icon-scan{--icon-color:#c5a0ff}.icon-train,.icon-check{--icon-color:#76f1b5}.icon-fuel,.icon-camera,.icon-video{--icon-color:#ffcd69}
.action-icon,.premium-action-icon{background:#112b3c!important}
button:hover .action-svg,button:focus-visible .action-svg{animation:iconLift .7s ease-in-out}button:active .action-svg{transform:scale(.88)}
.icon-refresh,.icon-sync{animation:iconRotate 7s ease-in-out infinite}
.premium-action .action-svg{width:30px;height:30px;animation:iconGlow 3s ease-in-out infinite}
@keyframes iconLift{50%{transform:translateY(-3px) rotate(-8deg)}}
@keyframes iconRotate{0%,65%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes iconGlow{50%{filter:drop-shadow(0 0 8px currentColor);transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.action-svg,.premium-action .action-svg,button:hover .action-svg{animation:none!important;transition:none!important}}
.media-picker{z-index:1000!important}.media-picker p,.evidence-editor p{font-size:13px;line-height:1.5}
.evidence-editor .read-row{flex-wrap:wrap;gap:8px}.evidence-editor .read-row span{overflow-wrap:anywhere}
.report-preview-modal .modal-head>div{min-width:0;overflow-wrap:anywhere}
button:focus-visible{outline:2px solid #74e9ff;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:360px){.premium-topbar{gap:6px}.user-greeting{gap:6px}.top-actions{gap:4px}.round-glass{width:36px!important;height:36px!important}.avatar-orb{display:none}}

/* ===== SICAM v1.2.0 PREMIUM · ajustes solicitados ===== */
.centered-title,.premium-section-title,.center-title{text-align:center!important}.centered-fuel-brand{text-align:center;justify-content:center}.centered-fuel-brand>div{text-align:center}.centered-fuel-brand .fuel-at-image{flex:0 0 auto}
.user-avatar-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.notification-button{position:relative}.notification-badge{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff5c78;color:#fff!important;font-size:10px;font-weight:900;display:grid;place-items:center;box-shadow:0 0 0 2px #102432}.notification-center{max-height:86vh}.sound-toggle{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #52788d;border-radius:16px;background:#0d2635}.sound-toggle input{width:18px;height:18px;margin:0}.notification-list{display:grid;gap:8px;margin-top:12px}.notification-item{padding:12px;border-radius:16px;border:1px solid #40677b;background:#102b3b}.notification-item b,.notification-item p,.notification-item small{display:block;color:#fff!important}.notification-item p{margin:5px 0;font-size:12px}.notification-item small{opacity:.75;font-size:10px}.notification-item.severity-warning{border-color:#e8c987}.notification-item.severity-critical{border-color:#ff8095;background:#3a1b27}.gps-line{display:block;margin-top:6px;color:#bcefff!important;font-size:10px}
.route-averages .insight-row,.insight-total{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #40677b}.route-averages .insight-row span{font-size:12px}.insight-total{border-bottom:0;padding-top:12px}.insight-total strong{font-size:18px}.autonomy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.autonomy-tanker{display:grid;gap:5px;padding:12px;border-radius:17px;background:#0b2635;border:1px solid #4d7a8e}.autonomy-tanker>strong{font-size:17px}.autonomy-tanker span{font-size:11px}.autonomy-tanker em{margin-top:4px;padding:6px 8px;border-radius:999px;background:#3b2b14;color:#ffd982!important;text-align:center;font-style:normal;font-weight:900}.autonomy-tanker.warning{border-color:#f0b962;box-shadow:0 0 0 1px #f0b96233}.inventory-progress{height:13px;border-radius:999px;background:#07131c!important;overflow:hidden;border:1px solid #41677c;margin:10px 0}.inventory-progress i{display:block;height:100%;border-radius:999px;min-width:3px;box-shadow:0 0 10px currentColor}.inventory-progress.healthy i{background:linear-gradient(90deg,#27d79a,#84f4c8)!important}.inventory-progress.medium i{background:linear-gradient(90deg,#ffc85e,#ffe19a)!important}.inventory-progress.critical i{background:linear-gradient(90deg,#ff5778,#ff94a7)!important}
.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px}.photo-actions .secondary,.photo-actions .danger-link{margin:0;padding:8px 6px;font-size:10px}.photo-actions .danger-link{grid-column:1/-1}.inline-add-at{padding:10px;border:1px dashed #52788d;border-radius:16px;margin-top:8px}.volume-source-selector{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:999px;background:#081c29;border:1px solid #52788d;margin:8px 0 15px}.volume-source-selector button{position:relative;z-index:2;border:0;background:transparent;color:#dceeff;padding:10px;border-radius:999px;font-weight:900;font-size:12px}.volume-source-selector button.active{background:linear-gradient(90deg,#3c8cff,#42d5c8);color:#07131c}.source-knob{display:none}.edited-stamp{color:#8fe8ff!important}.levels-edit-fold{margin-top:10px}.level-edit-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.level-edit-buttons .secondary{margin:0;font-size:11px;padding:9px}.pending-op{display:grid;gap:4px;padding:10px;border-bottom:1px solid #40677b}.pending-op:last-child{border-bottom:0}.pending-op small{font-size:10px}.pending-op p{margin:3px 0;font-size:11px}
@media(max-width:430px){.autonomy-grid{grid-template-columns:1fr}.photo-actions{grid-template-columns:1fr}.photo-actions .danger-link{grid-column:auto}.centered-fuel-brand{flex-direction:column}.centered-fuel-brand .fuel-at-image{width:100%!important;max-width:300px!important;height:105px!important}}