/* Stock count sheet. Tokens only; reuses .dish-section, .list, .result. */

.count-bar{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);align-items:center;padding:10px 14px;
  margin-bottom:var(--sp-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);
  font-size:var(--fs-sm);color:var(--ink-2);position:sticky;top:0;z-index:3}
.count-bar b{color:var(--ink)}
.count-bar .hint{margin-left:auto}

.count-group{margin-bottom:var(--sp-3)}
.count-head,.count-row{display:grid;grid-template-columns:minmax(0,1.4fr) 170px 110px 110px;
  gap:var(--sp-3);align-items:center}
.count-head{font-size:var(--fs-xs);font-weight:700;color:var(--muted);padding-bottom:6px;
  border-bottom:1px solid var(--line)}
.count-head .r,.count-row .r{text-align:right}
.count-row{padding:8px 0;border-bottom:1px solid var(--line)}
.count-row:last-child{border-bottom:none}
.cr-name{font-weight:700;font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-input{display:flex;align-items:center;gap:6px}
.cr-input input{width:110px}
.cr-unit{font-size:var(--fs-xs);color:var(--muted)}
.cr-expected{font-size:var(--fs-sm);color:var(--ink-2);font-variant-numeric:tabular-nums}
.cr-diff{font-size:var(--fs-sm);font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted)}
.cr-diff.bad{color:var(--brick)}
.cr-diff.good{color:var(--mint)}
.cr-reason{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);
  font-size:var(--fs-xs);color:var(--muted)}
.cr-reason select{max-width:220px}
.count-losses{margin:var(--sp-2) 0 0;padding:0;list-style:none;font-size:var(--fs-sm)}
.count-losses li{display:flex;justify-content:space-between;gap:var(--sp-3);padding:4px 0;
  border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.count-losses li:last-child{border-bottom:none}

@media (max-width:700px){
  .count-head{display:none}
  .count-row{grid-template-columns:minmax(0,1fr) 130px;grid-template-areas:"name input" "exp diff";row-gap:4px}
  .count-row .cr-name{grid-area:name}
  .count-row .cr-input{grid-area:input;justify-content:flex-end}
  .count-row .cr-expected{grid-area:exp;text-align:left;font-size:var(--fs-xs);color:var(--muted)}
  .count-row .cr-diff{grid-area:diff}
  .cr-reason{justify-content:space-between}
  .count-bar{font-size:var(--fs-xs);gap:4px var(--sp-3)}
  .count-bar .hint{margin-left:0;flex-basis:100%}
}