/* Valach System (VS) v2 — szkenner-munkafelület + mobil-alap (BSC-03, D-VS-239).
   A mobil-elv v1: a SHELL nyíljon meg és a SZKENNELÉS legyen kézezhető — a többi menü
   nem cél (operátori döntés). A gyorsgomb KIZÁRÓLAG keskeny/érintős kijelzőn látszik. */

.vs-scanwork { max-width: 900px; }
.vs-scan-head { display: flex; align-items: center; gap: .6rem; }
.vs-scan-inputbar { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: .6rem 0; }
.vs-scan-input { flex: 1 1 240px; font-size: 1.15rem; padding: .55rem .7rem; }
.vs-scan-qty { display: flex; align-items: center; gap: .3rem; }
.vs-scan-qtyfield { width: 5.2rem; font-size: 1.05rem; padding: .45rem .4rem; text-align: right; }
.vs-scan-qtylabel { opacity: .75; }
.vs-scan-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin: .5rem 0 1rem; }
.vs-scan-chip { font-size: 1.02rem; padding: .55rem .9rem; }
.vs-scan-msg { min-height: 1.3em; margin: .3rem 0; }
.vs-scan-msg[data-kind='ok'] { color: var(--vs-ok); }
.vs-scan-msg[data-kind='warn'] { color: var(--vs-warn); }
.vs-scan-msg[data-kind='err'] { color: var(--vs-bad); }
.vs-scan-table { border-collapse: collapse; width: 100%; margin: .4rem 0 1rem; }
.vs-scan-table th, .vs-scan-table td { border-bottom: 1px solid rgba(128, 128, 128, .25); padding: .35rem .5rem; text-align: left; }
.vs-scan-table .vs-num { text-align: right; font-variant-numeric: tabular-nums; }
.vs-scan-code { font-family: ui-monospace, monospace; font-size: .92em; word-break: break-all; }
.vs-scan-plus { color: var(--vs-ok); font-weight: 600; }
.vs-scan-minus { color: var(--vs-bad); font-weight: 600; }
.vs-scan-foot { display: flex; gap: .6rem; margin: .8rem 0; }
.vs-scan-video { width: 100%; max-width: 480px; border-radius: var(--vs-radius); }
.vs-scan-camhost { margin: .4rem 0; }

/* Mobil gyorsgomb — CSAK keskeny kijelzőn (a „telefon mint szkenner" belépője). */
.vs-scan-quick { display: none; }
@media (max-width: 820px) {
  .vs-scan-quick {
    display: flex; position: fixed; right: 1rem; bottom: 1rem; z-index: 60;
    align-items: center; gap: .45rem; padding: .8rem 1.1rem; border-radius: var(--vs-radius-pill);
    font-size: 1.05rem; font-weight: 600; border: none; cursor: pointer;
    background: var(--vs-accent); color: var(--vs-accent-ink); box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
  }
  /* 2026-08-01 — A „KÉSŐBBI SZELET" MEGÉRKEZETT (operátori lelet: „Mobilos nézetben nincs menü!").
     Itt eddig `.vs-nav { display: none }` állt: a v1-elv szerint a bal nav nem volt cél mobilon, a
     belépő a scan-gyorsgomb. Ez a sor a styles.css mobil-fiókját is kikapcsolta — ez a fájl KÉSŐBB
     töltődik be UGYANAZZAL az erősséggel, tehát ő nyert. A tünet: a gombra a sötétítő megjelent
     (más osztály), a fiók viszont nem — „elszürkül minden".
     A rejtés OKAFOGYOTT: a fiók `position:fixed`, tehát NEM foglal helyet — a tartalom ugyanúgy
     teljes szélességet kap, ahogy a v1-elv kérte, csak most a menü is elérhető. */
  .vs-main { min-height: calc(100vh - 7.5rem); }
  .vs-scanwork { max-width: 100%; }
  .vs-scan-input { font-size: 1.25rem; }
  .vs-scan-chip { flex: 1 1 44%; text-align: center; padding: .9rem .5rem; }
  .vs-scan-foot button { flex: 1 1 auto; padding: .8rem; font-size: 1.05rem; }
}

/* ── GYORS AZONOSÍTÁS (D-VS-585) — a beolvasott sor és a hozzá tartozó, MEGSZOKOTT műveletek.
   A kártya vizuálisan is elkülönül a gyűjtő-munkamenettől: ez nem gyűjt, hanem megnyit. */
/* A NÉV NEM LEHET FOGLALT: a `.vs-scan-quick` a keskeny kijelzős LEBEGŐ szkenner-gomb osztálya
   (fent, `display: none` asztalon). Az első alakom ezt a nevet vette el — a saját blokkom így
   asztalon LÁTHATATLAN lett volna, a gombra pedig ráírt a keretem. A végigkattintás fogta meg,
   forrásból nézve mindkét szabály hibátlan volt (KUKA-018: egy névnek egy otthona). */
.vs-scan-lookup { margin: .5rem 0 1.5rem; padding: .75rem 1rem; border: 1px solid var(--vs-border); border-radius: var(--vs-radius); }
.vs-scan-lookup-row { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: .5rem 0; }
.vs-scan-lookup-row input { flex: 1 1 16rem; min-width: 10rem; }
.vs-scan-lookup-out { margin-top: .5rem; }
.vs-scan-lookup-card { padding: .5rem .75rem; border: 1px solid var(--vs-border); border-radius: var(--vs-radius); margin-top: .5rem; }
.vs-scan-lookup-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .5rem; }