/* OLIVO Sistema — capa de marca compartida */
:root{
  --cotton:#EDEAE1; --olive:#3A4630; --olive-soft:#6B7A5E; --line:#DCD5C7;
  --bg:#EDEAE1; --amber:#BC8A2C; --ok:#6FA23C; --err:#A94438; --card:#F5F1E9; --white:#FBF8F2;
  --p:#6FA23C; --c:#4E92D9; --g:#BC8A2C;
  --disp:'Archivo Expanded','Archivo',system-ui,sans-serif;
  --body:'Manrope',system-ui,sans-serif;
  --r:14px; --shadow:0 1px 2px rgba(58,70,48,.06),0 8px 24px rgba(58,70,48,.08);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--olive);font-family:var(--body);font-size:16px;line-height:1.5;min-height:100vh}
h1,h2,h3,.disp{font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-weight:800}
button{font-family:var(--body);cursor:pointer;border:none;background:none;color:inherit}
input,select,textarea{font-family:var(--body);font-size:16px;color:var(--olive);background:var(--white);
  border:1.5px solid var(--line);border-radius:10px;padding:.65rem .85rem;width:100%;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--olive-soft)}
::placeholder{color:#9AA090}

.olivo-mark{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.olivo-rings{display:block}
.olivo-word{font-family:var(--body);font-weight:400;letter-spacing:.55em;text-indent:.55em;font-size:1.15rem;color:var(--olive)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--olive);color:var(--cotton);
  border-radius:999px;padding:.8rem 1.6rem;font-weight:800;font-size:.95rem;letter-spacing:.04em;transition:opacity .15s,transform .1s}
.btn:active{transform:scale(.98)}
.btn:disabled{opacity:.4;pointer-events:none}
.btn.ghost{background:transparent;color:var(--olive);border:1.5px solid var(--olive)}
.btn.amber{background:var(--amber)}
.btn.ok{background:var(--ok)}
.btn.err{background:var(--err)}
.btn.sm{padding:.45rem 1rem;font-size:.82rem}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.chip{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.15rem .6rem;font-size:.72rem;font-weight:800;letter-spacing:.03em}
.macros{display:flex;gap:.35rem;flex-wrap:wrap}
.macros .chip{background:var(--white);border:1px solid var(--line)}
.macros .chip b{font-weight:800}
.macros .mp b{color:var(--p)} .macros .mc b{color:var(--c)} .macros .mg b{color:var(--g)}
.macros .mk{color:var(--olive-soft)}

.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(80px);background:var(--olive);color:var(--cotton);
  padding:.8rem 1.4rem;border-radius:999px;font-weight:700;font-size:.9rem;opacity:0;transition:all .3s;z-index:99;pointer-events:none;
  max-width:90vw;text-align:center;box-shadow:var(--shadow)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.muted{color:var(--olive-soft)} .money{font-variant-numeric:tabular-nums}
.pill-status{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.2rem .65rem}
.st-nueva{background:#E8E2D0;color:var(--olive)} .st-preparando{background:#F3E3C2;color:#7A5A14}
.st-lista{background:#DCEBC9;color:#3F6B14} .st-entregada{background:#DCE7F5;color:#274F7C}
.st-cuenta{background:#F5DFDA;color:#8C3B2E} .st-pagada{background:var(--olive);color:var(--cotton)} .st-cancelada{background:#DDD;color:#666}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}
.pulse{animation:pulse 1.4s infinite}