/* APLIKACE_PUSH: okno Aplikace a oznámení, pruh na telefonu, úpravy pro aplikaci na ploše */
.hlavicka-akce{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}

.aplikace-okno{max-width:560px}
.aplikace-obsah{padding:22px 24px 24px}
.aplikace-hlava{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}
.aplikace-hlava h2{font-size:20px;letter-spacing:-.4px}
.aplikace-krok{border:1px solid var(--linka);border-radius:14px;padding:14px 16px;margin-top:14px;background:var(--papir)}
.aplikace-krok h3{font-size:15px;margin-bottom:6px}
.aplikace-krok .hlavni{margin-top:10px}
.aplikace-postup{margin:4px 0 6px;padding-left:20px}
.aplikace-postup li{margin:3px 0}
.aplikace-seznam{margin:2px 0 8px;padding-left:18px}
.aplikace-seznam li{margin:3px 0}
.aplikace-tlacitka{display:flex;gap:8px;flex-wrap:wrap}
.aplikace-ok{color:var(--ok);font-weight:600;margin:4px 0}
.aplikace-pozor{color:var(--pozor);margin:4px 0}
.aplikace-adresa{color:var(--fialova)}
.drobne-vlevo{font-size:12px;color:var(--tlumene);margin:10px 0 0}

.aplikace-pruh{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:10px 10px 10px 14px;
  border-radius:12px;background:var(--fialova-svetla);border:1px solid color-mix(in srgb, var(--fialova) 25%, transparent);
  font-size:14px;line-height:1.4}
.aplikace-pruh span{flex:1}
.aplikace-pruh .hlavni{white-space:nowrap}
.aplikace-zavrit{border:0;background:none;font-size:22px;line-height:1;padding:4px 8px;color:var(--tlumene)}

/* Telefon: hlavička nemá zabrat půl obrazovky, tlačítka se vejdou na prst. */
@media (max-width:620px){
  .hlavicka{padding:12px 0 10px}
  .hlavicka-obsah{padding:0 14px;flex-wrap:wrap}
  .hlavicka h1{font-size:19px}
  .hlavicka-akce{width:100%;justify-content:flex-start}
  .hlavicka-akce button{padding:7px 12px;font-size:14px}
  main{padding:14px 12px 48px}
  .aplikace-obsah{padding:18px 16px 20px}
  #detail-leadu{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}
  /* datum se do třetiny řádku nevešlo („21.10.20…“) – datum zvlášť, čas a druh pod ním */
  .dalsi-kontakt-pole{grid-template-columns:1fr 1fr}
  .dalsi-kontakt-pole input[type=date]{grid-column:1/-1}
}

