/* ══════════════════════════════════════════════════════════════════
   Vzhled AdZONE (jako centrála adzone.online/JOBS) — VZHLED=adzone
   Načítá se JEN se zapnutým přepínačem, až za styly z base.html, takže
   bez něj se nemění vůbec nic. Soubor je stejný v Domesticu, Borderu a AP.
   ══════════════════════════════════════════════════════════════════ */
body.vz-adzone {
  --az-navy: #26416b;
  --az-navy-2: #1d3456;
  --az-navy-line: rgba(255,255,255,.18);
  --az-tab-active: #dfe6f0;
  --az-ink: #1f2937;
  --az-muted: #6b7280;
  --az-line: #e3e8ef;
  --az-bg: #f4f6fa;
  --az-accent: #2f6fd6;

  /* proměnné původního vzhledu → paleta AdZONE (většina šablon jede přes ně) */
  --black: var(--az-navy);
  --dark: var(--az-ink);
  --text: var(--az-ink);
  --text-mid: var(--az-muted);
  --text-light: #9aa3b2;
  --off-white: var(--az-bg);
  --border: var(--az-line);
  --border-light: #edf0f5;
  --accent: var(--az-accent);
  --accent-light: #e6eefb;
  --accent-hover: var(--az-navy);
  --r: 10px;
  --r-sm: 10px;
  --r-xs: 8px;
  --stav-cervena: #e5484d;
  --stav-oranzova: #f59e0b;
  --stav-vyroba: #8b5cf6;
  --stav-zelena: #22a06b;
  --stav-faktura: #2f6fd6;
  --stav-stornovana: #9ca3af;

  background: var(--az-bg);
  color: var(--az-ink);
  font-size: 14px;
}
body.vz-adzone, body.vz-adzone * { font-family: "Outfit", system-ui, -apple-system, sans-serif; }
body.vz-adzone .bi, body.vz-adzone [class^="bi-"], body.vz-adzone [class*=" bi-"] { font-family: bootstrap-icons !important; }
body.vz-adzone a { color: var(--az-accent); }

/* kresba v pozadí vpravo dole (jako centrála) */
body.vz-adzone::before { content: ""; position: fixed; right: 0; bottom: 0; z-index: 0; pointer-events: none;
  width: min(55vw, 900px); aspect-ratio: 1300 / 1021;
  background: url("pozadi.png") no-repeat right bottom / contain; opacity: .35; }
body.vz-adzone main, body.vz-adzone .container-main { position: relative; z-index: 1; }
@media (max-width: 760px) { body.vz-adzone::before { width: 90vw; opacity: .2; } }

/* ── horní lišta ─────────────────────────────────────────────────── */
.az-lista { background: var(--az-navy); color: #fff; position: relative; z-index: 1000; }
.az-lista::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: repeating-linear-gradient(115deg, transparent 0 22px, rgba(255,255,255,.025) 22px 23px); }
@media (min-width: 761px) {
  .az-lista { position: sticky; top: 0; box-shadow: 0 2px 10px rgba(15,25,50,.18); }
}
.az-lista-in { display: flex; align-items: stretch; gap: 18px; padding: 0 20px; min-height: 88px; position: relative; }
.az-logo { display: flex; align-items: center; text-decoration: none !important; flex-shrink: 0; }
.az-logo img { height: 38px; width: auto; display: block; }
.az-logo small { display: block; font-size: 16px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #a9b8cf; margin: 10px 0 0 12px;
  padding-left: 12px; border-left: 1px solid var(--az-navy-line); align-self: center; line-height: 20px; }
