body[data-lf-page=menu]{--background:var(--lf-background);--foreground:var(--lf-text);--card:var(--lf-card);--card-foreground:var(--lf-text);--popover:var(--lf-card);--popover-foreground:var(--lf-text);--primary:var(--lf-primary);--primary-foreground:var(--lf-onPrimary);--muted:var(--lf-notice);--muted-foreground:var(--lf-muted);--border:var(--lf-border);--input:var(--lf-border);--ring:var(--lf-primary);background:var(--lf-background);color:var(--lf-text)}
body[data-lf-page=menu] :is(h1,h1 em,h2,h3,.brand,.cart-title){color:var(--lf-heading)}
body[data-lf-page=menu] :is(.categories .active,.solid,.bag b,.checkout,.add){background:var(--lf-primary);border-color:var(--lf-primary);color:var(--lf-onPrimary)}
body[data-lf-page=menu] :is(.solid,.categories .active,.add):hover:not(:disabled){background:var(--lf-primary);color:var(--lf-onPrimary);filter:brightness(.92)}
body[data-lf-page=menu] :is(.product p,.product-bottom>span,.fine-print,.empty,.promotion-count){color:var(--lf-muted)}
body[data-lf-page=menu] .product{background:var(--lf-card);padding:16px;border:1px solid var(--lf-border);border-radius:14px}
body[data-lf-page=menu] :is(.product-title>b,.cart-item,.total){color:var(--lf-text)}
body[data-lf-page=menu] .notice{background:var(--lf-notice);color:var(--lf-text);border-left-color:var(--lf-primary)}
body[data-lf-page=menu] :is(input,textarea,.quantity,.product-label,.cart-sheet){background:var(--lf-card);color:var(--lf-text);border-color:var(--lf-border)}
body[data-lf-page=menu] .categories{background:var(--lf-background)}
body[data-lf-page=menu] .promotion-dots span{background:var(--lf-border)}
body[data-lf-page=menu] .promotion-dots [aria-current=true] span{background:var(--lf-primary)}
body[data-lf-page=menu] .search{border-color:var(--lf-border)}
body[data-lf-page=menu] :is(.search input::placeholder,.cart-sheet [data-slot=sheet-description]){color:var(--lf-muted)}

body[data-lf-page=admin] .settings-form{max-width:none}
body[data-lf-page=admin] .settings-form>label,body[data-lf-page=admin] .settings-form>p{max-width:580px}

/* Account toolbar shares the panel's width and horizontal rhythm. */
body[data-lf-page=admin] .account-bar{max-width:1180px;margin:0 auto;padding:18px 5%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;border-bottom:1px solid #e5daca;background:#fffdf6;color:#42201b}
body[data-lf-page=admin] .account-bar::before{content:'LF';display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#862633;color:#fff9e9;font-family:Ramo,Arial,sans-serif;font-size:19px}
body[data-lf-page=admin] .account-bar>span{min-width:0;font-size:14px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
body[data-lf-page=admin] .account-bar>span::before{content:'CUENTA ADMINISTRADORA';display:block;margin-bottom:2px;font-size:10px;font-weight:600;letter-spacing:.12em;color:#80685b}
body[data-lf-page=admin] .account-bar>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 15px;border:1px solid #e1d4c5;border-radius:10px;background:transparent;color:#70574c;font-size:13px;line-height:1.4;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s}
body[data-lf-page=admin] .account-bar>button::before{content:'↪';font-size:20px;line-height:1}
body[data-lf-page=admin] .account-bar>button:hover:not(:disabled){background:#f4ecd9;border-color:#c8b6a3;color:#42201b}
body[data-lf-page=admin] .account-bar>button:focus-visible{outline:3px solid #862633;outline-offset:3px}
body[data-lf-page=admin] .account-bar>p[role=alert]{grid-column:1/-1;margin:0;font-size:14px;color:#852719}
@media(max-width:520px){body[data-lf-page=admin] .account-bar{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:14px 5%}body[data-lf-page=admin] .account-bar::before{width:36px;height:36px;border-radius:10px;font-size:17px}body[data-lf-page=admin] .account-bar>span{font-size:12px}body[data-lf-page=admin] .account-bar>span::before{content:'ADMINISTRACIÓN';font-size:9px;letter-spacing:.08em}body[data-lf-page=admin] .account-bar>button{font-size:12px;padding:9px 10px;min-height:44px}}