/* GlassKit card component subset, adapted for Mi Jornada Taxi.
   Source: https://github.com/JUNGHERZ/GlassKit (MIT, copyright 2026 Jungherz GmbH).
   Only pure CSS is reused, no third-party JavaScript or dependencies. */
:root{
 --gl-surface-2:rgba(255,255,255,.49);
 --gl-blur:18px;
 --gl-border-medium:rgba(255,255,255,.80);
 --gl-radius-card:24px;
 --gl-shadow-card:0 12px 30px rgba(43,106,142,.12);
 --gl-inset-strong:inset 0 1px 2px rgba(255,255,255,.83);
 --gl-card-glow-top:rgba(255,255,255,.72);
 --gl-card-glow-mid:rgba(255,255,255,.45);
 --gl-card-glow-low:rgba(255,255,255,.34);
 --gl-card-glow-bottom:rgba(255,255,255,.21);
 --gl-gloss-card:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.65) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.65) 70%,transparent 100%);
}
.glass-card{
 background:var(--gl-surface-2);
 backdrop-filter:blur(var(--gl-blur));-webkit-backdrop-filter:blur(var(--gl-blur));
 border:1.5px solid var(--gl-border-medium);
 border-radius:var(--gl-radius-card);
 box-shadow:var(--gl-shadow-card),var(--gl-inset-strong);
}
.glass-card--glow{position:relative;overflow:hidden;
 background:linear-gradient(to bottom,var(--gl-card-glow-top) 0%,var(--gl-card-glow-mid) 25%,var(--gl-card-glow-low) 55%,var(--gl-card-glow-bottom) 100%);
}
.glass-card--glow::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:var(--gl-gloss-card);z-index:1;pointer-events:none}

/* MI JORNADA TAXI v5.2 — ICE GLASS + PALO ROSA • mobile-first • offline */
:root{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;
  --ink:#153853;--muted:#426276;--faint:#426579;--accent:#267dab;--accent-strong:#145e8a;--accent-soft:#9eddf1;
  --panel:rgba(255,255,255,.64);--panel-low:rgba(255,255,255,.45);--panel-solid:#f4fbfe;
  --line:rgba(255,255,255,.94);--line-soft:rgba(90,155,189,.18);
  --shadow:0 16px 36px rgba(46,119,153,.10),inset 0 1px 0 rgba(255,255,255,.94);
  --green:#137f69;--red:#ba4e65;--warn:#a66a21;
  --scene-1:#effaff;--scene-2:#c9e9f4;--scene-3:#e5f7fb;--bright:rgba(255,255,255,.86);
  --tab-bg:rgba(244,252,255,.83);--field-bg:rgba(255,255,255,.66);
  --radius:25px; color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;min-height:100%;background:#d7edf5}
body{margin:0;min-height:100svh;font-size:14px;line-height:1.42;color:var(--ink);background:linear-gradient(160deg,var(--scene-1) 0%,var(--scene-2) 44%,var(--scene-3) 100%);background-attachment:fixed;transition:background-color .25s}
body:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse 230px 190px at 0 8%,rgba(255,255,255,.85),transparent 80%),radial-gradient(ellipse 320px 310px at 105% 18%,rgba(129,204,235,.68),transparent 75%),radial-gradient(ellipse 240px 400px at 0 80%,rgba(180,230,245,.5),transparent 82%)}

