/* FJN System — D181 „Kody QR w magazynie”: E2-07 set label 100 × 50 (ModD181 etykiety), the window
   „Drukuj etykiety miejsc” on E2-13 (miejsca-druk, miejsca-druk-150) and E2-06 „Odłóż” from the scan
   (odloz-1, odloz-2, odloz-mapa, odloz-ok, blad-*). */

/* E2-07 */
.fjn-stlab__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.fjn-stlab__h { margin: 0 0 8px; font-size: 16px; }
.fjn-stlab__label { display: flex; gap: 16px; max-width: 440px; padding: 20px; background: #fff; border: 1px solid var(--fjn-border); border-radius: 6px; box-shadow: var(--fjn-shadow-1); }
.fjn-stlab__qr { display: inline-flex; flex: none; width: 176px; height: 176px; }
.fjn-stlab__qr svg { width: 100%; height: 100%; }
.fjn-stlab__text { display: flex; flex-direction: column; justify-content: space-between; min-width: 0; flex: 1; }
.fjn-stlab__number { font-size: 19px; }
.fjn-stlab__mid { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.fjn-stlab__k { font-size: 38px; line-height: 1; }
.fjn-stlab__mid small { color: var(--fjn-text-2); margin-right: auto; }
.fjn-stlab__plate { padding: 2px 6px; border: 1.5px solid var(--fjn-text); border-radius: 4px; font-size: 15px; }
.fjn-stlab__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; }
.fjn-stlab__foot img { height: 16px; }
.fjn-stlab__note { margin: 10px 0 0; font-size: 13px; color: var(--fjn-text-2); }
.fjn-stlab__right { display: flex; flex-direction: column; gap: 12px; }
.fjn-stlab__card { padding: 16px; background: var(--fjn-surface); border: 1px solid var(--fjn-border); border-radius: 10px; }
.fjn-stlab__copies { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.fjn-stlab__ctext { display: flex; flex-direction: column; gap: 2px; }
.fjn-stlab__copies small { font-size: 13px; color: var(--fjn-text-2); }
.fjn-stlab__stepper { display: flex; align-items: center; gap: 12px; }
.fjn-stlab__stepper output { min-width: 32px; text-align: center; font-size: 20px; font-weight: 700; }
.fjn-stlab__step { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border: 0; border-radius: 8px; background: var(--fjn-brand-50); color: var(--fjn-text); cursor: pointer; }
.fjn-stlab__step:disabled { opacity: .45; cursor: default; }
.fjn-stlab__h2 { margin: 0 0 12px; font-size: 16px; }
.fjn-stlab__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.fjn-stlab__list span { display: flex; align-items: center; justify-content: center; height: 48px; border: 1px solid var(--fjn-border); border-radius: 6px; font-weight: 700; }
@media (max-width: 1023px) { .fjn-stlab__grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767px) {
  .fjn-stlab__label { padding: 12px; gap: 10px; }
  .fjn-stlab__qr { width: 120px; height: 120px; }
  .fjn-stlab__k { font-size: 30px; }
}

/* E2-13: „Drukuj etykiety miejsc” (K, T in the header on the right; M across the width) */
.fjn-places .fjn-stsets__head { position: relative; }
.fjn-places__print { gap: 8px; }
@media (min-width: 768px) { .fjn-places__print { position: absolute; top: 24px; right: 0; } }
@media (max-width: 767px) { .fjn-places__print { width: 100%; min-height: 52px; } }
/* the window */
.fjn-stpl { width: min(560px, calc(100vw - 32px)); padding: 20px; }
.fjn-stpl__form { display: flex; flex-direction: column; gap: 10px; }
.fjn-stpl__head { display: flex; justify-content: space-between; align-items: center; }
.fjn-stpl__title { margin: 0; font-size: 20px; }
.fjn-stpl__x { display: flex; padding: 6px; border: 0; background: none; cursor: pointer; color: var(--fjn-text); }
.fjn-stpl__opt { display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 10px 16px; border: 1px solid var(--fjn-border); border-radius: 8px; background: var(--fjn-surface); cursor: pointer; }
.fjn-stpl__opt.is-on { border: 2px solid var(--fjn-brand-600); background: var(--fjn-brand-50); }
.fjn-stpl__opt input { width: 20px; height: 20px; margin: 0; accent-color: var(--fjn-brand-600); flex: none; }
.fjn-stpl__opt > span { display: flex; flex-direction: column; gap: 2px; }
.fjn-stpl__opt small { font-size: 12px; color: var(--fjn-text-2); }
.fjn-stpl__field { display: flex; flex-direction: column; gap: 6px; margin: 4px 0 0; padding: 0; border: 0; }
.fjn-stpl__label { padding: 0; font-size: 15px; font-weight: 700; }
.fjn-stpl__sizes { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
.fjn-stpl__sizes .fjn-stpl__label { grid-column: 1 / -1; margin-bottom: 4px; }
.fjn-stpl__rows .fjn-search-select__input { height: 56px; padding-left: 40px; background: var(--fjn-surface) url("../icons/search.759532a4e360.svg") no-repeat left 12px center / 18px; }
.fjn-stpl__preview { display: flex; align-items: center; gap: 14px; padding: 12px; border-radius: 8px; background: var(--fjn-surface-2); }
.fjn-stpl__lab { display: flex; gap: 8px; flex: none; width: 200px; aspect-ratio: 2 / 1; padding: 8px; box-sizing: border-box; background: #fff; border: 1px solid var(--fjn-border); border-radius: 4px; }
.fjn-stpl__lab.is-big { width: 180px; aspect-ratio: 3 / 2; }
.fjn-stpl__qr { display: inline-flex; height: 100%; aspect-ratio: 1; }
.fjn-stpl__qr svg { width: 100%; height: 100%; }
.fjn-stpl__ltext { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.fjn-stpl__ltext > b { font-size: 22px; line-height: 1.1; }
.fjn-stpl__lab.is-big .fjn-stpl__ltext > b { font-size: 18px; }
.fjn-stpl__ltext small { font-size: 7px; margin-top: 6px; color: var(--fjn-text-2); }
.fjn-stpl__lfoot { display: flex; justify-content: space-between; align-items: center; margin-top: auto; font-size: 6px; }
.fjn-stpl__lfoot img { height: 7px; }
.fjn-stpl__sum { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.fjn-stpl__sum b { font-size: 16px; }
.fjn-stpl__sum small { font-size: 12px; color: var(--fjn-text-2); }
.fjn-stpl__foot { display: flex; justify-content: flex-end; gap: 10px; margin-top: 4px; }
.fjn-stpl__foot .fjn-btn { min-height: 56px; gap: 8px; }
@media (max-width: 767px) {
  .fjn-stpl { width: 100%; padding: 16px; }
  .fjn-stpl__sizes { grid-template-columns: minmax(0, 1fr); }
  .fjn-stpl__preview { flex-direction: column; align-items: flex-start; }
  .fjn-stpl__foot .fjn-btn { flex: 1; }
}

/* E2-06 „Odłóż” from the scan */
.fjn-stow__grid2 { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); grid-template-areas: "main side"; gap: 16px; align-items: start; }
.fjn-stow__main { grid-area: main; min-width: 0; }
.fjn-stow__side { grid-area: side; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.fjn-stow { display: flex; flex-direction: column; min-height: calc(100vh - var(--fjn-topbar-h, 64px)); }
.fjn-stow > .fjn-form-footer { margin-top: auto; }
.fjn-stow .fjn-stow__camera { flex: none; height: 520px; min-height: 0; }
.fjn-stow__steps { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
.fjn-stow__step { display: flex; flex-direction: column; gap: 4px; min-height: 88px; padding: 12px 14px; box-sizing: border-box; border: 1px solid var(--fjn-border); border-radius: 8px; background: var(--fjn-surface); color: var(--fjn-text-2); }
.fjn-stow__step small { font-size: 12px; font-weight: 700; letter-spacing: .04em; color: var(--fjn-text-2); }
.fjn-stow__step b { font-size: 15px; color: var(--fjn-text); }
.fjn-stow__step span { font-size: 13px; }
.fjn-stow__step .fjn-stow__q { font-size: 20px; color: var(--fjn-text-2); }
.fjn-stow__step .fjn-stow__addr { font-size: 20px; }
.fjn-stow__step.is-wait { border: 2px solid var(--fjn-brand-600); }
.fjn-stow__step.is-ok { border-color: var(--fjn-success-700); }
.fjn-stow__step.is-ok span { color: var(--fjn-text-2); }
.fjn-stow__step.is-bad { border: 2px solid var(--fjn-danger-700); }
.fjn-stow__step.is-badplace .fjn-stow__addr { color: var(--fjn-danger-700); }
.fjn-stow__error { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 8px; background: var(--fjn-danger-100); color: var(--fjn-danger-700); }
.fjn-stow__error > div { display: flex; flex-direction: column; gap: 4px; }
.fjn-stow__error span { color: var(--fjn-text); font-size: 15px; }
.fjn-stow__maplink { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 0 16px; border: 1px solid var(--fjn-border); border-radius: 8px; background: var(--fjn-surface); font-weight: 700; text-decoration: none; }
.fjn-stow__address { display: flex; flex-direction: column; gap: 6px; }
.fjn-stow__label { margin: 0; font-size: 16px; font-weight: 700; }
.fjn-stow__address .fjn-stput__typed { background: var(--fjn-surface); }
.fjn-stow__address .fjn-stput__typed.is-error { border: 2px solid var(--fjn-danger-700); }
.fjn-stow__hint { font-size: 13px; color: var(--fjn-text-2); }
.fjn-stow__chosen { display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: 8px; background: var(--fjn-success-100); }
.fjn-stow__chosen span { display: flex; flex-direction: column; gap: 2px; }
.fjn-stow__chosen b { font-size: 17px; }
.fjn-stow__chosen small { color: var(--fjn-success-700); font-weight: 700; }
.fjn-stow__done { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 28px 16px; border-radius: 10px; background: var(--fjn-success-100); text-align: center; }
.fjn-stow__done > b { font-size: 22px; }
.fjn-stow__tick { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin-bottom: 8px; border-radius: 50%; background: var(--fjn-success-700); color: #fff; }
.fjn-stow__who { color: var(--fjn-success-700); font-weight: 700; }
.fjn-stow__done small { color: var(--fjn-text-2); font-size: 14px; }
/* the map */
.fjn-stow__map { display: flex; flex-direction: column; gap: 14px; padding: 14px; border: 1px solid var(--fjn-border); border-radius: 10px; background: var(--fjn-surface); }
.fjn-stow__maphead { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: 13px; color: var(--fjn-text-2); }
.fjn-stow__legend { display: flex; gap: 10px; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.fjn-stow__legend li { display: flex; align-items: center; gap: 4px; }
.fjn-stow__legend i { width: 12px; height: 12px; border-radius: 3px; border: 1px solid; }
.fjn-stow__row h3 { display: flex; align-items: baseline; gap: 8px; margin: 0 0 6px; font-size: 16px; }
.fjn-stow__row h3 small { font-size: 13px; font-weight: 400; color: var(--fjn-text-2); }
.fjn-stow__row h3 span { margin-left: auto; font-size: 13px; color: var(--fjn-success-700); }
.fjn-stow__grid { display: grid; grid-template-columns: 44px repeat(var(--cols, 8), minmax(0, 1fr)); gap: 6px; align-items: center; }
.fjn-stow__grid[data-cols="1"] { --cols: 1; } .fjn-stow__grid[data-cols="2"] { --cols: 2; } .fjn-stow__grid[data-cols="3"] { --cols: 3; }
.fjn-stow__grid[data-cols="4"] { --cols: 4; } .fjn-stow__grid[data-cols="5"] { --cols: 5; } .fjn-stow__grid[data-cols="6"] { --cols: 6; }
.fjn-stow__grid[data-cols="7"] { --cols: 7; } .fjn-stow__grid[data-cols="8"] { --cols: 8; } .fjn-stow__grid[data-cols="9"] { --cols: 9; }
.fjn-stow__grid[data-cols="10"] { --cols: 10; } .fjn-stow__grid[data-cols="11"] { --cols: 11; } .fjn-stow__grid[data-cols="12"] { --cols: 12; }
.fjn-stow__col { text-align: center; font-size: 12px; font-weight: 700; color: var(--fjn-text-2); }
.fjn-stow__lv { font: 12px var(--fjn-font-mono); color: var(--fjn-text-2); }
.fjn-stow__rack { font: 700 16px var(--fjn-font-sans, inherit); color: var(--fjn-text); }
.fjn-stow__cell { display: flex; align-items: center; justify-content: center; height: 40px; border-radius: 6px; border: 1px solid; font: 700 13px var(--fjn-font-mono); text-decoration: none; }
.fjn-stow__cell.is-free, .fjn-stow__legend .is-free { background: #E2F2E8; color: #1B6B41; border-color: #1B6B41; }
.fjn-stow__cell.is-half, .fjn-stow__legend .is-half { background: #FDF1DC; color: #8A5300; border-color: #8A5300; }
.fjn-stow__cell.is-full, .fjn-stow__legend .is-full { background: #FBE3E1; color: #B3261E; border-color: #B3261E; }
.fjn-stow__cell.is-off, .fjn-stow__legend .is-off { background: repeating-linear-gradient(135deg, #D8DCE1 0 4px, #fff 4px 8px); color: #6B737D; border-color: #B5BBC3; }
.fjn-stow__cell.is-none { border: 0; }
.fjn-stow__cell.is-on { border: 2px solid var(--fjn-brand-600); box-shadow: 0 0 0 3px var(--fjn-brand-600); }
.fjn-stow__rowpick { display: grid; grid-template-columns: 56px minmax(0, 1fr) 56px; gap: 8px; align-items: stretch; }
.fjn-stow__rowpick > span { display: flex; flex-direction: column; justify-content: center; padding: 6px 12px; border: 1px solid var(--fjn-border); border-radius: 8px; }
.fjn-stow__rowpick small { font-size: 12px; color: var(--fjn-text-2); }
.fjn-stow__arrow { display: flex; align-items: center; justify-content: center; min-height: 56px; border: 1px solid var(--fjn-border); border-radius: 8px; color: var(--fjn-text); }
.fjn-stow__arrow.is-off { opacity: .4; }
.fjn-stow__rows { display: flex; flex-direction: column; gap: 10px; }
.fjn-stow__rowcard { display: flex; align-items: center; gap: 10px; min-height: 76px; padding: 12px 14px; border: 1px solid var(--fjn-border); border-radius: 10px; background: var(--fjn-surface); color: var(--fjn-text); text-decoration: none; }
.fjn-stow__rowcard > span:first-child { display: flex; flex-direction: column; flex: 1; gap: 2px; }
.fjn-stow__rowcard b { font-size: 17px; }
.fjn-stow__rowcard small { font-size: 12px; color: var(--fjn-text-2); }
.fjn-stow__rowcount { display: flex; flex-direction: column; align-items: flex-end; }
.fjn-stow__rowcount b { color: var(--fjn-success-700); }
.fjn-stow__rowcount small { color: #8A5300 !important; }
@media (max-width: 767px) {
  .fjn-stow__grid2 { grid-template-columns: minmax(0, 1fr); grid-template-areas: "side" "main"; }
  .fjn-stow { min-height: calc(100vh - var(--fjn-topbar-h-m) - var(--fjn-bottomnav-h)); }
  .fjn-stow .fjn-stow__camera { height: 300px; }
  .fjn-stow__step { min-height: 76px; padding: 10px 12px; }
  .fjn-stow__grid { grid-template-columns: 28px repeat(var(--cols, 4), minmax(0, 1fr)); }
}

/* D181 dopisek 3: „Odłóż” entries — E2-10 (K, T beside „Nowe przyjęcie”; M two halves above the search) */
.fjn-stsets__stow + .fjn-stsets__newhead { margin-left: 0; }
.fjn-stsets__stow, .fjn-stsets__stow:hover { color: var(--fjn-brand-600); border-color: var(--fjn-brand-600); }
.fjn-stsets__mtop { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.fjn-stsets__mtop.is-two { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.fjn-stsets__mtop .fjn-btn { min-height: 56px; gap: 8px; }
/* E2-11: „Odłóż” (M full width above the tiles; K, T the main action of the footer) */
.fjn-stcard__stow { min-height: 72px; flex-direction: column; gap: 4px; font-size: 17px; }
@media (min-width: 768px) {
  .fjn-stcard__tiles { max-width: 960px; }
  .fjn-stcard__tiles.has-stow { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) { .fjn-stcard__tiles.has-stow .fjn-stcard__stow { grid-column: 1 / -1; } }
.fjn-stcard__wait { color: #8A5300; font-size: 18px; }
/* E2-40 pulpit magazyniera: „Odłóż” beside the scan, „Czeka na odłożenie (N)” */
.fjn-stdash__acts { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.fjn-stdash__stow { display: flex; align-items: center; gap: 14px; min-height: 72px; padding: 12px 20px; border: 1px solid var(--fjn-brand-600); border-radius: 8px; background: var(--fjn-surface); color: var(--fjn-text); text-decoration: none; }
.fjn-stdash__stow > span { display: flex; flex-direction: column; flex: 1; }
.fjn-stdash__stow > span b { font-size: 20px; color: var(--fjn-brand-600); }
.fjn-stdash__stow small { font-size: 14px; font-weight: 400; color: var(--fjn-text-2); }
.fjn-stdash__count { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #FDF1DC; color: #8A5300; }
.fjn-stdash__wait { border: 1px solid var(--fjn-border); border-radius: 10px; background: var(--fjn-surface); }
.fjn-stdash__wait h2 { margin: 0; padding: 14px 16px; font-size: 16px; border-bottom: 1px solid var(--fjn-surface-2); }
.fjn-stdash__wrow { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 0 16px; border-bottom: 1px solid var(--fjn-surface-2); color: var(--fjn-text); text-decoration: none; }
.fjn-stdash__wrow:last-child { border-bottom: 0; }
.fjn-stdash__wrow b { flex: 1; }
.fjn-stdash__wrow small { color: var(--fjn-text-2); font-size: 13px; font-weight: 400; text-transform: none; }
@media (max-width: 767px) { .fjn-stdash__acts { grid-template-columns: minmax(0, 1fr); } }
/* „Menu Magazyn” (K, T beside the side bar; M a sheet) */
.fjn-stmenu { width: 300px; margin: 150px 0 0 240px; padding: 16px 8px; }
.fjn-stmenu__title { margin: 4px 12px 10px; font-size: 12px; letter-spacing: .06em; color: var(--fjn-text-2); }
.fjn-stmenu__list { margin: 0; padding: 0; list-style: none; }
.fjn-stmenu__item { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 0 12px; border-radius: 8px; color: var(--fjn-text); text-decoration: none; font-size: 16px; }
.fjn-stmenu__item:hover, .fjn-stmenu__item.is-on { background: var(--fjn-brand-50); }
.fjn-stmenu__item.is-on span { color: var(--fjn-brand-600); font-weight: 700; }
.fjn-stmenu__item span { flex: 1; font-weight: 500; }
.fjn-stmenu__item small { font-size: 13px; font-weight: 700; color: var(--fjn-text-2); }
@media (max-width: 1279px) { .fjn-stmenu { margin-left: 96px; } }
@media (max-width: 767px) { .fjn-stmenu { width: 100%; margin: auto 0 var(--fjn-bottomnav-h); padding-bottom: 8px; } }
.fjn-stcard__slot .fjn-stcard__wait { font: 700 20px var(--fjn-font); }