.az-kopie { align-self: center; font-size: 11px; font-weight: 700; letter-spacing: .06em; color: #3b2a00;
  background: #ffd166; border-radius: 6px; padding: 4px 9px; white-space: nowrap; }
.az-taby { display: flex; align-items: stretch; margin-left: auto; overflow-x: auto; scrollbar-width: none; }
.az-taby::-webkit-scrollbar { display: none; }
.az-lista a.az-tab { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
  min-width: 92px; padding: 10px 12px; color: #fff; border-left: 1px solid var(--az-navy-line);
  text-decoration: none !important; font-size: 14px; white-space: nowrap; }
.az-lista a.az-tab:last-child { border-right: 1px solid var(--az-navy-line); }
.az-tab i { font-size: 28px; line-height: 1; color: #e3e9f2; }
.az-lista a.az-tab:hover { background: rgba(255,255,255,.08); }
.az-lista a.az-tab.active { background: var(--az-tab-active); color: var(--az-navy); }
.az-tab.active i { color: var(--az-navy); }
.az-ikona { position: relative; display: inline-flex; }
.az-odznak, .az-ikona .doklad-bubble, .az-ikona .doc-bubble { position: absolute; top: -6px; right: -12px; min-width: 20px; height: 20px; padding: 0 5px;
  border-radius: 10px; background: #e5484d; color: #fff; font-size: 11.5px; font-weight: 700;
  line-height: 20px; text-align: center; box-shadow: 0 0 0 2px var(--az-navy); display: inline-block; }
.az-tab.active .az-odznak, .az-tab.active .doklad-bubble, .az-tab.active .doc-bubble { box-shadow: 0 0 0 2px var(--az-tab-active); }

.az-sub { background: var(--az-navy-2); color: #cfd8e6; font-size: 13px; position: relative; }
.az-sub-in { display: flex; align-items: center; gap: 12px; padding: 6px 20px; min-height: 44px; }
.az-spacer { flex: 1; }
.az-systemy { display: flex; gap: 8px; flex-wrap: wrap; }
.az-lista a.az-sys { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px;
  border: 1px solid rgba(255,255,255,.35); border-radius: 6px; color: #e9eef5;
  text-decoration: none; font-size: 13px; white-space: nowrap; }
.az-lista a.az-sys:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.6); color: #fff; }
.az-lista a.az-sys.on { background: #e9eef5; color: var(--az-navy); border-color: #e9eef5; font-weight: 600; }
.az-sys i { font-size: 12px; }
.az-lista a.az-sublink { color: #dbe3ef; font-size: 13px; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.az-lista a.az-sublink:hover, .az-lista a.az-sublink.on { color: #fff; }
.az-lista a.az-sublink.on { font-weight: 600; }
.az-role { font-size: 10px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase;
  background: rgba(255,255,255,.14); color: #e9eef5; border-radius: 10px; padding: 1px 7px; }
.az-avatar { width: 22px; height: 22px; border-radius: 50%; background: #fff; }
.az-lista .dropdown-menu { z-index: 1100; font-size: 14px; }
.az-lista .dropdown-menu a, .az-lista .dropdown-menu button { color: var(--az-ink); }
.az-ai { display: flex; align-items: center; gap: 6px; margin: 0; background: rgba(255,255,255,.1);
  border: 1px solid var(--az-navy-line); border-radius: 6px; padding: 3px 10px; }
.az-ai i { color: #ffd166; }
.az-ai input { background: transparent; border: 0; outline: 0; color: #fff; font-size: 13px; width: 230px; transition: width .2s; }
.az-ai input:focus { width: 320px; }
.az-ai input::placeholder { color: #a9b8cf; }
.az-sipky { display: flex; align-items: center; }
.az-sipky:empty { display: none; }
.az-sipky .nav-arrows { gap: 6px; }
.az-sipky .nav-arrow { width: 32px; height: 32px; font-size: 16px; background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.35); color: #fff; box-shadow: none; }
.az-sipky .nav-arrow:hover { background: #fff; border-color: #fff; color: var(--az-navy); transform: none; box-shadow: none; }
.az-sipky .nav-arrow.is-off, .az-sipky .nav-arrow.is-off:hover { background: transparent; border-color: rgba(255,255,255,.15);
  color: rgba(255,255,255,.3); }

@media (max-width: 760px) {
  .az-lista-in { flex-direction: column; min-height: 0; padding: 10px 12px 0; gap: 8px; }
  .az-taby { margin-left: 0; }
  .az-lista a.az-tab { min-width: 76px; font-size: 12px; } .az-tab i { font-size: 22px; }
  .az-logo img { height: 30px; }
  .az-sub-in { flex-wrap: wrap; padding: 6px 12px; } .az-spacer { display: none; }
  .az-systemy { display: none; }
  .az-ai input, .az-ai input:focus { width: 150px; }
}

/* ── obsah ───────────────────────────────────────────────────────── */
body.vz-adzone .container-main { max-width: 1500px; padding-top: 6px; }
body.vz-adzone .page-heading-wrap { padding: 16px 0 14px; }
body.vz-adzone .page-title { font-size: 26px; font-weight: 600; letter-spacing: 0; color: var(--az-ink); }
body.vz-adzone .page-subtitle { font-size: 14px; margin-bottom: 14px; }
body.vz-adzone .job-head .page-title { font-size: clamp(20px, 2.2vw, 26px); }
body.vz-adzone h1, body.vz-adzone h2, body.vz-adzone h3, body.vz-adzone h4, body.vz-adzone h5 { color: var(--az-ink); }
body.vz-adzone .card-custom h5, body.vz-adzone .card-custom h6 { color: var(--az-navy); }
body.vz-adzone .card-custom, body.vz-adzone .table-card { border-radius: 10px; border-color: var(--az-line); box-shadow: none; }
body.vz-adzone .card-custom { padding: 18px 20px; }
body.vz-adzone .table-card thead th, body.vz-adzone table thead th {
  font-size: 11px; letter-spacing: .05em; color: var(--az-muted); background: #fafbfd; }
body.vz-adzone .table-card thead th { padding: 10px 14px; border-bottom: 2px solid var(--az-line); }
body.vz-adzone .table-card tbody td { padding: 10px 14px; font-size: 14px; border-top-color: var(--az-line); }
body.vz-adzone .table-card tbody tr:hover, body.vz-adzone .table-card tbody tr:hover td { background: #f8fafd; }
body.vz-adzone .prehled-freeze { background: var(--az-bg); top: calc(var(--topbar-h, 132px) - 1px); }
body.vz-adzone .stat-card { border-radius: 10px; }
body.vz-adzone .stat-number { font-weight: 600; }
body.vz-adzone .form-label { color: var(--az-muted); }
body.vz-adzone .form-control:focus, body.vz-adzone .form-select:focus { border-color: #9fb2cf; box-shadow: 0 0 0 3px rgba(38,65,107,.12); }

/* tlačítka v barvě AdZONE */
body.vz-adzone .btn { border-radius: 8px; }
body.vz-adzone .btn-primary { --bs-btn-bg: var(--az-navy); --bs-btn-border-color: var(--az-navy);
  --bs-btn-hover-bg: var(--az-navy-2); --bs-btn-hover-border-color: var(--az-navy-2);
  --bs-btn-active-bg: var(--az-navy-2); --bs-btn-active-border-color: var(--az-navy-2);
  background: var(--az-navy); border-color: var(--az-navy); }
body.vz-adzone .btn-primary:hover { background: var(--az-navy-2); border-color: var(--az-navy-2); }
body.vz-adzone .btn-outline-primary { --bs-btn-color: var(--az-navy); --bs-btn-border-color: #9fb2cf;
  --bs-btn-hover-bg: var(--az-navy); --bs-btn-hover-border-color: var(--az-navy);
  --bs-btn-active-bg: var(--az-navy); --bs-btn-active-border-color: var(--az-navy); }
body.vz-adzone .btn-add, body.vz-adzone .search-combo .sc-act { background: var(--az-navy); border-color: var(--az-navy); }
body.vz-adzone .btn-add:hover, body.vz-adzone .search-combo .sc-act:hover { background: var(--az-navy-2); border-color: var(--az-navy-2); }

/* limetkové prvky původního vzhledu → navy */
body.vz-adzone .search-combo { border-radius: 8px; }
body.vz-adzone .search-combo .sc-plus, body.vz-adzone .btn-plus,
body.vz-adzone .search-combo .sc-toggle.on, body.vz-adzone .nav-arrow {
  background: var(--az-navy); border-color: var(--az-navy); color: #fff; box-shadow: none; }
body.vz-adzone .search-combo .sc-plus:hover, body.vz-adzone .btn-plus:hover,
body.vz-adzone .search-combo .sc-toggle.on:hover, body.vz-adzone .nav-arrow:hover {
  background: var(--az-navy-2); border-color: var(--az-navy-2); color: #fff; box-shadow: none; }
body.vz-adzone .search-combo .sc-plus, body.vz-adzone .search-combo .sc-act,
body.vz-adzone .search-combo .sc-toggle { border-radius: 6px; }
body.vz-adzone .nav-pills-custom a:hover { background: var(--accent-light); border-color: #9fb2cf; }
body.vz-adzone .doklad-circle, body.vz-adzone .doc-circle { background: var(--az-navy); }
body.vz-adzone .doklad-circle:hover, body.vz-adzone .doc-circle:hover { background: var(--az-navy-2); }
body.vz-adzone [style*="d1f260"], body.vz-adzone [style*="D1F260"],
body.vz-adzone [style*="c2e64a"], body.vz-adzone [style*="c3e956"] {
  background-color: var(--az-navy) !important; border-color: var(--az-navy) !important; color: #fff !important; }

/* role (Administrace, profil) */
body.vz-adzone .role-badge { border-radius: 10px; }
body.vz-adzone .role-client { background: var(--accent-light); color: var(--az-navy); }

/* odkaz Ochrana soukromí vpravo dole — ať nepřekrývá kresbu */
body.vz-adzone > a[href$="privacy"], body.vz-adzone > a[href*="privacy"] { background: rgba(255,255,255,.85) !important; }

/* přihlášení: navy pozadí jako centrála */
body.vz-adzone.vz-login { background: var(--az-navy); }
body.vz-adzone.vz-login::before { opacity: .6; }
body.vz-adzone.vz-login .az-login-logo { display: block; margin: 0 auto 18px; height: 44px; }

/* tmavá tlačítka a černé plochy původního vzhledu → navy */
body.vz-adzone .btn-dark { --bs-btn-bg: var(--az-navy); --bs-btn-border-color: var(--az-navy);
  --bs-btn-hover-bg: var(--az-navy-2); --bs-btn-hover-border-color: var(--az-navy-2);
  --bs-btn-active-bg: var(--az-navy-2); --bs-btn-active-border-color: var(--az-navy-2); }
body.vz-adzone [style*="background: #111"], body.vz-adzone [style*="background:#111"],
body.vz-adzone [style*="background: #1a1a1a"], body.vz-adzone [style*="background:#1a1a1a"] {
  background: var(--az-navy) !important; border-color: var(--az-navy) !important; }

/* název systému vedle loga — větší (Martin 12. 10. 2026) */
.az-logo small { line-height: 24px; }
@media (max-width: 760px) { .az-logo small { font-size: 13px; } }

/* mobil: hledání v přehledu se zalomí místo přetékání */
@media (max-width: 900px) {
  .search-combo { display: flex; flex-wrap: wrap; max-width: 100%; border-radius: 22px; padding: 5px 5px 5px 12px; }
  .search-combo input[type="text"] { width: auto; flex: 1 1 140px; min-width: 0; }
  main .d-flex.flex-wrap > .d-flex { flex-wrap: wrap; max-width: 100%; min-width: 0; }
}

/* Otočený iPhone Duo / menší tablet (761–1100 px): lišta s ikonami jako na počítači,
   jen zmenšená, aby se vešla do jednoho řádku. Hamburger až pod 760 px (Martin 25. 10. 2026). */
@media (min-width: 761px) and (max-width: 1100px) {
  .az-lista-in { gap: 10px; padding: 0 12px; min-height: 68px; }
  .az-logo img { height: 30px; }
  .az-logo small { font-size: 12px; letter-spacing: 1px; margin-left: 8px; padding-left: 8px; }
  .az-taby { margin-left: auto; }
  .az-lista a.az-tab { min-width: 60px; padding: 6px 6px; gap: 4px; font-size: 11px; }
  .az-tab i { font-size: 21px; }
  .az-odznak, .az-ikona .doklad-bubble, .az-ikona .doc-bubble { right: -10px; min-width: 18px; height: 18px; line-height: 18px; font-size: 10.5px; }
  .az-sub-in { flex-wrap: wrap; gap: 8px 10px; padding: 5px 12px; }
  .az-lista a.az-sys { padding: 3px 8px; font-size: 12px; }
  .az-ai input { width: 150px; } .az-ai input:focus { width: 200px; }
}

/* Přehled zakázek na otočeném iPhonu Duo / menším tabletu (761–1100 px, Martin 25. 10. 2026):
   dlaždice se stavy v jedné řadě a menší, menší odsazení nadpisu. Na nízkém displeji
   (do 800 px výšky) se horní část přehledu nepřimrazí, ať je vidět seznam zakázek. */
@media (min-width: 761px) and (max-width: 1100px) {
  body.vz-adzone .page-heading-wrap, body.vz-adzone .prehled-freeze .page-heading-wrap { padding: 6px 0 8px; }
  body.vz-adzone .page-title { font-size: 22px; margin-bottom: 0; }
  body.vz-adzone .prehled-freeze .page-subtitle { display: none; }
  body.vz-adzone .prehled-freeze { padding-bottom: 8px; }
  body.vz-adzone .stats-row { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 6px; margin-bottom: 12px; }
  body.vz-adzone .stat-card { padding: 6px 8px; gap: 7px; }
  body.vz-adzone .stat-card:hover { transform: none; }
  body.vz-adzone .stat-dot { width: 11px; height: 11px; box-shadow: none; }
  body.vz-adzone .stat-number { font-size: 17px; }
  body.vz-adzone .stat-label { font-size: 9px; letter-spacing: .2px; margin-top: 2px; line-height: 1.15; }
  body.vz-adzone .stat-sum .sum-value { font-size: 15px; }
}
@media (min-width: 761px) and (max-width: 1100px) and (max-height: 800px) {
  body.vz-adzone .prehled-freeze { position: static; }
  body.vz-adzone .prehled-freeze::after { display: none; }
}