/* css/ui/sheet.css */
.sheet-row { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; }

.sheet-input { width: 110px; background: var(--card-2); border: 1px solid var(--border); border-radius: 4px; padding: 13px; text-align: center; color: var(--txt); font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; }

.sheet-input:focus { outline: none; border-color: var(--blue); box-shadow: var(--focus-ring); }

.sheet-unit { font-size: var(--text-emphasis); color: var(--txt-2); }

.sheet-preview { color: var(--blue-2); font-size: var(--text-body); font-variant-numeric: tabular-nums; margin-bottom: 18px; }

.sheet-btns { display: flex; gap: 10px; }

/* Crudo / cocido: cómo pesó el cliente el alimento (solo en los que aplica). */
.sheet-cook { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:-4px 0 14px; }
.sheet-cook-lbl { font-size:var(--text-meta); color:var(--txt-3); font-weight:600; }
.sheet-cook .seg { display:flex; gap:6px; }
.sheet-cook .seg button { min-width:84px; padding:8px 12px; }
.food-cook { display:inline-block; margin-left:8px; font-size:10px; font-weight:600; color:var(--txt-3); border:1px solid var(--gize-border);
    border-radius:var(--gize-radius-pill); padding:1px 7px; vertical-align:2px; letter-spacing:.02em; }

/* Unidades: − 2 unidades de 120 g + (ver sheet.js) */
.sheet-units { display:flex; align-items:center; gap:10px; margin:-4px 0 12px; }
.sheet-step { width:40px; height:40px; flex:none; border-radius:999px; border:1px solid var(--border); background:var(--card-2);
  color:var(--txt); font-size:22px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.sheet-step:active { border-color:var(--blue); }
.sheet-units-txt { flex:1; text-align:center; font-size:var(--text-body); color:var(--txt-2); font-variant-numeric:tabular-nums; }