:root{font-family:'DM Sans',sans-serif;color:#263b33;background:#f5f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:232px;background:#294C40;color:#fff;position:fixed;inset:0 auto 0 0;padding:34px 23px}.brand{display:flex;align-items:center;gap:12px;font-size:30px}.brand span{font-size:22px;font-weight:700}.brand small{display:block;letter-spacing:3px;font-size:10px;margin-top:7px;color:#c9d8ca}nav{margin-top:52px;display:grid;gap:8px}nav button{background:transparent;color:#d5e1d9;text-align:left;border:0;padding:14px}nav button.active{background:#ffffff18;color:#fff}main{margin-left:232px;width:calc(100% - 232px);padding:42px 5vw}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:34px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;color:#829081}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:30px;margin:10px 0}h2{font-size:26px;margin-top:0}h3{font-size:16px}button{font:inherit;cursor:pointer;border:1px solid #d5dcd2;background:#fff;border-radius:9px;padding:11px 17px;color:#294C40;font-weight:600}button:hover{background:#e8eee5}button.primary,.hero button{background:#294C40;color:white;border:0}button:disabled{opacity:.5;cursor:wait}.asidefoot{position:absolute;bottom:30px;font-size:12px;line-height:1.9;color:#c7d5c9}.hero{border-radius:20px;background:#e8eddf;padding:54px;min-height:380px;max-width:950px}.hero h2{font-size:44px;line-height:1.25;margin:22px 0}.hero p{max-width:420px;line-height:1.7}.muted,small{color:#7d877d}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e2e5dc;padding:24px;border-radius:14px;margin-bottom:20px}.metric{font-size:30px;font-weight:700;margin:12px 0}.tag{border-radius:20px;background:#e8eddf;font-size:11px;padding:5px 10px;display:inline-block;color:#456149}.row{display:flex;gap:12px;align-items:center;justify-content:space-between}.actions{display:flex;gap:10px;flex-wrap:wrap}label{display:grid;gap:8px;font-size:12px;font-weight:600;margin-bottom:16px}input,select{font:inherit;padding:12px;border:1px solid #d9dfd5;border-radius:7px;background:#fff;width:100%}input[type=checkbox]{width:auto}label.check{display:flex;align-items:center}form{max-width:680px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#879084;font-size:10px;letter-spacing:1px;text-transform:uppercase}td,th{padding:16px 9px;border-bottom:1px solid #edf0e7}td button{padding:7px 10px;font-size:11px}.tablewrap{overflow:auto}#notice:not(:empty){background:#f1e3c4;padding:15px;border-radius:8px;margin-bottom:22px;overflow-wrap:anywhere}footer{font-size:11px;color:#9a9f94;margin:32px 0}a{color:#294C40}.empty{padding:25px;color:#879084}.wide{grid-column:1/-1}textarea{width:100%}@media(max-width:800px){aside{position:static;width:100%;padding:18px}.brand{font-size:22px}nav{margin-top:20px;display:flex;overflow:auto;gap:4px}nav button{white-space:nowrap;padding:10px}.asidefoot{display:none}body{display:block}main{margin:0;width:100%;padding:24px 18px}header{align-items:flex-start}h1{font-size:23px}.grid{grid-template-columns:1fr}.hero{padding:28px}.hero h2{font-size:34px}header button{font-size:11px}.card{padding:19px}}

.productactions{min-width:150px}.productactions summary{cursor:pointer;padding:10px 14px;border:1px solid #d6ded8;border-radius:10px;font-weight:600;white-space:nowrap}.productactions>div{display:flex;flex-direction:column;gap:6px;padding-top:8px}.productactions button{width:100%;text-align:left;white-space:nowrap}

@media print{aside,header button,#notice,#accountperiod,#accountdate,.actions,button,footer{display:none!important}body,main{display:block;margin:0;width:100%;padding:0;background:white}.card{break-inside:avoid;padding:12px;margin-bottom:12px}.tablewrap{overflow:visible}table{font-size:10px}td,th{padding:6px}.grid{grid-template-columns:repeat(3,1fr)}details>summary{font-weight:bold}details{margin:12px 0}}

aside{display:flex;flex-direction:column}.brand{flex-shrink:0}nav{min-height:0;flex:1;overflow-y:auto;align-content:start;grid-auto-rows:max-content;margin-top:32px;margin-bottom:18px}.asidefoot{position:static;flex-shrink:0;margin-top:auto}@media(max-width:800px){aside{display:block}nav{flex:initial;margin-top:20px;margin-bottom:0;overflow:auto}}

nav button:hover{background:#ffffff18;color:#fff}

body[data-device-locked] main,body[data-device-locked] aside{visibility:hidden!important} .device-lock-screen{position:fixed;inset:0;z-index:2147483647;background:#f7f5ef;display:grid;place-items:center;padding:24px}.device-lock-screen .card{max-width:440px;width:100%}.device-lock-screen button{margin:8px 8px 0 0}

/* On phones, one compact header replaces the horizontal strip of sections. */
#navtoggle,#navbackdrop{display:none}
#nav button[aria-current="page"]{background:#ffffff20;color:white;box-shadow:inset 3px 0 #d7e7b7}
#nav button:focus-visible,#navtoggle:focus-visible{outline:3px solid #dfedc3;outline-offset:3px}
@media(max-width:800px){
 aside#appsidebar{position:sticky;top:0;z-index:100;width:100%;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));box-shadow:0 3px 12px #132a2420}
 .mobile-menu-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
 .brand{gap:9px}.brand span{font-size:19px}.brand small{font-size:9px;margin-top:4px}
 #navtoggle:not([hidden]){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;background:#ffffff14;color:white;border-color:#ffffff60;flex-shrink:0}
 #navtoggle span{font-size:20px;line-height:1}
 aside #nav{display:none;margin:0}
 aside[data-menu-open] #nav{display:grid;position:absolute;top:calc(100% + 8px);left:12px;right:12px;gap:4px;padding:12px;background:#294C40;border:1px solid #ffffff30;border-radius:14px;box-shadow:0 12px 30px #10271e40;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;grid-auto-rows:max-content}
 aside #nav button{white-space:normal;width:100%;min-height:48px;padding:13px 16px;text-align:left;font-size:15px;line-height:1.35}
 #navbackdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:90;border:0;border-radius:0;background:#0c211b55;padding:0;cursor:default}
 main{min-width:0}#title:focus{outline:none}
}
@media print{#navtoggle,#navbackdrop{display:none!important}}

.android-exit-toast{position:fixed;z-index:2147483647;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:#203c31;color:white;padding:14px 22px;border-radius:12px;box-shadow:0 4px 20px #0004;text-align:center;font-size:15px;pointer-events:none}

/* Keep a scroll at the top from accidentally reloading the phone app. */
html,body{overscroll-behavior-y:contain}

.license-alert{display:flex;gap:16px;background:#fff3cc;color:#623b08;border:2px solid #d99b19;border-left:8px solid #d99b19;border-radius:16px;padding:22px;margin:0 0 24px;box-shadow:0 4px 16px #5c3e0810}.license-alert--urgent{background:#fff0ed;color:#8d2119;border-color:#c13c2e}.license-alert-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#d99b19;color:#fff;font-size:26px;font-weight:800}.license-alert--urgent .license-alert-icon{background:#c13c2e}.license-alert h2{font-size:23px;line-height:1.3;margin:7px 0 12px}.license-alert p{font-size:15px;line-height:1.6;margin:8px 0}.license-alert-label{font-size:10px;letter-spacing:1.5px;font-weight:800}.license-alert button{background:#623b08;color:white;border:0;margin-top:8px;min-height:44px}.license-alert--urgent button{background:#8d2119}.license-alert-content{min-width:0}#license-plan:focus-within{outline:3px solid #d99b19;outline-offset:3px}@media(max-width:600px){.license-alert{padding:17px 14px;gap:11px}.license-alert-icon{flex-basis:28px;height:28px;font-size:20px}.license-alert h2{font-size:20px}.license-alert button{width:100%}}

.counter-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.counter-products .card{margin:0 0 8px}.counter-products .actions{display:grid}.counter-products small{font-size:15px}.gasrow{padding:16px;margin-top:16px}#servicespreview p{line-height:1.6}#servicesform details{margin:18px 0}

/* Summary filters and readable history cards fit the phone without sideways tables. */
.summary-grid>section{min-width:0}.summary-grid .metric{overflow-wrap:anywhere}.summary-grid label{margin-top:18px}.summary-action{display:block;width:100%;margin-top:12px;min-height:44px}.summary-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary-dates input{min-width:0}.summary-error{color:#9b3024;font-size:14px}.summary-history>summary{cursor:pointer;font-weight:700;min-height:32px}.summary-history>p{font-size:14px;line-height:1.6}.summary-sale{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid #e2e5dc;min-width:0}.summary-sale>div{min-width:0}.summary-sale strong,.summary-sale p{overflow-wrap:anywhere}.summary-sale p{margin:7px 0;font-size:14px}.summary-sale-amount{display:grid;gap:10px;text-align:right;flex-shrink:0}.summary-sale button{font-size:13px;min-height:44px}.summary-pages{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;font-size:13px}.summary-pages button:disabled,.summary-action:disabled{cursor:default}@media(max-width:400px){.summary-dates{grid-template-columns:1fr;gap:0}.summary-sale{align-items:flex-start;flex-direction:column;gap:12px}.summary-sale-amount{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left}.summary-pages{flex-wrap:wrap}}

/* Local assistant: clear questions, readable results and touch targets on phones. */
.assistant-intro h2{font-size:25px;margin:18px 0 12px}.assistant-intro p{line-height:1.6}.assistant-intro form{max-width:none}.assistant-intro textarea{font:inherit;resize:vertical;min-height:92px;border:1px solid #d9dfd5;border-radius:9px;padding:12px;line-height:1.5}.assistant-intro small{display:block;line-height:1.5}.assistant-dates{margin:20px 0}.assistant-dates summary{cursor:pointer;min-height:36px;font-weight:600}.assistant-dates label{margin-top:12px}.assistant-submit{min-height:48px;width:100%}.assistant-suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.assistant-suggestions button{text-align:left;min-height:48px;overflow-wrap:anywhere}.assistant-footnote{font-size:13px;line-height:1.6;color:#647465}.assistant-answer>h3{font-size:21px;margin:0 0 12px}.assistant-answer>p{line-height:1.6}.assistant-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.assistant-metrics>div{padding:15px;border-radius:10px;background:#f2f5ee;min-width:0}.assistant-metrics small,.assistant-metrics strong{display:block;overflow-wrap:anywhere}.assistant-metrics strong{margin-top:10px;font-size:23px}.assistant-result-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-top:1px solid #e2e5dc}.assistant-result-row>div{min-width:0;flex:1}.assistant-result-row strong,.assistant-result-row small{overflow-wrap:anywhere}.assistant-result-row small{display:block;line-height:1.5;margin-top:7px}.assistant-answer .actions{margin-top:18px}.assistant-answer button{min-height:44px}@media(max-width:420px){.assistant-suggestions,.assistant-metrics{grid-template-columns:1fr}.assistant-intro h2{font-size:23px}.assistant-result-row>strong{width:100%}}


.reparto-intro h2{font-size:25px}.reparto-intro p{line-height:1.6}.reparto-stop{padding:20px 0;border-top:1px solid #dfe4da;overflow-wrap:anywhere}.reparto-choice{display:flex;align-items:center;gap:12px;margin:0}.reparto-choice input{width:24px;height:24px;flex-shrink:0}.reparto-stop p{font-size:15px;line-height:1.5}.reparto-stop ul{padding-left:20px;font-size:15px;line-height:1.8}.reparto-address{padding:16px;background:#f2f5ee;border-radius:12px;margin-top:16px}.reparto-order{padding:0;list-style-position:inside;counter-reset:parada}.reparto-order li{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e5dc;padding:16px 0;counter-increment:parada}.reparto-order li>div:first-child{min-width:0;flex:1;overflow-wrap:anywhere}.reparto-order li strong:before{content:counter(parada) '. ';color:#526e51}.reparto-order small{display:block;margin-top:8px;line-height:1.5}.reparto-move{display:flex;gap:8px;flex-shrink:0}.reparto-move button{min-width:44px;min-height:44px}.reparto-open{display:block;text-align:center;padding:15px;border-radius:10px;text-decoration:none;margin-top:20px}.reparto-links small{display:block;margin:10px 0;line-height:1.6;overflow-wrap:anywhere}.reparto-links p{font-size:14px;line-height:1.6}.reparto-map{align-self:center;padding:10px 0;min-height:44px}.reparto-stops .actions{flex-wrap:wrap}.reparto-address input{min-width:0}.reparto-choice input:disabled{opacity:.45}#reparto-plan small{line-height:1.6}@media(max-width:420px){.reparto-stops .actions button{width:100%}.reparto-address .actions{display:grid;grid-template-columns:1fr}.reparto-order li{gap:8px}.reparto-move{gap:4px}}
.reparto-open{background:#294C40;color:#fff;font-weight:700;min-height:48px}.reparto-open:hover{background:#203e33}.reparto-open:focus-visible{outline:3px solid #adc792;outline-offset:3px}
#android-update-settings a.primary,#android-update-notice a.primary{display:inline-block;background:#294C40;color:white;border-radius:9px;padding:13px 17px;text-decoration:none;font-weight:700;min-height:44px}

/* Miga identity: compact header, readable at phone size, static sign-in artwork. */
.brand{gap:6px}.brand .brand-mark{width:56px;height:56px;object-fit:contain;flex:none}.brand>span{font-family:Manrope,sans-serif;font-size:34px;font-weight:800;letter-spacing:-1.5px;line-height:1}.brand small{font-family:"DM Sans",sans-serif;font-size:8px;letter-spacing:1.1px;line-height:1.5;margin-top:6px;color:#F7F5EE}.miga-access-logo{display:block;width:160px;height:160px;object-fit:contain;border-radius:20px;margin:0 0 22px}.miga-access{max-width:520px}.miga-access h3{font-size:20px}@media(max-width:800px){.brand .brand-mark{width:48px;height:48px}.brand>span{font-size:30px}.brand small{font-size:7px;letter-spacing:.7px}.miga-access-logo{width:136px;height:136px}.mobile-menu-bar{gap:8px}}
/* Brand intro and optional unlock share the same media, with controls always available. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.miga-startup-screen{position:fixed;inset:0;z-index:20000;background:#294C40;display:grid;place-items:center;pointer-events:none}
.miga-intro-media{display:block;width:100%;height:100%;max-height:100%;object-fit:contain}
.miga-startup-screen .miga-intro-media{max-width:560px}
.device-lock-screen{background:#294C40;color:#F7F5EE;display:flex;flex-direction:column;align-items:center;padding:0;overflow-y:auto;min-height:100vh;min-height:100dvh}
.miga-unlock-media{width:100%;max-width:560px;flex:1;min-height:140px;display:grid;place-items:center;overflow:hidden}
.miga-unlock-media .miga-intro-media{position:relative;max-height:calc(100dvh - 240px);min-height:140px}
.miga-unlock-footer{width:100%;max-width:480px;padding:12px 24px max(24px,env(safe-area-inset-bottom));flex:none;text-align:center}
.miga-unlock-footer>p{font-size:14px;margin:0 0 10px;color:#F7F5EE}
.miga-unlock-status:empty{display:none}.miga-unlock-status:not(:empty){padding:10px;background:#ffffff14;border-radius:10px}
.miga-unlock-actions{display:grid;grid-template-columns:1fr;gap:12px}
.device-lock-screen .miga-unlock-actions button{width:100%;height:64px;min-height:64px;margin:0;padding:12px 16px;background:#D6A057;color:#233D32;border:1px solid #E3B477;border-radius:16px;font-family:Manrope,'DM Sans',sans-serif;font-size:16px;line-height:1.3;font-weight:800;letter-spacing:-.35px;display:flex;align-items:center;justify-content:center;text-align:center}
.device-lock-screen .miga-unlock-actions button:hover{background:#E4B16A}.device-lock-screen .miga-unlock-actions button:focus-visible{outline:3px solid #F7F5EE;outline-offset:3px}.device-lock-screen .miga-unlock-actions button:disabled{opacity:.65}
@media(max-height:520px){.miga-unlock-media{min-height:100px}.miga-unlock-media .miga-intro-media{min-height:100px;max-height:180px}.miga-unlock-footer{padding-top:8px}.device-lock-screen .miga-unlock-actions button{height:54px;min-height:54px}.miga-unlock-actions{gap:8px}}
@font-face{font-family:MigaRounded;font-style:normal;font-weight:600;font-display:swap;src:url('./miga-rounded.ttf') format('truetype')}
.brand>span,.device-lock-screen .miga-unlock-actions button{font-family:MigaRounded,Manrope,sans-serif;font-weight:600;letter-spacing:0}
.device-lock-screen,.miga-startup-screen{background:#22483D}
.miga-startup-screen{pointer-events:auto}
/* One continuous video surface removes the contrast between a framed video and side gutters. */
.device-lock-screen{isolation:isolate}
.miga-unlock-media{position:absolute;inset:0;width:100%;max-width:none;height:100%;min-height:0;display:block;z-index:0}
.miga-unlock-media .miga-intro-media{position:absolute;inset:0;width:100%;height:100%;max-height:none;min-height:0;object-fit:cover}
.miga-unlock-footer{position:relative;z-index:1;margin-top:auto;text-shadow:0 1px 2px #17362c}
.miga-unlock-actions button{text-shadow:none}
@media(max-height:650px){.miga-unlock-media{bottom:100px;height:calc(100% - 100px)}.miga-unlock-media::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 70%,#22483D 100%);pointer-events:none}.miga-unlock-footer{background:linear-gradient(to bottom,transparent,#22483D 45%)}.miga-unlock-media .miga-intro-media{max-height:none;min-height:0}}
.miga-startup-screen .miga-intro-media{max-width:none;object-fit:cover}
@media(min-aspect-ratio:1/1){.miga-startup-screen .miga-intro-media{object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 70%)}}
/* Larger header mark and the same toasted-bread controls used on the unlock screen. */
.brand .brand-mark{width:76px;height:76px;margin:-8px;object-fit:contain}
#navtoggle:not([hidden]),#nav button{background:#D6A057;color:#233D32;border:1px solid #E3B477;border-radius:14px;font-family:MigaRounded,Manrope,sans-serif;font-weight:600;letter-spacing:0;box-shadow:0 2px 5px #10271e18}
#navtoggle:not([hidden]){min-height:50px;padding:11px 14px;font-size:16px}
#nav button{min-height:48px;padding:13px 16px;font-size:16px;line-height:1.35;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}
#navtoggle:not([hidden]):hover,#nav button:hover{background:#E4B16A;color:#233D32}
#nav button.active,#nav button[aria-current="page"]{background:#F0C78D;color:#233D32;border-color:#F7F5EE;box-shadow:inset 4px 0 #294C40,0 2px 5px #10271e18}
#nav button[aria-current="page"]::after{content:'✓';font-family:Manrope,sans-serif;font-size:17px;font-weight:800;flex:none}
#nav button:focus-visible,#navtoggle:focus-visible{outline:3px solid #F7F5EE;outline-offset:3px}
#nav #signoutmenu{margin-top:10px}
@media(max-width:800px){.brand .brand-mark{width:76px;height:76px;margin:-8px}.brand{gap:6px}aside[data-menu-open] #nav{gap:8px;border-radius:16px;max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px)}}
/* Keep phone gestures scrolling the app instead of scaling its interface. */
html,body,body *{touch-action:pan-x pan-y}
@media(max-width:800px){input,select,textarea{font-size:16px}}