/* ============================================================================
   13c-zamowienia-rejestr-menu.css — ZAMÓWIENIA: menu „⋮” wiersza, okno „Wybierz projekt”, „Zmień stan”, ikony (wzór 19.10.2026)
   ----------------------------------------------------------------------------
   Wzór: PROJEKT-OKIEN\artefakt\zam_czesc.txt (.z-wp-*, .z-ed) i _szablon.html (.ui-mn, .ui-ik). Tokeny wzoru → programu:
   pow = surface, linia = line, linia-2 = line-soft, ramka = line-strong, tusz = text, tusz-2 = text-muted, tusz-3 = text-faint, ak = accent,
   ak-tlo = accent-soft, uw = warn-strong, bl = danger, h-k = h-control, r-s = r-sm, t-1 = t-xs, t-2 = t-sm, t-3 = t-base, t-4 = t-md.
   ============================================================================ */

/* ikony wzoru, których program nie miał: przyjęcie dostawy (skrzynka ze strzałką) i notatka (Zmień stan) */
.icon-zr-przyjmij { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13l2-8h12l2 8v6H4z'/%3E%3Cpath d='M4 13h5l1 2h4l1-2h5M12 3v7M9 7l3 3 3-3'/%3E%3C/svg%3E"); }
.icon-zr-notatka { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h10l4 4v14H5z'/%3E%3Cpath d='M15 3v4h4M8 12h8M8 16h5'/%3E%3C/svg%3E"); }

/* --- menu „⋮” wiersza (wzór .ui-mn) -------------------------------------------------------------------------------------------------- */
.zr-mn { position: fixed; z-index: var(--z-menu-nad-trescia); min-width: 220px; max-width: 320px; max-height: calc(100dvh - 24px); overflow: auto; padding: var(--s-2); border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); box-shadow: var(--cien-2); }
.zr-mn .tyt { padding: var(--s-2) var(--s-3) var(--s-1); color: var(--text-faint); font-size: var(--t-xs); font-weight: var(--w-strong); }
.zr-mn-tytul { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zr-mn-poz { display: flex; align-items: center; gap: var(--s-2); width: 100%; min-height: var(--h-control); padding: 0 var(--s-3); border: 0; border-radius: var(--r-sm); background: transparent; color: var(--text); font: inherit; font-size: var(--t-base); text-align: left; text-decoration: none; cursor: pointer; }
.zr-mn-poz:hover { background: var(--surface-3); }
.zr-mn-poz.bl { color: var(--danger); }
.zr-mn-poz:disabled { color: var(--text-faint); cursor: not-allowed; }
.zr-mn-dok { margin-top: var(--s-1); padding-top: var(--s-1); border-top: 1px solid var(--line); }
.zr-mn-wartosci { padding: 0 var(--s-3) var(--s-1); }
.zr-mn-pusto { margin: 0; padding: var(--s-2) var(--s-3); color: var(--text-faint); font-size: var(--t-sm); }
.zr-mn.dol { top: auto; right: var(--s-2); bottom: var(--s-2); left: var(--s-2); max-width: none; }

/* --- „Zmień stan” (wiersz Magazyn): formularz pod wierszem (wzór .z-ed) ---------------------------------------------------------------- */
.zr-ed { display: grid; grid-template-columns: 140px 140px minmax(0, 1fr) auto; align-items: end; gap: var(--s-3); padding: var(--s-3) var(--s-4) var(--s-4); border-bottom: 1px solid var(--line-soft); background: var(--accent-soft); }
.zr-ed label { display: flex; flex-direction: column; gap: var(--s-1); color: var(--text-muted); font-size: var(--t-xs); font-weight: var(--w-bold); }
.zr .zr-ed input:not([type="checkbox"]):not([type="radio"]) { height: var(--h-control); padding: 0 var(--s-2); border: 1px solid var(--line-strong); border-radius: var(--r-sm); background: var(--surface); color: var(--text); font: inherit; font-size: var(--t-md); }
.zr-ed-ak { display: flex; gap: var(--s-2); }
@media (max-width: 1180px) { .zr-ed { grid-template-columns: 1fr 1fr; } .zr-ed .dl, .zr-ed-ak { grid-column: 1 / -1; } }
.zr .zr-ed input:disabled { background: var(--surface-3); color: var(--text-faint); cursor: not-allowed; font-size: var(--t-base); }

/* --- okno „Wybierz projekt” (wzór .z-wp-*) ---------------------------------------------------------------------------------------------- */
.modal.zr-wp-okno { --okno-w: 860px; }
.zr-wp { gap: var(--s-3); align-content: start; }
.zr-wp-pod { margin: 0; }
.zr-wp-g { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-3); }
.zr-wp .zr-pole { display: flex; flex: 1 1 260px; align-items: center; gap: var(--s-2); height: var(--h-control); padding: 0 var(--s-3); border: 1px solid var(--line-strong); border-radius: var(--r); background: var(--surface); color: var(--text-faint); }
.zr-wp .zr-pole input:not([type="checkbox"]):not([type="radio"]) { align-self: stretch; width: 100%; min-height: 0; margin: -1px 0; padding: 0; border: 0; outline: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--text); font: inherit; font-size: var(--t-base); }
.zr-wp-so { display: flex; align-items: center; gap: var(--s-2); color: var(--text-faint); font-size: var(--t-sm); }
.zr-wp .ui-seg { display: inline-grid; grid-auto-flow: column; gap: 3px; padding: 3px; border-radius: var(--r); background: var(--surface-3); }
.zr-wp .ui-seg button { height: var(--h-control); padding: 0 var(--s-3); border: 0; border-radius: var(--r-sm); background: transparent; color: var(--text-muted); font: inherit; font-size: var(--t-sm); font-weight: var(--w-bold); cursor: pointer; }
.zr-wp .ui-seg button[aria-pressed="true"] { background: var(--surface); color: var(--text); box-shadow: var(--cien-1); }
.zr-wp-l { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--line); border-radius: var(--r); }
.zr-wp-w { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, .9fr) minmax(0, .9fr) minmax(0, 1fr); align-items: center; gap: var(--s-1) var(--s-3); min-height: 56px; padding: var(--s-2) var(--s-3); border: 0; border-top: 1px solid var(--line-soft); background: var(--surface); color: var(--text); font: inherit; font-size: var(--t-base); text-align: left; cursor: pointer; }
.zr-wp-w:first-child { border-top: 0; }
.zr-wp-w:hover { background: var(--surface-2); }
.zr-wp-w[aria-selected="true"] { background: var(--accent-soft); }
.zr-wp-w:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.zr-wp-n { display: flex; flex-direction: column; min-width: 0; }
.zr-wp-n > span { overflow: hidden; color: var(--text-muted); font-size: var(--t-sm); text-overflow: ellipsis; white-space: nowrap; }
.zr-wp .nr { color: var(--accent); font-weight: var(--w-strong); white-space: nowrap; }
.zr-wp-w.pusty .zr-wp-n .nr { color: var(--text-muted); }
.zr-wp-e { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; }
.zr-wp-e small, .zr-wp-i small { color: var(--text-faint); font-size: var(--t-xs); }
.zr-wp-i { display: flex; flex-direction: column; color: var(--text-muted); font-size: var(--t-sm); }
.zr-wp-i b { color: var(--text); font-size: var(--t-base); }
.zr-wp-0 { color: var(--text-faint); }
.zr-wp-z { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-1); min-width: 0; }
.zr-wp-s { grid-template-columns: minmax(0, 1.5fr) minmax(0, 2.8fr); background: var(--surface-2); }
.zr-ter { display: inline-flex; align-items: center; gap: var(--s-2); color: var(--text-muted); font-size: var(--t-sm); font-weight: var(--w-bold); white-space: nowrap; }
.zr-ter i { flex-shrink: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--text-faint); }
.zr-ter.bl { color: var(--danger); }
.zr-ter.bl i { background: var(--danger); }
.zr-ter.uw { color: var(--warn-strong); }
.zr-ter.uw i { background: var(--warn-strong); }
.zr-wp .zr-c { display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 var(--s-2); border-radius: var(--r-sm); background: var(--surface-3); color: var(--text-muted); font-size: var(--t-xs); font-weight: var(--w-bold); white-space: nowrap; }
.zr-wp .zr-c i { width: 6px; height: 6px; border-radius: 2px; }