body[data-profile="woman"]{--ink:#3c2a36;--muted:#66515e;--faint:#67545f;--accent:#9b526d;--accent-strong:#834459;--accent-soft:#edb9c7;--scene-1:#fff8f8;--scene-2:#ead5dc;--scene-3:#f9eaf0;--panel:rgba(255,251,251,.71);--panel-low:rgba(255,246,249,.54);--panel-solid:#fff6f8;--field-bg:rgba(255,251,251,.80);--tab-bg:rgba(255,244,248,.88);--green:#207360}

body[data-profile="man"]{--accent:#1c829e;--accent-strong:#0d667f;--accent-soft:#9ee3e7;--scene-2:#c4eaf0;--scene-3:#e8f9f8}

body[data-theme="dark"]{
  color-scheme:dark;--ink:#f2fbff;--muted:#c2d9e6;--faint:#b6d1df;
  --panel:rgba(18,46,69,.7);--panel-low:rgba(30,65,85,.55);--panel-solid:#173c50;
  --line:rgba(196,232,246,.23);--line-soft:rgba(167,212,232,.16);
  --shadow:0 14px 35px rgba(0,14,29,.30),inset 0 1px 0 rgba(255,255,255,.07);
  --green:#92e3c5;--red:#ffa9b2;--warn:#edc989;
  --scene-1:#102b3e;--scene-2:#163e57;--scene-3:#082333;--bright:rgba(240,250,255,.12);
  --tab-bg:rgba(15,45,63,.91);--field-bg:rgba(19,55,77,.78)
}
body[data-profile="woman"][data-theme="dark"]{--ink:#fff1f3;--muted:#edd1d8;--faint:#dcbac5;--accent:#f1b6c7;--accent-strong:#f9d3dc;--accent-soft:#c3869b;--scene-1:#241e29;--scene-2:#49313f;--scene-3:#2c2736;--panel:rgba(61,42,57,.76);--panel-low:rgba(73,48,63,.64);--panel-solid:#4a3443;--field-bg:rgba(63,43,57,.83);--tab-bg:rgba(50,35,49,.93);--line:rgba(249,216,228,.35);--line-soft:rgba(242,198,213,.26);--green:#a0efcf}
body[data-profile="man"][data-theme="dark"]{--accent:#72d8e6;--accent-strong:#b6f1f2;--accent-soft:#2b8296;--scene-2:#0f495c;--scene-3:#102d3d}
body[data-theme="dark"]:before{opacity:.28}

.app-shell{position:relative;max-width:520px;min-height:100svh;margin:0 auto;isolation:isolate}
.topbar{padding:calc(19px + env(safe-area-inset-top,0px)) 23px 8px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:11px;min-width:0}
.brand img{width:43px;height:43px;border-radius:15px;box-shadow:0 6px 18px rgba(38,116,151,.17)}
.brand strong{font-size:15px;display:block;line-height:1.25;font-weight:820;letter-spacing:-.35px}
.brand span{display:block;color:var(--muted);font-size:10px;margin-top:3px;letter-spacing:.08px}
.privacy-pill,.day-chip{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;background:var(--panel-low);border:1px solid var(--line);border-radius:100px;padding:8px 11px;font-size:10px;font-weight:750;box-shadow:0 3px 12px rgba(39,106,145,.08);color:var(--accent-strong)}
.status-dot,.live-dot{display:inline-block;background:#42c6a3;border-radius:100%;height:7px;width:7px}
.view{display:none;padding:2px 19px calc(119px + env(safe-area-inset-bottom,0px))}
.view.active{display:block}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:20px 3px 20px}
.section-head h1{font-size:34px;letter-spacing:-1.65px;line-height:1.15;font-weight:820;margin:2px 0 0}
.eyebrow{font-size:10px;color:var(--muted);font-weight:740;text-transform:uppercase;letter-spacing:1.1px;margin:0 0 2px}
.section-head .day-chip{margin-top:5px;max-width:128px;text-align:center;line-height:1.25}
.section-head input[type="date"]{max-width:142px;margin-top:0}
/* GlassKit-inspired frost: transparent edge, milk-white face, soft internal highlight */
.glass-panel,.timer-card,.panel,.metric-card,.hero-money{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(16px) saturate(128%);-webkit-backdrop-filter:blur(16px) saturate(128%)}
.glass-card--glow{background:linear-gradient(155deg,rgba(255,255,255,.63),var(--panel-low) 68%,rgba(255,255,255,.23))}
body[data-theme="dark"] .glass-card--glow{background:linear-gradient(145deg,rgba(55,92,116,.77),var(--panel) 68%,rgba(18,47,64,.74))}
.timer-card{position:relative;overflow:hidden;border-radius:33px;text-align:center;padding:18px 16px 17px;background:linear-gradient(152deg,rgba(255,255,255,.72),rgba(215,240,250,.49) 65%,rgba(255,255,255,.59));}
body[data-theme="dark"] .timer-card{background:linear-gradient(150deg,rgba(50,91,117,.7),rgba(20,47,67,.83))}
.timer-hero-heading{display:flex;align-items:center;justify-content:space-between;margin:0 8px}
.micro-label{font-size:10px;letter-spacing:1.4px;font-weight:760;color:var(--muted)}
.live-dot{width:8px;height:8px;background:#b9d1dc;box-shadow:0 0 0 4px rgba(167,215,232,.2)}
.live-dot.pulsing{background:#37c7a5;box-shadow:0 0 0 5px rgba(54,190,161,.17)}
.timer-orbit{width:min(258px,69vw);aspect-ratio:1;margin:15px auto 20px;padding:10px;border-radius:50%;position:relative;background:conic-gradient(from 225deg,var(--accent) 0%,var(--accent-soft) calc(var(--orbit-percent,0)*1%),rgba(255,255,255,.68) calc(var(--orbit-percent,0)*1% + .3%),rgba(255,255,255,.58) 87%,var(--accent-soft) 100%);box-shadow:0 11px 24px rgba(43,124,166,.13),inset 0 1px 2px #fff,0 0 0 6px rgba(255,255,255,.28)}
.timer-orbit:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.86);border-radius:50%;pointer-events:none}
.timer-orbit-inner{width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:radial-gradient(ellipse at 25% 11%,rgba(255,255,255,.93),rgba(232,248,255,.74) 58%,rgba(194,227,245,.84));border:1px solid rgba(255,255,255,.94);box-shadow:inset 0 8px 18px rgba(255,255,255,.92),inset 0 -10px 18px rgba(56,144,190,.13)}
body[data-theme="dark"] .timer-orbit-inner{background:radial-gradient(ellipse at 35% 5%,#3d6785,#204158 65%,#143449);border-color:rgba(255,255,255,.12)}
.timer-readout{font-size:clamp(35px,10vw,49px);font-weight:800;letter-spacing:-2px;font-variant-numeric:tabular-nums;line-height:1.06;color:var(--ink)}
.timer-label{font-size:12px;font-weight:650;line-height:1.35;max-width:180px;color:var(--muted);margin:0;min-height:30px}
.main-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button:disabled{opacity:.42;cursor:not-allowed}
.action-button{border-radius:17px;min-height:58px;font-weight:760;font-size:12px;border:1px solid var(--line);background:var(--field-bg);color:var(--ink);box-shadow:0 3px 13px rgba(54,128,156,.08),inset 0 1px 0 rgba(255,255,255,.63)}
.action-button.active{background:linear-gradient(130deg,var(--accent),#69c9e1);color:white;border-color:rgba(255,255,255,.55);box-shadow:0 5px 18px rgba(25,111,161,.24)}
body[data-theme="dark"] .action-button.active{color:#102b3d}
.finish-button{display:block;width:100%;margin:10px 0 0;min-height:44px;border:1px solid var(--line-soft);border-radius:15px;background:var(--panel-low);color:var(--muted);font-size:12px;font-weight:770}
.section-inline-title{display:flex;align-items:center;justify-content:space-between;margin:24px 4px 10px}
.section-inline-title h2{font-size:17px;font-weight:810;letter-spacing:-.4px;margin:0}
.metric-grid{display:grid;gap:10px;margin:10px 0}
.metric-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.metric-card{padding:15px 14px 14px;min-width:0;border-radius:21px}
.metric-card small{font-size:11px;display:block;color:var(--muted);line-height:1.28;font-weight:680;min-height:23px}
.metric-card strong{font-size:clamp(18px,4.75vw,24px);line-height:1.12;font-variant-numeric:tabular-nums;font-weight:820;letter-spacing:-.75px;display:block;overflow-wrap:anywhere;margin:8px 0 1px}
.metric-card span{font-size:10px;color:var(--faint);display:block;line-height:1.35;margin-top:5px}
.metric-card.accent{background:linear-gradient(146deg,rgba(230,248,255,.83),var(--panel-low))}
.metric-card.accent strong{color:var(--accent-strong)}
.net-card{background:linear-gradient(147deg,rgba(204,247,231,.83),var(--panel-low))!important}
.net-card strong{color:var(--green)}
body[data-theme="dark"] .metric-card.accent{background:linear-gradient(146deg,rgba(44,97,128,.8),var(--panel-low))}
body[data-theme="dark"] .metric-card.accent strong{color:var(--accent)}
body[data-theme="dark"] .net-card{background:linear-gradient(146deg,rgba(27,98,82,.52),var(--panel-low))!important}
.panel{padding:18px 16px;margin:15px 0;border-radius:24px}
.panel h2{font-size:16px;letter-spacing:-.4px;font-weight:800;margin:0 0 10px}
.panel p{margin:7px 0 13px}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.panel-head h2{margin:0}
.outline-btn,.primary-btn,.file-btn{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:48px;border:1px solid var(--line);border-radius:15px;padding:12px 14px;margin-top:10px;font-size:12px;font-weight:780;text-decoration:none}
.outline-btn,.file-btn{background:var(--panel-low);color:var(--accent-strong)}
.primary-btn{color:#fff;background:linear-gradient(110deg,var(--accent-strong),var(--accent));box-shadow:0 5px 15px rgba(31,104,146,.18)}
body[data-theme="dark"] .primary-btn{color:#0b2939}
.text-button{border:0;background:var(--field-bg);border-radius:12px;color:var(--accent-strong);font-size:11px;font-weight:790;padding:8px 12px;min-height:38px}
.stack-list{display:flex;flex-direction:column;min-height:25px}
.stack-list:empty:after{content:"Sin registros";display:block;font-size:12px;color:var(--muted);padding:8px}
.list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line-soft);padding:13px 0}
.list-item:first-child{border-top:0}
.entry-title{font-size:12px;font-weight:780}
.entry-meta{font-size:10px;color:var(--muted);margin-top:3px}
.right-entry{text-align:right;min-width:84px}
.right-entry b{display:block;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.positive{color:var(--green)!important}.negative{color:var(--red)!important}
.small-delete{border:0;background:transparent;color:var(--red);font-size:10px;font-weight:750;min-height:25px;padding:3px 0 0}
.insight{border:1px solid rgba(210,143,55,.31);background:rgba(255,233,184,.48);color:var(--warn);border-radius:14px;padding:11px;font-size:11px;margin:12px 0}
.helper,.muted{color:var(--muted);font-size:11px;line-height:1.52}
.helper{margin:8px 0 12px}
.small{font-size:10px}
/* TIME */
.time-summary{padding:18px 14px;background:linear-gradient(155deg,rgba(234,251,255,.85),var(--panel-low))}
.time-circle{--productivity:0;width:min(247px,69vw);aspect-ratio:1;border-radius:50%;padding:13px;margin:4px auto;background:conic-gradient(from 200deg,#3ac7b1 0%,#86e2d9 calc(var(--productivity)*1%),rgba(255,255,255,.75) calc(var(--productivity)*1% + .1%),#78c9e6 100%);box-shadow:0 10px 22px rgba(38,127,168,.15),inset 0 1px 0 #fff}
.time-circle-inner{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;background:radial-gradient(circle at 28% 12%,#fff,#e3f5fc 68%,#cce9f5);border:1px solid rgba(255,255,255,.93)}
body[data-theme="dark"] .time-summary{background:var(--panel)}
body[data-theme="dark"] .time-circle-inner{background:radial-gradient(circle at 32% 8%,#3d6882,#1b4058 72%);border-color:var(--line)}
.time-value{font-size:28px;letter-spacing:-1px;font-weight:830;font-variant-numeric:tabular-nums}
.time-circle-inner .timer-label{font-size:11px;min-height:0;text-align:center}
.time-track{display:flex;overflow:hidden;width:100%;height:15px;border-radius:20px;margin:14px 0 12px;background:rgba(116,167,188,.15)}
.time-track span{display:block;height:100%;width:0%;transition:width .25s}
.time-work{background:#30b99c}.time-break{background:#72bde1}.time-lunch{background:#e7b46c}
.time-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;color:var(--muted)}
.time-legend span{font-size:10px}.time-legend b{display:block;font-size:11px;color:var(--ink);margin-top:3px}
/* FORMS */
.field{display:flex;flex-direction:column;gap:6px;margin:12px 0}
label{font-size:11px;color:var(--ink);font-weight:700}
input,select{font:inherit;max-width:100%;min-width:0;font-size:16px;color:var(--ink);padding:12px 12px;border-radius:13px;background:var(--field-bg);border:1px solid var(--line-soft);outline:0;min-height:46px}
input::placeholder{color:var(--faint)}
input[type="date"]{font-size:12px;padding:10px 9px}
input[type="date"]::-webkit-calendar-picker-indicator{opacity:.7}
input:focus-visible,select:focus-visible,button:focus-visible,.file-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
#mileagePanel{scroll-margin-top:16px}
#mileagePreview{padding:10px 12px;background:rgba(214,241,248,.55);border-radius:12px;border:1px solid var(--line-soft)}
body[data-theme="dark"] #mileagePreview{background:rgba(47,92,120,.32)}
/* CASH */
.hero-money{padding:23px 19px;border-radius:30px;background:linear-gradient(125deg,#427da6,#76c7df)!important;color:#fff;box-shadow:0 17px 37px rgba(34,115,152,.20)}
body[data-profile="woman"] .hero-money{background:linear-gradient(125deg,#4f7fb4,#a1c9ee)!important}
body[data-profile="man"] .hero-money{background:linear-gradient(125deg,#176c8c,#65c7cf)!important}
body[data-theme="dark"] .hero-money{background:linear-gradient(125deg,#225d7d,#307f99)!important}
.hero-money .cash-hero-top small{font-size:10px;letter-spacing:1.3px;font-weight:760;opacity:.9}
.hero-money > strong{display:block;font-size:clamp(35px,11vw,48px);line-height:1.25;letter-spacing:-1.8px;font-weight:840;margin:15px 0 13px;font-variant-numeric:tabular-nums}
.money-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.35);padding-top:11px}
.money-row span{font-size:10px;opacity:.9}.money-row b{font-size:12px;margin-left:4px;font-weight:820}
/* REPORTS */
.report-select{display:flex;align-items:center;justify-content:space-between;gap:10px}
.report-select input[type="date"]{max-width:150px}
.segmented,.theme-options{display:flex;gap:3px;align-items:center;padding:4px;background:rgba(255,255,255,.41);border:1px solid var(--line);border-radius:14px}
.segmented button,.theme-options button{background:transparent;border:0;border-radius:11px;color:var(--muted);font-size:12px;font-weight:770;min-height:39px;padding:8px 15px;flex:1}
.segmented button.selected,.theme-options button.selected{background:var(--panel-solid);color:var(--accent-strong);box-shadow:0 3px 11px rgba(30,95,141,.11)}
.subhead{font-size:11px;color:var(--muted);margin:13px 2px}
.bars{display:flex;align-items:flex-end;justify-content:space-between;gap:3px;height:170px;padding:10px 0 6px;border-bottom:1px solid var(--line-soft);overflow:hidden}
.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-width:0;height:100%}
.bar{width:min(29px,96%);background:linear-gradient(180deg,#7fd9ec,#308bb7);border-radius:6px 6px 3px 3px;box-shadow:0 3px 9px rgba(54,138,175,.14);min-height:2px}
.bar.negative-bar{background:linear-gradient(180deg,#eba5b7,#c7667f)}
.bar-item span{font-size:8px;color:var(--muted);min-height:12px}
.scroll-table{width:100%;overflow:auto;scrollbar-width:thin}
table{font-size:10px;border-collapse:collapse;white-space:nowrap;width:100%}
th,td{padding:10px 8px;border-bottom:1px solid var(--line-soft);text-align:right}
th:first-child,td:first-child{text-align:left}
th{font-size:10px;color:var(--muted);font-weight:750}
.report-actions{display:grid;gap:3px;margin-top:11px}
/* SETTINGS */
.appearance-panel{background:linear-gradient(140deg,rgba(235,249,255,.83),var(--panel-low))}
body[data-theme="dark"] .appearance-panel{background:var(--panel)}
.settings-block{margin-top:14px}
.settings-block label{display:block;margin:0 0 8px}
.theme-options{width:100%}
.theme-appearance button{font-size:11px;padding:9px 7px}
.danger-panel{border-color:rgba(208,90,120,.26)}
.danger-btn{width:100%;min-height:46px;padding:12px;border:1px solid rgba(209,104,133,.25);border-radius:14px;background:rgba(248,206,220,.38);font-size:12px;font-weight:780;color:var(--red)}
/* BOTTOM DOCK */
.bottom-nav{position:fixed;bottom:calc(9px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(calc(100% - 25px),493px);padding:6px;z-index:10;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--tab-bg);border:1px solid var(--line);border-radius:25px;box-shadow:0 12px 35px rgba(25,92,135,.22),inset 0 1px 0 rgba(255,255,255,.79);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
.bottom-nav button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:58px;min-width:0;padding:5px 2px;background:transparent;color:var(--muted);font-size:10px;font-weight:720;border:0;border-radius:19px}
.bottom-nav button.active{background:var(--panel-solid);color:var(--accent-strong);box-shadow:0 3px 10px rgba(33,91,128,.14)}
.navicon{display:grid;place-items:center;width:25px;height:25px}
.navicon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.bottom-nav button.active svg{stroke-width:2.3}
/* MODAL + STATUS */
dialog{border:1px solid var(--line);color:var(--ink);background:var(--panel-solid);border-radius:23px;padding:20px;width:min(92vw,440px);box-shadow:0 18px 70px rgba(20,68,100,.4)}
dialog::backdrop{background:rgba(8,32,51,.55);backdrop-filter:blur(5px)}
.dialog-inner{display:flex;flex-direction:column;gap:10px}
.dialog-inner label{margin-bottom:-3px}
.close-btn{border:1px solid var(--line-soft);border-radius:50%;height:32px;width:32px;background:var(--panel-low);color:var(--ink);font-size:22px}
.toast{position:fixed;z-index:30;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%,-20px);width:max-content;max-width:90vw;background:#195f77;color:white;border-radius:14px;font-size:12px;line-height:1.3;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;padding:11px 15px;box-shadow:0 8px 20px rgba(12,57,80,.3)}
.toast.visible{opacity:1;transform:translate(-50%,0)}
.init-banner{font-size:12px;margin:10px 20px;padding:11px;border:1px solid rgba(184,114,38,.31);border-radius:13px;background:rgba(255,237,205,.85);color:#8d5526}
[hidden]{display:none!important}
@media(min-width:600px){.app-shell{margin:14px auto 0;min-height:calc(100svh - 14px);background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.48);border-radius:33px 33px 0 0;box-shadow:0 13px 40px rgba(28,96,136,.10)}}
@media(max-width:360px){.view{padding-left:13px;padding-right:13px}.topbar{padding-left:17px;padding-right:17px}.section-head h1{font-size:30px}.timer-orbit{width:min(238px,67vw)}.timer-readout{font-size:35px}.metric-card{padding:12px}.metric-card small{font-size:10px}.metric-card strong{font-size:18px}.action-button{font-size:11px}.bottom-nav button{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(prefers-reduced-transparency:reduce){.glass-panel,.timer-card,.panel,.metric-card,.hero-money,.bottom-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--panel-solid)!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-panel,.panel,.metric-card,.bottom-nav,.timer-card{background:var(--panel-solid)}}
@media print{*,*::before,*::after{box-shadow:none!important;text-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#243b50!important}html,body{background:white!important}.topbar,.bottom-nav,.view,.report-actions,.segmented,.report-select,.bars,.toast,.init-banner,#reportAnchor{display:none!important}#view-reportes{display:block!important;padding:0!important}.panel,.metric-card{background:white!important;border:1px solid #cddde5!important;border-radius:7px!important;break-inside:avoid}.section-head,.subhead,.metric-grid{break-inside:avoid}.metric-grid.two{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card strong{font-size:16px}.scroll-table{overflow:visible}table{font-size:8px}body:before{content:'MI JORNADA TAXI · REPORTE';position:static;display:block;font-size:15px;font-weight:800;margin:8mm 0}.app-shell{margin:0;box-shadow:none;border:0}}
/* Keep gradients continuous while scrolling long reports/settings on Safari. */
body{background-attachment:scroll}
html:has(body[data-theme="dark"]){background:#102b3e}

/* v5.2 - rose-glass themes and readability */
body[data-profile="woman"]:before{background:radial-gradient(ellipse 290px 260px at 100% 15%,rgba(255,238,240,.75),transparent 80%),radial-gradient(ellipse 330px 320px at -5% 72%,rgba(216,155,173,.25),transparent 82%)}
body[data-profile="woman"][data-theme="dark"]:before{background:radial-gradient(ellipse 300px 250px at 100% 10%,rgba(125,79,101,.35),transparent 80%)}
body[data-profile="woman"] .timer-card{background:linear-gradient(148deg,rgba(255,247,249,.91),rgba(247,224,233,.71) 70%,rgba(255,252,253,.7))}
body[data-profile="woman"][data-theme="dark"] .timer-card{background:linear-gradient(155deg,rgba(83,56,72,.92),rgba(48,34,48,.9))}
body[data-profile="woman"] .timer-orbit-inner{background:radial-gradient(circle at 30% 12%,#fffafa,#f9e9ed 66%,#edcbd5);box-shadow:inset 0 6px 15px rgba(255,255,255,.5)}
body[data-profile="woman"][data-theme="dark"] .timer-orbit-inner{background:radial-gradient(circle at 30% 12%,#705062,#3c293c 68%,#302535);box-shadow:inset 0 6px 14px rgba(255,229,237,.09)}
body[data-profile="woman"] .metric-card.accent{background:linear-gradient(146deg,rgba(252,224,233,.86),var(--panel-low))}
body[data-profile="woman"][data-theme="dark"] .metric-card.accent{background:linear-gradient(140deg,rgba(101,65,84,.86),var(--panel-low))}
body[data-profile="woman"] .appearance-panel{background:linear-gradient(140deg,rgba(255,239,245,.92),var(--panel-low))}
body[data-profile="woman"][data-theme="dark"] .appearance-panel{background:var(--panel)}
body[data-profile="woman"] .hero-money{background:linear-gradient(125deg,#783e55,#984e69)!important;color:#fff}
body[data-profile="woman"][data-theme="dark"] .hero-money{background:linear-gradient(125deg,#5d3047,#7d3c56)!important;color:#fff}
body[data-profile="man"] .hero-money{background:linear-gradient(125deg,#135675,#216b83)!important;color:#fff}
body[data-profile="man"][data-theme="dark"] .hero-money{background:linear-gradient(125deg,#17445d,#23657d)!important;color:#fff}
body[data-profile="woman"][data-theme="light"] .action-button.active{background:linear-gradient(120deg,#834459,#9b526d);color:#fff}
body[data-profile="man"][data-theme="light"] .action-button.active{background:linear-gradient(120deg,#145a75,#1d6d86);color:#fff}
body[data-theme="dark"] .action-button.active{background:var(--accent-strong);color:#222f3b}
body[data-profile="woman"][data-theme="dark"] .action-button.active{color:#30222b}
body[data-profile="woman"][data-theme="light"] .primary-btn{background:linear-gradient(110deg,#783e55,#9b526d);color:#fff}
body[data-profile="man"][data-theme="light"] .primary-btn{background:linear-gradient(110deg,#135675,#216b83);color:#fff}
body[data-theme="dark"] .primary-btn{background:var(--accent-strong);color:#172936}
body[data-profile="woman"][data-theme="dark"] .primary-btn{color:#33242d}
body[data-profile="woman"] .outline-btn,body[data-profile="woman"] .text-button,body[data-profile="woman"] .file-btn{color:var(--accent-strong)}
body[data-profile="woman"] .net-card{background:linear-gradient(147deg,rgba(223,246,237,.88),var(--panel-low))!important}
body[data-profile="woman"][data-theme="dark"] .net-card{background:linear-gradient(147deg,rgba(38,93,76,.6),var(--panel-low))!important}
/* Performance: avoid multiple expensive blur layers in long reports */
.metric-card,.glass-card--glow{backdrop-filter:none;-webkit-backdrop-filter:none}
.glass-card--glow::before{display:none}
.glass-panel,.timer-card,.panel,.hero-money{backdrop-filter:blur(10px) saturate(112%);-webkit-backdrop-filter:blur(10px) saturate(112%)}
.bottom-nav{backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%)}
body[data-theme="light"] .metric-card{background-color:var(--panel)}
body[data-theme="dark"] .metric-card{background-color:var(--panel)}
/* larger touch targets and visible focus */
button:focus-visible,input:focus-visible,select:focus-visible,.file-btn:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px}
@media(prefers-reduced-transparency:reduce){.glass-panel,.timer-card,.panel,.hero-money,.bottom-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

/* WCAG visual affordances: darker field outlines for light/dark */
body[data-profile="woman"][data-theme="light"] input,body[data-profile="woman"][data-theme="light"] select{border-color:#987584}
body[data-profile="man"][data-theme="light"] input,body[data-profile="man"][data-theme="light"] select{border-color:#6d8796}
body[data-theme="dark"] input,body[data-theme="dark"] select{border-color:#94b2c1}
body[data-profile="woman"][data-theme="dark"] input,body[data-profile="woman"][data-theme="dark"] select{border-color:#b993a4}
body[data-profile="woman"] .brand img{filter:hue-rotate(132deg) saturate(.75)}
.bar-item span{font-size:10px}
.bottom-nav button{font-size:clamp(10px,2.55vw,11px)}