/*
  LIPM CRM – zakazky.css, verze v02 (25. 10. 2026) – PROVOZ_MINIMUM, bod 7 (Zakázky)
  Změna oproti v01: řádek zakázky na Přehledu je klikací (ruka); výběr „Připojit nabídku“
  (n-vyber) se na mobilu nevejde k okraji obrazovky.
  Vzhled obrazovky Zakázky: malá cesta (tečky) v seznamu, velká cesta s klikacími kroky
  na kartě zakázky, řádky objednávek u dodavatelů. Ostatní vzhled se bere z ukoly.css,
  prilezitosti.css a nabidky.css (stejné třídy).
*/

/* ---------- Malá cesta v seznamu ---------- */
.zakazky .z-cesta-mala { display: flex; align-items: center; gap: 8px; margin-top: 4px; flex-wrap: wrap; }
.zakazky .z-tecky { display: inline-flex; gap: 4px; align-items: center; }
.zakazky .z-tecka { width: 9px; height: 9px; border-radius: 50%; background: #E3E7EB; display: inline-block; }
.zakazky .z-tecka.hotovo { background: #00A19A; }
.zakazky .z-tecka.chybi { background: #FFFFFF; box-shadow: 0 0 0 1.5px #CFD6DD inset; }
.zakazky .z-tecka.tady { background: #FFFFFF; box-shadow: 0 0 0 2px #00A19A inset; width: 11px; height: 11px; }
.zakazky .z-tady { font-size: 12px; color: #007A75; font-weight: 600; }
.zakazky .z-tady-ok { color: #1F6F43; }

/* ---------- Velká cesta na kartě ---------- */
.zakazky .z-cesta-obal { margin: 4px 16px 8px; }
.zakazky .z-napoveda { text-transform: none; letter-spacing: 0; font-weight: 400; color: #6B7682; }
.zakazky .z-cesta {
  display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 0; margin-top: 8px; position: relative;
}
.zakazky .z-krok-obal { position: relative; min-width: 0; }
/* spojovací čára mezi kroky */
.zakazky .z-krok-obal + .z-krok-obal::before {
  content: ''; position: absolute; top: 19px; left: -50%; width: 100%; height: 2px; background: #E3E7EB; z-index: 0;
}
.zakazky .z-krok-obal:has(.z-krok.hotovo) + .z-krok-obal::before { background: #00A19A; }
.zakazky .z-krok {
  position: relative; z-index: 1; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 3px;
  background: none; border: 0; padding: 4px 2px 6px; cursor: pointer; font: inherit; color: inherit; border-radius: 8px;
}
.zakazky .z-krok:hover, .zakazky .z-krok:focus-visible { background: #F0FAF9; outline: none; }
.zakazky .z-krok:focus-visible { box-shadow: 0 0 0 2px #00A19A; }
.zakazky .z-krok-tecka {
  width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  background: #FFFFFF; border: 2px solid #CFD6DD; color: #6B7682; font-size: 13px; font-weight: 600;
}
.zakazky .z-krok.hotovo .z-krok-tecka { background: #00A19A; border-color: #00A19A; color: #FFFFFF; }
.zakazky .z-krok.chybi .z-krok-tecka { border-style: dashed; }
.zakazky .z-krok-obal:has(.z-krok.chybi) + .z-krok-obal::before { background: #00A19A; }
.zakazky .z-krok.tady .z-krok-tecka { border-color: #00A19A; color: #007A75; box-shadow: 0 0 0 4px rgba(0, 161, 154, .18); }
.zakazky .z-krok-nazev { font-size: 12px; line-height: 1.25; text-align: center; color: #4F5A66; overflow-wrap: anywhere; }
.zakazky .z-krok.tady .z-krok-nazev { color: #007A75; font-weight: 600; }
.zakazky .z-krok-datum { font-size: 11px; color: #6B7682; font-family: 'JetBrains Mono', monospace; min-height: 14px; }
.zakazky .z-krok.tady .z-krok-datum { color: #007A75; font-family: inherit; }
.zakazky .z-krok-obal .p-menu { top: 100%; left: 0; }

/* ---------- Objednávky u dodavatelů ---------- */
.zakazky .z-obj-radek { grid-template-columns: minmax(0, 1fr) auto; }
.zakazky .z-obj-radek .n-akce { flex-wrap: wrap; justify-content: flex-end; }
.zakazky .z-obj-radek .n-horni b { font-weight: 600; }
.zakazky .z-obj-radek .n-horni .stav { margin-left: 4px; }

/* souhrn „Dodáno X z Y“ na kartě zakázky */
.zakazky .z-souhrn { padding: 8px 16px; font-size: 13px; line-height: 1.5; border-bottom: 1px solid #E3E7EB; background: #FAFBFC; }
.zakazky .z-ok { color: #1F6F43; }
.zakazky .z-varovani { color: #9A5B00; }
.zakazky .z-dodano { padding: 3px 10px; font-size: 13px; }

/* výběr nabídky k zakázce */
.zakazky .z-vyber { min-width: 300px; max-width: min(420px, calc(100vw - 32px)); }

/* Přehled: řádek „Zakázky v běhu“ otevře kartu zakázky */
#modul .cesta-radek { cursor: pointer; }
#modul .cesta-radek:hover { background: #F0FAF9; }

/* ---------- Mobil: cesta pod sebou ---------- */
@media (max-width: 640px) {
  .zakazky .z-cesta { grid-template-columns: 1fr; gap: 2px; }
  .zakazky .z-krok-obal + .z-krok-obal::before { top: -6px; left: 22px; width: 2px; height: 14px; }
  .zakazky .z-krok { flex-direction: row; justify-content: flex-start; gap: 10px; padding: 4px 6px; }
  .zakazky .z-krok-tecka { width: 28px; height: 28px; flex: none; }
  .zakazky .z-krok-nazev { font-size: 14px; text-align: left; flex: 1; }
  .zakazky .z-krok-datum { font-size: 12px; }
  .zakazky .z-vyber { min-width: 0; width: calc(100vw - 52px); }
  /* výběr „Připojit nabídku“ (karta příležitosti i zakázky) nesmí sahat k levému okraji obrazovky */
  .n-vyber { max-width: calc(100vw - 52px); }
}