/* Mingle – „Standolás” (feature/standolas; web/js/view_stand.js). Csak a meglévő tokenek (web/style.css v7 H3-S2). */

.stand-view { max-width: 980px; gap: var(--space-3); }
.stand-actions { display: flex; flex-direction: column; gap: var(--space-2); }
.stand-open, .stand-head { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-3) var(--space-4);
  background: var(--surface); border-radius: var(--radius-lg, 8px); }
.stand-open-title { margin: 0; color: var(--text); font-size: var(--text-md); font-weight: 700; }
.stand-open .hint, .stand-head .hint { margin: 0; }

/* előző standok */
.stand-history { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.stand-history-row {
  width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-height: 44px; padding: 10px var(--space-4);
  background: none; border: 0; border-bottom: 1px solid var(--border); color: var(--text); text-align: left; font: inherit; cursor: pointer;
}
.stand-history-name { font-weight: 600; }
.stand-history-row .hint { margin: 0; }
.stand-diff.is-short { color: var(--err); }

/* számolás */
.stand-count { display: flex; flex-direction: column; gap: var(--space-3); }
.stand-locs { flex-wrap: wrap; }
.stand-rows { list-style: none; margin: 0; padding: 0; }
.stand-row {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--space-3); padding: 10px var(--space-2);
  border-bottom: 1px solid var(--border);
}
.stand-row-info { flex: 1 1 160px; display: flex; flex-direction: column; min-width: 0; }
.stand-row-info .hint { margin: 0; }
/* üvegméret nélküli űrmértékes tétel: figyelmeztető szín (a szöveg mondja meg, mi a teendő) */
.stand-row-info .stand-nosize { color: var(--warn); font-weight: 600; }
.stand-row-name { color: var(--text); font-weight: 600; }
.stand-row-entry { flex: 1 1 260px; display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.stand-row-entry .hint { margin: 0; }
.stand-full, .stand-cl { width: 72px; min-width: 0; }
.stand-tenths { width: auto; min-width: 104px; }
.stand-row .field-error { flex: 1 1 100%; margin: 0; }
.stand-row-sum { flex: 1 1 100%; }
.stand-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-2); }

/* riport */
.stand-report { display: flex; flex-direction: column; gap: var(--space-3); }
.stand-totals { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px var(--space-3); margin: 0; }
.stand-totals dt { color: var(--ink2, var(--muted)); }
.stand-totals dd { margin: 0; text-align: right; color: var(--num, var(--text)); }
.stand-table-wrap { max-width: 100%; overflow-x: auto; }
.stand-table { border-collapse: collapse; width: 100%; font-size: var(--text-sm); }
.stand-table th, .stand-table td { padding: 6px 8px; border-bottom: 1px solid var(--border); text-align: right; white-space: nowrap; }
.stand-table th:first-child, .stand-table td.stand-name { text-align: left; white-space: normal; min-width: 120px; }
.stand-table tr.is-err td.stand-diff { color: var(--err); font-weight: 600; }
.stand-table tr.is-warn td.stand-diff { color: var(--amb, var(--warn)); font-weight: 600; }
.stand-table tr.is-err td:first-child { box-shadow: inset 3px 0 0 var(--err); }
.stand-table tr.is-warn td:first-child { box-shadow: inset 3px 0 0 var(--amb-b, var(--warn)); }
.stand-table tr.is-none td { color: var(--muted); }
.stand-waste { margin: 0; padding-left: var(--space-4); }

@media print {
  .stand-view .no-print, .stand-view .seg { display: none !important; }
  .stand-view, .stand-report { max-width: none; color: #000; background: #fff; }
  .stand-head { background: none; padding: 0; }
  .stand-table-wrap { overflow: visible; }
  .stand-table { font-size: 9pt; }
  .stand-table th, .stand-table td { color: #000 !important; border-bottom: 0.5pt solid #000; padding: 2pt 3pt; box-shadow: none !important; }
  .stand-totals dt, .stand-totals dd { color: #000 !important; }
}

/* bontott üveg képpel: kép + függőleges csúszka (egy kézzel: a csúszka jobb oldalt, a hüvelykujj alatt) */
.stand-bottle-btn { min-height: 44px; }
.bottle-sheet .sheet-body { display: flex; flex-direction: column; gap: var(--space-3); }
.bottle-row { display: flex; align-items: stretch; justify-content: center; gap: var(--space-4); }
.bottle-stage { height: min(52vh, 420px); aspect-ratio: auto; display: flex; justify-content: center; cursor: pointer; touch-action: manipulation; }
.bottle-svg { height: 100%; width: auto; max-width: 60vw; display: block; }
.bottle-glass { fill: var(--surface-2); }
.bottle-outline { fill: none; stroke: var(--border-strong); stroke-width: 2; }
.bottle-liquid { fill: var(--accent); opacity: .55; }
.bottle-liquid-photo { opacity: .28; }
.bottle-guide { stroke: var(--muted); stroke-width: 1; stroke-dasharray: 4 4; vector-effect: non-scaling-stroke; }
.bottle-level { stroke: var(--accent); stroke-width: 3; vector-effect: non-scaling-stroke; }
.bottle-slider {
  writing-mode: vertical-lr; direction: rtl;
  width: 56px; height: min(52vh, 420px); margin: 0; accent-color: var(--accent); touch-action: none; cursor: pointer;
}
.bottle-readout { display: flex; align-items: baseline; justify-content: center; gap: var(--space-3); }
.bottle-cl { font-family: var(--font-num); font-weight: 700; font-size: var(--text-2xl); color: var(--text); }
.bottle-tenths { color: var(--muted); }
.bottle-steps { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); }
.bottle-step { min-height: 56px; font-size: var(--text-lg); }