/* Diář makléře – co řešit, poznámkovník, kalendář (Novák 13. 10. 2026) */

.stav-ukladani{margin-left:auto;margin-right:12px;font-size:12px;color:var(--tlumene);
  align-self:center;white-space:nowrap}
.stav-ukladani.bezi{color:var(--pozor)}
.stav-ukladani.chyba{color:var(--chyba);font-weight:600;white-space:normal}

.diar-prehled{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:12px;margin:0 0 14px}
@media (max-width:860px){.diar-prehled{grid-template-columns:1fr}}
.diar-prehled .panel{min-width:0}
.diar-hlava{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.diar-hlava h3{margin:0}
.diar-hlava .popisek{margin:0!important;font-size:12px}
.diar-hlava button{margin-left:auto}

.resit{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.resit li{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:4px 10px;align-items:center;
  padding:9px 6px;border-top:1px solid var(--linka);cursor:pointer;border-radius:8px}
.resit li:first-child{border-top:0}
.resit li:hover{background:var(--fialova-svetla)}
.resit li.prazdno-radek{display:block;cursor:default;color:var(--tlumene);font-size:13px}
.resit li.prazdno-radek:hover{background:none}
.resit .kdy{font-size:12px;color:var(--tlumene)}
.resit .kdy .zpozdeno{color:var(--chyba)}
.resit .co{min-width:0;display:flex;flex-direction:column;font-size:14px}
.resit .co b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resit .co small{font-size:12px;color:var(--tlumene);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resit .co.ukol{flex-direction:row;align-items:flex-start;gap:8px;cursor:pointer}
.resit .co.ukol > span{display:flex;flex-direction:column;min-width:0}
.resit .tel{font-size:13px;font-weight:600;color:var(--fialova);text-decoration:none;white-space:nowrap}
@media (max-width:520px){.resit li{grid-template-columns:1fr auto}.resit .kdy{grid-column:1/-1}}

.diar-psani textarea,#diar-psani{width:100%;box-sizing:border-box;resize:vertical;min-height:84px;
  font:inherit;font-size:15px;line-height:1.45}
.diar-volby{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.diar-volby select{max-width:240px;min-width:0;flex:1 1 160px}
.diar-volby .popisek{margin:0!important;font-size:12px;flex:1 1 auto}
.diar-volby .hlavni{margin-left:auto}

.diar-tok{margin-top:14px;border-top:1px solid var(--linka);padding-top:10px}
.diar-tok summary{cursor:pointer;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--tlumene);font-weight:700}
.diar-tok input[type=search]{width:100%;box-sizing:border-box;margin:10px 0 4px}
#diar-tok{max-height:420px;overflow:auto;padding-right:2px}
.zapis-toku{padding:9px 0;border-top:1px solid var(--linka)}
.zapis-toku:first-child{border-top:0}
.zapis-toku.hotovo .zapis-text{opacity:.55;text-decoration:line-through}
.zapis-hlava{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--tlumene)}
.zapis-hlava i{font-style:normal}
.zapis-text{white-space:pre-wrap;word-break:break-word;font-size:14px;margin-top:3px;cursor:text;
  border-radius:6px;padding:2px 4px;margin-left:-4px}
.zapis-text:hover{background:var(--podklad)}
.zapis-text textarea{width:100%;box-sizing:border-box;font:inherit}
.stitek{font:inherit;font-size:12px;padding:1px 8px;border-radius:99px;border:1px solid var(--linka);
  background:var(--fialova-svetla);color:var(--text);cursor:pointer;display:inline-flex;gap:4px;align-items:center}
.stitek.ukol{background:transparent}
button.odkaz{background:none;border:0;padding:0;color:var(--tlumene);text-decoration:underline;
  cursor:pointer;font:inherit;font-size:12px}
.zapis-hlava button.odkaz{margin-left:auto}
#hlaska button{margin-left:8px}

/* kalendář */
.kal-lista{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:4px 0 12px}
.kal-tyden{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.kal-tyden b{margin-left:8px}
.kal-mrizka{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:16px}
@media (max-width:900px){.kal-mrizka{grid-template-columns:1fr}}
.kal-den{background:var(--papir);border:1px solid var(--linka);border-radius:12px;padding:6px;
  min-height:150px;display:flex;flex-direction:column;gap:5px;min-width:0}
@media (max-width:900px){.kal-den{min-height:0}}
.kal-den.vikend{background:var(--podklad)}
.kal-den.dnes{border-color:var(--fialova);box-shadow:0 0 0 1px var(--fialova) inset}
.kal-den-hlava{display:flex;gap:6px;align-items:baseline;background:none;border:0;padding:4px 6px;
  text-align:left;cursor:pointer;color:var(--text);border-radius:8px}
.kal-den-hlava:hover{background:var(--fialova-svetla)}
.kal-den-hlava span{font-size:12px;color:var(--tlumene);text-transform:uppercase}
.kal-udalost,.kal-zavolat{display:flex;flex-direction:column;text-align:left;gap:1px;padding:6px 8px;
  border-radius:8px;border:0;cursor:pointer;font:inherit;font-size:12px;min-width:0;
  background:var(--fialova-svetla);color:var(--text);border-left:3px solid var(--fialova)}
.kal-udalost b,.kal-zavolat b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kal-udalost span{color:var(--tlumene);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kal-udalost i,.kal-zavolat i{font-style:normal;color:var(--tlumene)}
.kal-udalost.typ-hovor{border-left-color:var(--pozor)}
.kal-udalost.typ-prohlidka{border-left-color:var(--ok)}
.kal-zavolat{background:transparent;border:1px dashed var(--linka);border-left:3px dashed var(--pozor)}
.kal-google{max-width:760px;margin-bottom:12px}
.kal-google-udalost{display:flex;flex-direction:column;gap:1px;padding:5px 8px;border-radius:8px;
  font-size:12px;min-width:0;background:var(--podklad);border-left:3px solid #4285F4;color:var(--text)}
.kal-google-udalost b{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kal-google-udalost i{font-style:normal;color:var(--tlumene)}
.resit li.z-googlu{cursor:default}
.resit li.z-googlu .co b{font-weight:500}
input.zvyraznit{outline:3px solid var(--fialova);outline-offset:2px}
.kal-odkaz{display:flex;gap:8px}
.kal-odkaz input{flex:1;min-width:0;font-family:ui-monospace,Consolas,monospace;font-size:12px}
.kal-google ol{padding-left:20px}

/* okno schůzky */
.schuzka-okno{max-width:560px;width:calc(100% - 32px);border:1px solid var(--linka);border-radius:16px;
  background:var(--papir);color:var(--text);padding:20px}
.schuzka-okno::backdrop{background:rgba(20,10,30,.45)}
.schuzka-pole{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.schuzka-pole label{display:flex;flex-direction:column;gap:4px;min-width:0}
.schuzka-pole label span{font-size:12px;color:var(--tlumene)}
.schuzka-pole .siroke{grid-column:1/-1}
.schuzka-pole input,.schuzka-pole select,.schuzka-pole textarea{width:100%;box-sizing:border-box}
@media (max-width:520px){.schuzka-pole{grid-template-columns:1fr 1fr}}
.schuzka-okno menu{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:0;margin:14px 0 0}
.schuzka-okno .schuzka-chyba{color:var(--chyba)}
.tlacitko-odkaz{display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;
  border:1px solid var(--linka);color:var(--text);text-decoration:none;margin-right:auto}

/* ---------------------------------------------- okno kontaktu (Novák 13. 10.)
   Dřív byl prostor na práci jen spodní pruh do 40 % výšky s vlastním posuvníkem
   a poznámka se do něj nevešla; zvětšování okna myší rozbíjelo rozložení.
   Teď dva sloupce přes celou výšku: vlevo údaje od nás, vpravo práce makléře. */
/* Novák 13. 10.: „ať zabírá 90 % stránky“ – bez stropu šířky, i na velkém monitoru */
#detail-leadu{width:94vw;max-width:94vw;max-height:94vh;height:94vh}
#detail-leadu .detail-obal{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1.15fr);
  grid-template-rows:auto minmax(0,1fr);height:94vh;max-height:94vh;resize:none;overflow:hidden;min-height:0}
#detail-leadu .detail-hlava{grid-column:1/-1}
#detail-leadu #detail-obsah{grid-column:1;grid-row:2;min-height:0;overflow:auto}
#detail-leadu .detail-pata{grid-column:2;grid-row:2;min-height:0;max-height:none;overflow:auto;
  display:flex;flex-direction:column;gap:14px;border-top:0;border-left:1px solid var(--linka);padding:18px 22px}
#detail-leadu .detail-pata > *{flex:0 0 auto;width:100%;box-sizing:border-box}
/* karty v levém sloupci neměly vnitřní okraj – text narážel na rámeček (David 13. 10.) */
#detail-leadu #detail-obsah .karta{padding:22px 26px;box-sizing:border-box}
#detail-leadu #detail-obsah .karta h3{margin:0 0 12px}
#detail-leadu #detail-obsah .udaje > div{padding:8px 0;gap:24px}
#detail-leadu .detail-spojeni{flex-direction:row;flex-wrap:wrap}
#detail-leadu .detail-spojeni a{flex:1 1 150px}
#detail-leadu .detail-volby{grid-template-columns:repeat(2,minmax(0,1fr))}
#detail-leadu .detail-volby label{display:flex;flex-direction:column;gap:5px}
#detail-leadu .detail-volby label > span{font-size:12px;font-weight:600;color:var(--tlumene)}
#detail-leadu .detail-volby .dalsi-kontakt{grid-column:1/-1}
#detail-leadu .detail-volby textarea{min-height:240px;font-size:15px;line-height:1.5}
@media (max-width:860px){
  #detail-leadu,#detail-leadu .detail-obal{height:auto;max-height:92vh}
  #detail-leadu .detail-obal{display:flex;flex-direction:column;overflow:auto}
  #detail-leadu #detail-obsah,#detail-leadu .detail-pata{overflow:visible;flex:0 0 auto}
  #detail-leadu .detail-pata{order:-1;border-left:0;border-bottom:1px solid var(--linka);padding:16px}
  #detail-leadu .detail-volby{grid-template-columns:1fr}
  #detail-leadu .detail-volby textarea{min-height:180px}
}

/* jedno pole „Další kontakt“: datum + čas + druh */
.dalsi-kontakt-pole{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.1fr);gap:6px}
.dalsi-kontakt-pole input,.dalsi-kontakt-pole select{min-width:0;width:100%}
.moje .dalsi-kontakt{grid-column:span 2}
@media (max-width:640px){.moje .dalsi-kontakt{grid-column:1/-1}}
.karta textarea{min-height:110px}

/* skryté kontakty */
#seznam .karta.skryta{display:none}
#seznam.ukaz-skryte .karta.skryta{display:block;opacity:.7;padding-top:6px;padding-bottom:6px}
#seznam.ukaz-skryte .karta.skryta > :not(.karta-hlava){display:none}
#seznam.ukaz-skryte .karta.skryta .karta-hlava{margin:0}
.karta-hlava .skryt-tlacitko{margin-left:8px;padding:3px 10px;font-size:12px;opacity:.75}
.karta-hlava .skryt-tlacitko:hover{opacity:1}
:root[data-hustota="kompaktni"] #seznam .karta-hlava .skryt-tlacitko{display:none}
.skryte-lista{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}
.skryte-lista[hidden]{display:none}

/* interní poznámky v okně kontaktu */
.diar-detail{border:1px solid var(--linka);border-radius:12px;padding:14px 16px;background:var(--papir)}
.diar-detail .diar-hlava{margin-bottom:4px}
.diar-detail textarea{width:100%;box-sizing:border-box;font:inherit}
.diar-detail .popisek{margin:0 0 8px}
.detail-schuzky{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.diar-detail-tok{margin-top:6px}