:root{--o:#3d4423;--o2:#5b6435;--c:#f6f3ea;--g:#b89b5e;--t:#22241a}*{box-sizing:border-box}body{margin:0;font-family:Georgia,serif;background:var(--c);color:var(--t)}
header{background:var(--o);color:#fff;padding:14px 16px;position:sticky;top:0;z-index:5}header h1{margin:0;font-size:20px;letter-spacing:1px}header small{color:var(--g)}
.demo{background:var(--g);color:#fff;text-align:center;font:12px sans-serif;padding:4px}main{padding:12px;max-width:1100px;margin:auto}
.card{background:#fff;border:1px solid #e3ddc9;border-radius:10px;padding:12px;margin:8px 0}h2{color:var(--o);font-size:17px;border-bottom:1px solid var(--g);padding-bottom:4px}
button{background:var(--o);color:#fff;border:0;border-radius:8px;padding:10px 14px;font:15px sans-serif;cursor:pointer}button.sec{background:#fff;color:var(--o);border:1px solid var(--o)}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.price{color:var(--o2);font:600 14px sans-serif}img.f{width:64px;height:64px;object-fit:cover;border-radius:8px}
.bar{position:fixed;bottom:0;left:0;right:0;background:var(--o);color:#fff;padding:12px;display:flex;gap:8px;justify-content:space-between;align-items:center}
input,select,textarea{font:15px sans-serif;padding:8px;border:1px solid #ccc;border-radius:6px;width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.st-nuevo{border-left:6px solid #b0412e}.st-preparando{border-left:6px solid var(--g)}.st-listo{border-left:6px solid var(--o2)}.st-entregado{opacity:.6}
.tag{font:12px sans-serif;background:var(--c);border-radius:20px;padding:2px 8px}.hide{display:none}.big{font-size:28px;color:var(--o)}
@media print{header,.demo,.np{display:none}.qr{break-inside:avoid}}