/* Zápis po hovoru: list zespodu, tlačítka na palec */
.po-hovoru{max-width:520px;margin:auto auto 0;border-radius:18px 18px 0 0;width:100%}
.po-hovoru .aplikace-obsah{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.po-hovoru-volby{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.po-hovoru-volby button{padding:12px 10px;font-weight:600}
.po-hovoru-dalsi{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.po-hovoru-dalsi button{flex:1}
.detail-spojeni a.vizitka{white-space:nowrap}

/* ---------- Rozložení pro telefon a tablet na výšku (aplikace.js přidá třídu do 820 px) ----------
   Nic se neodebírá: horní záložky a tlačítka z hlavičky jsou ve spodní liště a pod „Více“,
   přehled a Co řešit se rozbalí klepnutím, filtry jedním tlačítkem. */
.spodni-lista{display:none}
.rozlozeni-mobil .spodni-lista{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;
  z-index:60;background:var(--papir);border-top:1px solid var(--linka);padding:4px 4px calc(4px + env(safe-area-inset-bottom));
  box-shadow:0 -4px 16px rgba(32,23,43,.06)}
.spodni-lista button{border:0;background:none;border-radius:10px;padding:10px 4px;font-size:13px;font-weight:600;
  color:var(--tlumene);position:relative;display:flex;justify-content:center;align-items:center;gap:4px}
.spodni-lista button.aktivni{color:var(--fialova);background:var(--fialova-svetla)}
.spodni-lista .chat-odznak{position:static}
.rozlozeni-mobil #nav,.rozlozeni-mobil .hlavicka-akce,.rozlozeni-mobil .vzhled-tlacitko{display:none !important}
.rozlozeni-mobil .hlavicka{padding:10px 0 8px}
.rozlozeni-mobil .hlavicka-obsah{padding:0 14px;align-items:center}
.rozlozeni-mobil .hlavicka .znacka-spojuji.maly{margin-bottom:0}
.rozlozeni-mobil .hlavicka h1{font-size:18px;line-height:1.25}
.rozlozeni-mobil #podtitul{font-size:12.5px;margin:0}
.rozlozeni-mobil main{padding:12px 12px calc(84px + env(safe-area-inset-bottom))}
/* bublina živého chatu by zakrývala kontakty – chat je pod „Více“, nepřečtené ukáže odznak u Zpráv */
.rozlozeni-mobil .chat-bublina{display:none !important}
.rozlozeni-mobil .chat-live{bottom:calc(116px + env(safe-area-inset-bottom))}

/* Kontakty: seznam co nejvýš, doporučení a videa pod ním */
.rozlozeni-mobil #s-leady{display:flex;flex-direction:column}
.rozlozeni-mobil #s-leady > *{order:3}
.rozlozeni-mobil #s-leady > #pas-lhuty{order:0}
.rozlozeni-mobil #s-leady > [data-sklada="prehled"],.rozlozeni-mobil #s-leady > #dlazdice{order:1}
.rozlozeni-mobil #s-leady > [data-sklada="resit"],.rozlozeni-mobil #s-leady > #diar-prehled{order:2}
.rozlozeni-mobil #s-leady > #promo,.rozlozeni-mobil #s-leady > .chat-videa{order:5;margin-top:16px}
.mobil-skladaci{display:none}
.rozlozeni-mobil .mobil-skladaci{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 10px;width:100%;
  text-align:left;margin:0 0 8px;padding:10px 14px;border-radius:12px;background:var(--papir)}
.mobil-skladaci b{font-size:14px}
.mobil-skladaci span{grid-column:1;font-size:13px;color:var(--tlumene)}
.mobil-skladaci i{grid-column:2;grid-row:1 / span 2;font-style:normal;font-size:13px;color:var(--fialova);font-weight:600}
.mobil-skladaci.otevreny{border-color:var(--fialova)}
.rozlozeni-mobil .mobil-sbaleno{display:none !important}
.rozlozeni-mobil #dlazdice,.rozlozeni-mobil #diar-prehled{margin-bottom:12px}

/* Filtry: hledání vždy, zbytek po klepnutí na „Filtry a řazení“ */
#filtry-prepinac{display:none}
.rozlozeni-mobil #filtry-prepinac{display:inline-block;white-space:nowrap}
.rozlozeni-mobil .pruh .filtry{display:flex;flex-wrap:wrap;gap:8px}
.rozlozeni-mobil .pruh .filtry #hledat{flex:1 1 160px;min-width:0}
.rozlozeni-mobil .pruh .filtry:not(.filtry-otevrene) > :not(#hledat):not(#filtry-prepinac){display:none !important}
.rozlozeni-mobil .pruh .filtry.filtry-otevrene > *{flex:1 1 100%}
.rozlozeni-mobil .pruh .filtry.filtry-otevrene > #hledat{flex:1 1 160px}
.rozlozeni-mobil .pruh .filtry.filtry-otevrene > #filtry-prepinac{flex:0 0 auto}

/* Kompaktní karta na telefonu: na šířku tabulky se nevejde, proto tři krátké řádky –
   co a kde + stav / majitel a telefon / lhůta a zpráva. Celý kontakt je po klepnutí v okně. */
.rozlozeni-mobil[data-hustota="kompaktni"] #seznam .karta{display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:4px 10px;padding:11px 14px;align-items:center}
.rozlozeni-mobil[data-hustota="kompaktni"] #seznam .karta-hlava{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline}
.rozlozeni-mobil[data-hustota="kompaktni"] #seznam .karta-hlava b{flex:0 1 auto;font-size:15px}
.rozlozeni-mobil[data-hustota="kompaktni"] #seznam .karta-hlava .misto{flex:1 1 0;min-width:0;font-size:13px}
.rozlozeni-mobil[data-hustota="kompaktni"] #seznam .karta-hlava .odsadit{flex:0 0 auto}
.rozlozeni-mobil[data-hustota="kompaktni"] #seznam .od-nas{grid-column:1 / -1;display:flex;gap:12px;flex-wrap:nowrap}
.rozlozeni-mobil[data-hustota="kompaktni"] #seznam .od-nas > div{flex:0 1 auto}
.rozlozeni-mobil[data-hustota="kompaktni"] #seznam .od-nas > div:nth-child(n+3){display:none}
.rozlozeni-mobil[data-hustota="kompaktni"] #seznam .od-nas span,
.rozlozeni-mobil[data-hustota="kompaktni"] #seznam .od-nas a{font-size:14px}
.rozlozeni-mobil[data-hustota="kompaktni"] #seznam .lhuta{grid-column:1;flex:none;width:auto;display:flex;gap:6px;align-items:center}
.rozlozeni-mobil[data-hustota="kompaktni"] #seznam .lhuta > span:not(.znacka){display:none}
.rozlozeni-mobil[data-hustota="kompaktni"] #seznam .chat-na-karte{grid-column:2;grid-row:3;justify-self:end}
.rozlozeni-mobil[data-hustota="kompaktni"] #seznam .chat-na-karte button{padding:5px 10px;font-size:12px}

/* „Více“ */
.vice-seznam{display:grid;gap:6px;margin-top:12px}
.vice-polozka{text-align:left;padding:13px 14px;font-weight:600}
.vice-polozka.aktivni{border-color:var(--fialova);color:var(--fialova)}
.vice-odhlasit{color:var(--tlumene);font-weight:400;margin-top:6px}

/* Otevřeno z plochy jako aplikace: výřez displeje a domovská lišta iPhonu. */
@media (display-mode: standalone){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  main{padding-bottom:calc(48px + env(safe-area-inset-bottom))}
  .zalozky{scrollbar-width:none}
  .zalozky::-webkit-scrollbar{display:none}
}