@import url('/fonts/fonts.css');
:root{--bg:#F6F9EC;--surface:#fff;--btn:#55701A;--teal-soft:#E4EDC6;--teal-ink:#4A6216;--ink:#13263F;--ink2:#4A5B70;--ink3:#4A5B70;--line:#E1E7D3;--ok:#2F8A57;--ok-soft:#E3F3EA;--warn:#B7791F;--warn-soft:#FBF1E1;--bad:#B9473F;--bad-soft:#FBEAE8;--whatsapp:#1F9E55;--display:'Baloo 2','Trebuchet MS',sans-serif;--body:'Figtree','Segoe UI',sans-serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--teal-ink);text-underline-offset:3px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--teal-ink);outline-offset:3px}h1,h2,h3{font-family:var(--display);line-height:1.16;margin:0 0 .7rem;font-weight:800;text-wrap:balance}h1{font-size:32px}h2{font-size:24px}h3{font-size:21px}p{margin:.5rem 0 1rem}small,.muted,.help-text{color:var(--ink2);font-size:15px}.skip-link{position:absolute;top:-100px;left:12px;background:var(--surface);padding:12px;z-index:100}.skip-link:focus{top:10px}.main-nav{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}.nav-inner{max-width:720px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:auto;padding:9px 14px}.main-nav a{text-decoration:none;color:var(--ink2);font-weight:800;min-height:48px;display:grid;place-items:center;border-radius:14px}.main-nav a.active{color:var(--teal-ink);background:var(--teal-soft)}.app-shell{width:min(100% - 32px,960px);margin:auto;padding-bottom:50px}.sales-shell{max-width:720px}.brand-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0 9px}.brand{display:inline-flex;gap:7px;align-items:center;text-decoration:none;color:var(--ink);font-family:var(--display);font-size:28px;font-weight:800}.brand-plus{display:grid;place-items:center;background:var(--btn);color:#fff;width:30px;height:30px;border-radius:9px;line-height:1;font:800 31px var(--body)}.store-line{display:flex;justify-content:space-between;gap:16px;color:var(--ink2);font-size:14px;margin-bottom:22px}.store-line span:last-child{color:var(--ok)}.page-heading,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0}.page-heading h1,.section-heading h2{margin:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;margin:16px 0}.panel>:first-child{margin-top:0}.panel>:last-child{margin-bottom:0}.button,button.btn{min-height:50px;border:1px solid transparent;border-radius:13px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--btn);color:white;font-weight:800;text-decoration:none;line-height:1.3}.button:hover{filter:brightness(.95)}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.button.danger{background:var(--bad);color:#fff}.button.whatsapp{background:var(--whatsapp);color:#fff}.button.compact{padding:10px 16px;min-height:48px}.button.full{display:flex;width:100%}.actions,.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.field{display:flex;flex-direction:column;gap:7px;margin:0 0 18px}.field label,label.field{font-weight:700}.field input,.field select,.field textarea,input.form-control,select.form-control,textarea.form-control{width:100%;padding:12px 14px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:11px;min-height:50px}.field textarea{min-height:90px}.field input[type=checkbox],.field input[type=radio]{min-height:24px;width:24px}.field-validation-error,.validation-summary-errors{color:var(--bad)}.validation-summary-valid{display:none}.input-validation-error{border-color:var(--bad)!important}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}.form-grid .full{grid-column:1/-1}.notice{padding:15px 18px;border-radius:13px;background:var(--teal-soft);color:var(--teal-ink);margin:16px 0}.notice.warning,.notice.warn{background:var(--warn-soft);color:var(--ink)}.notice.error,.notice.danger{background:var(--bad-soft);color:var(--bad)}.notice.success{background:var(--ok-soft);color:var(--ok)}.notice a{font-weight:800}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}.metric{background:var(--surface);padding:18px;border:1px solid var(--line);border-radius:18px}.metric span,.metric small{display:block;color:var(--ink2);font-size:15px}.metric strong,.metric b{display:block;font:800 30px/1.2 var(--display);font-variant-numeric:tabular-nums;margin:5px 0}.metric.positive strong,.positive{color:var(--ok)}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}.data-table th,.data-table td{padding:13px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.data-table th{color:var(--ink2);font-size:15px;font-weight:700}.data-table td input{max-width:140px;padding:8px;width:100%;min-height:48px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}.data-table th:last-child,.data-table td:last-child{text-align:right}.badge{display:inline-block;border-radius:8px;padding:4px 9px;background:var(--teal-soft);color:var(--teal-ink);font-size:14px;font-weight:700}.badge.warning{background:var(--warn-soft);color:var(--ink)}.badge.danger{background:var(--bad-soft);color:var(--bad)}.list-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row strong,.list-row small{display:block}.list-row a{text-decoration:none}.empty-state{padding:32px 16px;text-align:center;color:var(--ink2)}.empty-state h2{color:var(--ink)}.app-footer{text-align:center;color:var(--ink2);font-size:14px;margin-top:32px}.auth-card{max-width:520px;margin:22px auto}.auth-card h1{font-size:33px}.checkbox-label{display:flex;align-items:center;gap:10px;min-height:48px}.checkbox-label input{width:22px;height:22px}.two-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-actions .button{font-size:18px;min-height:64px}.search-field{position:relative;margin:17px 0}.search-field input{width:100%;min-height:58px;padding:15px 18px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink)}.category-grid,.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.category-button,.product-button{background:var(--surface);color:var(--ink);text-align:left;border:1px solid var(--line);border-radius:17px;padding:19px;min-height:96px}.category-button{border-left:7px solid var(--cat-color,var(--btn))}.category-button strong{font:800 22px/1.15 var(--display);display:block}.category-button small,.product-button small{display:block;margin-top:6px;color:var(--ink2)}.product-button strong{display:block;font-size:18px;line-height:1.3}.product-button .product-price{font:800 23px var(--display);color:var(--teal-ink)}.product-button:disabled{opacity:.6;cursor:not-allowed}.plain-button{background:none;border:0;color:var(--teal-ink);font-weight:800;min-height:48px;padding:10px 0;text-align:left}.pos-subheading{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.pos-subheading h2{margin:0}.cart-bar{position:sticky;bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--ink);color:var(--surface);padding:16px 20px;border-radius:17px;z-index:10;margin-top:20px}.cart-bar strong{font:800 28px/1.1 var(--display)}.cart-bar small{color:var(--surface);display:block}.cart-bar .button{background:var(--teal-soft);color:var(--teal-ink)}[hidden]{display:none!important}dialog{border:1px solid var(--line);border-radius:20px;padding:25px;background:var(--surface);color:var(--ink);width:min(100% - 24px,540px);max-height:90dvh;overflow:auto}dialog::backdrop{background:rgba(19,38,63,.45)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dialog-heading h2{margin:0}.dialog-close{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:11px;min-width:48px;min-height:48px;font-size:23px}.cart-line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.cart-line strong{display:block}.quantity-controls{display:flex;align-items:center;gap:10px;margin-top:8px}.quantity-controls button{background:var(--teal-soft);color:var(--teal-ink);border:0;border-radius:8px;min-height:48px;min-width:48px;font-size:23px}.checkout-total{font:800 33px var(--display);margin:20px 0}.receipt{max-width:600px;margin:auto}.receipt-header{text-align:center;padding:20px 0}.receipt-total{font:800 38px var(--display)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:15px 22px;border-radius:14px;z-index:100;max-width:calc(100% - 32px);box-shadow:0 6px 20px rgba(19,38,63,.16)}.inline-form{display:inline}.weight-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}video{width:100%;border-radius:13px;background:var(--ink)}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-grid a{display:block;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink)}.menu-grid strong{display:block;font:800 22px var(--display)}.menu-grid small{display:block;margin-top:5px}.pending-line{padding:12px 0;border-bottom:1px solid var(--line)}.receipt-print{display:none}
@media(max-width:600px){.app-shell{width:calc(100% - 28px)}.brand-header{padding-top:18px}.brand{font-size:26px}.form-grid,.menu-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.panel{padding:17px}.page-heading{align-items:flex-start;flex-wrap:wrap}h1{font-size:29px}.category-button{padding:16px 13px;min-height:96px}.category-button strong{font-size:21px}.metric{padding:16px}.metric strong{font-size:29px}.data-table{font-size:16px}.two-actions .button{padding:12px 7px;font-size:17px}.cart-bar{bottom:8px;padding:15px}.metrics{gap:10px}.store-line{margin-bottom:16px}}
@media(prefers-color-scheme:dark){:root{--bg:#12160E;--surface:#1C2216;--ink:#E8F0EF;--ink2:#AFC0C3;--ink3:#AFC0C3;--line:#38422C;--btn:#4F6818;--teal-soft:#303E1D;--teal-ink:#A8C46A;--ok:#5CC48A;--ok-soft:#1B3825;--warn:#E0A64A;--warn-soft:#3B2D17;--bad:#E4796F;--bad-soft:#3B201C;color-scheme:dark}.brand-plus,.button{color:#fff}.cart-bar{background:var(--teal-soft);color:var(--ink)}.cart-bar small{color:var(--ink2)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.main-nav,.brand-header,.store-line,.app-footer,.actions,button,.no-print{display:none!important}body{background:#fff;color:#000}.app-shell{width:100%;max-width:none}.panel{border:0}.receipt-print{display:block}}
.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.check-field{display:flex;align-items:center;gap:10px;min-height:48px}.check-field input{width:22px;height:22px}.form-actions,.form-inline{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}.form-inline .field{flex:1;margin:0;min-width:150px}.action-card{display:block;text-decoration:none;color:var(--ink)}.day-picker{display:flex;gap:12px;flex-wrap:wrap}.day-picker label{display:flex;gap:6px;align-items:center;min-height:48px}.day-picker input{width:22px;height:22px}.list-row{flex-wrap:wrap}.auth-shell{max-width:520px;margin:auto}.auth-card label{display:block}.auth-card input,.auth-card select{width:100%;min-height:50px;padding:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:11px}.auth-card .field{margin-bottom:17px}
.auth-page{max-width:520px;margin:28px auto}.auth-intro{margin-bottom:24px}.auth-intro h1{font-size:34px}.auth-form>label{display:block;font-weight:700;margin:16px 0 7px}.auth-form>input,.auth-form details>input{display:block;width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink)}.auth-form details>label{display:block;margin:14px 0 6px}.auth-form .btn{margin-top:22px;width:100%}.auth-form fieldset{margin:22px 0;border:1px solid var(--line);border-radius:13px;padding:12px 16px}.auth-form legend{font-weight:700;padding:0 5px}.auth-form .choice{display:flex;align-items:center;gap:10px;min-height:48px}.choice input{width:23px;height:23px}.auth-form summary{padding:12px 0;cursor:pointer;font-weight:700}
.restock-summary{min-height:48px;padding:14px 0;cursor:pointer}.restock-summary strong,.restock-summary span{display:block}.restock-summary span{font-size:15px;color:var(--ink2)}
.store-line span:last-child{color:var(--teal-ink)}.notice.success,.notice.error,.notice.danger{color:var(--ink)}.button.whatsapp,.button.danger{font-size:19px}.badge.danger{color:var(--ink)}
@media(max-width:600px){#daily-prices .data-table,#daily-prices tbody{display:block;width:100%}#daily-prices thead{display:none}#daily-prices tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:18px 0;border-bottom:1px solid var(--line)}#daily-prices td{display:block;padding:0!important;border:0;text-align:left!important;min-width:0}#daily-prices td:first-child{grid-column:1/-1}#daily-prices td[data-label]::before{content:attr(data-label);display:block;font-size:16px;color:var(--ink2);margin-bottom:6px}#daily-prices td input{max-width:none;width:100%;padding:12px}}