/* Comanda di prova — stessa pelle di BorgoConti (crema, rosso, schede morbide) */
.bc{--bg:#F3EEE6;--card:#FBF8F3;--ink:#1D1B19;--mute:#7A736B;--red:#B42318;--red-soft:#F6DEDA;--line:#E6DFD4;
  position:relative;height:100%;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);
  font:500 var(--bc-fs,13.5px)/1.35 "Inter Tight",system-ui,sans-serif;letter-spacing:-.005em;color-scheme:light;text-align:left;overflow:hidden}
.bc button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bc :focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:8px}
.bc-top{display:flex;align-items:center;gap:.9em;padding:.9em 1.15em .9em;background:var(--bg);border-bottom:1px solid var(--line)}
.bc-back{font-size:1.6em;line-height:1;color:var(--mute)}
.bc-title{flex:1;min-width:0}
.bc-title b{display:block;font-size:1.3em;font-weight:700;letter-spacing:-.02em}
.bc-title small{color:var(--mute);font-size:.86em}
.bc-link{color:var(--red);font-weight:600;padding:.5em .2em}
.bc-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:.9em 1.15em 1.4em;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.bc-card{background:var(--card);border-radius:1em;padding:.8em 1em;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.bc-row{display:flex;align-items:center;justify-content:space-between;gap:1em}
.bc-step{display:flex;align-items:center;gap:.55em}
.bc-step button{width:2.35em;height:2.35em;border-radius:.7em;background:#EFE9E0;font-size:1.15em;font-weight:600;display:grid;place-items:center;transition:background-color .2s,transform .15s}
.bc-step button:active{transform:scale(.92)}
.bc-step button:disabled{opacity:.35;cursor:default}
.bc-step output{min-width:1.6em;text-align:center;font-weight:700;font-size:1.15em;font-variant-numeric:tabular-nums}
.bc-label{margin:1.25em 0 .6em;font-weight:700;font-size:.86em;letter-spacing:.06em;text-transform:uppercase;color:#4A4640}
.bc-empty{color:var(--mute);text-align:center;padding:1.1em .5em;border:1.5px dashed var(--line);border-radius:1em;font-size:.95em}
.bc-list{display:grid;gap:.5em}
.bc-item{display:grid;grid-template-columns:auto 1fr auto;gap:.8em;align-items:center;background:var(--card);border-radius:1em;padding:.6em .8em .6em .6em}
.bc-item.is-new{animation:bcNew .7s ease-out}
@keyframes bcNew{from{background:var(--red-soft)}to{background:var(--card)}}
.bc-item .bc-step{gap:.35em}
.bc-item .bc-step button{width:2em;height:2em;font-size:1em}
.bc-item .bc-step output{min-width:1.2em;font-size:1em}
.bc-item b{font-weight:600;display:block;line-height:1.2}
.bc-item small{color:var(--mute);font-size:.8em}
.bc-item .bc-price{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.bc-chips{display:flex;gap:.45em;overflow-x:auto;padding-bottom:.3em;margin:0 -1.15em;padding-inline:1.15em;scrollbar-width:none}
.bc-chips::-webkit-scrollbar{display:none}
.bc-chips button{flex:none;padding:.55em 1em;border-radius:999px;background:var(--card);font-weight:600;font-size:.92em;white-space:nowrap;transition:background-color .2s,color .2s}
.bc-chips button[aria-selected="true"]{background:var(--red);color:#fff}
.bc-menu{display:grid;gap:.45em;margin-top:.7em}
.bc-menu button{width:100%;display:grid;grid-template-columns:1fr auto;gap:.2em .8em;text-align:left;background:var(--card);border-radius:1em;padding:.75em 1em;transition:transform .15s,background-color .3s}
.bc-menu button:active{transform:scale(.985)}
.bc-menu button.is-hit{background:var(--red-soft)}
.bc-menu b{font-weight:700}
.bc-menu .p{color:var(--red);font-weight:700;font-variant-numeric:tabular-nums}
.bc-menu small{grid-column:1/-1;color:var(--mute);font-size:.84em;line-height:1.3}
.bc-toast{position:absolute;left:50%;bottom:9.4em;transform:translate(-50%,1em);opacity:0;background:var(--ink);color:#fff;padding:.55em 1em;border-radius:999px;font-weight:600;font-size:.92em;white-space:nowrap;pointer-events:none;transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1);z-index:4}
.bc-toast.is-on{opacity:1;transform:translate(-50%,0)}
.bc-foot{background:var(--card);border-top:1px solid var(--line);padding:.85em 1.15em calc(1em + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 24px -18px rgba(0,0,0,.25)}
.bc-sum{display:flex;justify-content:space-between;align-items:baseline;gap:.8em}
.bc-sum small{color:var(--mute);font-size:.84em;font-variant-numeric:tabular-nums}
.bc-sum strong{font-size:1.75em;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.bc-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:.6em;margin-top:.7em}
.bc-btn{height:3.3em;border-radius:1em;font-weight:700;background:#EFE9E0;transition:opacity .2s,background-color .2s}
.bc-btn--red{background:var(--red);color:#fff!important}
.bc-btn:disabled{opacity:.4;cursor:default}
.bc-sheet{position:absolute;inset:0;z-index:5;background:rgba(29,27,25,.35);display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .3s}
.bc-sheet.is-open{opacity:1;pointer-events:auto}
.bc-sheet-card{width:100%;background:var(--bg);border-radius:1.6em 1.6em 0 0;padding:1.5em 1.3em calc(1.3em + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .45s cubic-bezier(.16,1,.3,1);max-height:92%;overflow-y:auto;overscroll-behavior:contain}
.bc-sheet.is-open .bc-sheet-card{transform:none}
.bc-sheet h4{font-size:1.35em;font-weight:800;letter-spacing:-.02em}
.bc-sheet-sub{color:var(--mute);margin-top:.3em}
.bc-quote{display:flex;justify-content:center;align-items:center;gap:1.1em;margin:1.3em 0}
.bc-quote button{width:3.1em;height:3.1em;border-radius:1em;background:#fff;font-size:1.3em;font-weight:600}
.bc-quote button:disabled{opacity:.35}
.bc-quote div{text-align:center;min-width:3em}
.bc-quote output{display:block;font-size:2.3em;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.bc-quote small{color:var(--mute)}
.bc-pay{background:var(--red-soft);border-radius:1.1em;padding:1em;text-align:center}
.bc-pay small{color:#6B4A45}
.bc-pay strong{display:block;color:var(--red);font-size:1.9em;font-weight:800;letter-spacing:-.02em;margin-top:.1em;font-variant-numeric:tabular-nums}
.bc-pay p{color:#6B4A45;font-size:.84em;margin-top:.3em}
.bc-receipt{margin:1.1em 0;background:#fff;border-radius:1em;padding:.4em 1em}
.bc-receipt li{display:flex;justify-content:space-between;gap:1em;padding:.5em 0;border-bottom:1px dashed var(--line);font-variant-numeric:tabular-nums}
.bc-receipt li:last-child{border-bottom:0}
.bc-receipt span{color:var(--mute)}
.bc-sheet .bc-actions{margin-top:1em}
.bc-sheet .bc-btn--wide{width:100%;margin-top:1em;background:#fff}