/* Pošta — úpravy ukážky v HUB-e na mieru Lemonsai (Martin 6. 10. 2026: „presne ako ukážka“).
   posta-hub.css je CSS ukážky bez zmien (len ohraničené na #po-hub). Sem patrí LEN to, bez čoho to v adminovi
   nejde: celá plocha namiesto plávajúceho okna, ikony z /dizajn/ikony.svg namiesto webfontu Tabler, panely, ktoré
   ukážka nemá (sumár, kontakty partnerov, panel klienta), a sivé „pripravujeme“. */

/* celá plocha: Pošta prekryje menu Kalendára aj príkazový riadok (späť cez „‹ Kalendár“ v hornom páse) */
body.posta-cela{overflow:hidden}
body.posta-cela #po-hub{position:fixed;left:0;right:0;bottom:0;top:var(--api-off,0px);z-index:60;height:auto;min-height:0}
#po-hub{display:block;padding:0;min-height:0;height:100%;align-items:stretch;justify-content:stretch}
#po-hub .wrap{width:100%;height:100%;border-radius:0;box-shadow:none;position:relative}
#po-hub .wrap-inner{position:relative;min-height:0}

/* premenné starých panelov Pošty (sumár, kontakty partnerov, panel klienta) = premenné ukážky */
#po-hub{--po-blue:var(--blue);--po-blue-lt:var(--blue-lt);--po-blue-dk:var(--blue-dk);--po-green:var(--green);--po-green-lt:var(--green-lt);
  --po-orange:var(--orange);--po-orange-lt:var(--orange-lt);--po-red:var(--red);--po-red-lt:var(--red-lt);--po-purple:var(--purple);
  --po-purple-lt:var(--purple-lt);--po-s1:var(--s1);--po-s2:var(--s2);--po-s3:var(--s3);--po-t1:var(--t1);--po-t2:var(--t2);
  --po-t3:var(--t3);--po-t4:var(--t4);--po-bd:var(--bd);--po-fp1:#F0F7FF;color:var(--t1)}
#po-hub.dark{--po-fp1:#1A3A5C}
#po-hub button{font-family:inherit}

/* ikony: tie isté miesta ako <i class="ti ti-…"> v ukážke, kreslené z našej sady (bez načítania z internetu) */
#po-hub i.ti{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;font-style:normal;line-height:1;flex-shrink:0}
#po-hub i.ti svg{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#po-hub .sbi-ic i.ti{color:#fff}
#po-hub .po-logo-l{color:#fff;font-weight:900;font-size:18px;position:relative}
#po-hub .po-logo-l::after{content:'';position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--green)}

/* „pripravujeme“: miesto z ukážky ostáva, ale je sivé a nič nesľubuje */
#po-hub .po-pripravujeme{opacity:.45;cursor:not-allowed}
#po-hub .po-pripravujeme:hover{background:none}

/* zoznam */
#po-hub .lmeta{gap:8px}
#po-hub .po-lmeta-r{display:flex;align-items:center;gap:8px}
#po-hub .po-ibt{background:none;border:0;padding:2px;color:var(--t3);cursor:pointer;display:flex}
#po-hub .po-ibt i.ti{font-size:15px}
#po-hub .po-linkbtn{border:0;background:none;color:var(--blue);font-size:12px;font-weight:600;cursor:pointer;padding:2px}
#po-hub .po-linkbtn:disabled{color:var(--t4);cursor:default}
#po-hub .po-filter{display:flex;gap:6px;flex-wrap:wrap;padding:8px 15px;border-bottom:.5px solid var(--bd)}
#po-hub .po-zoz-info{font-size:12.5px;color:var(--t3);padding:16px 15px;margin:0}
#po-hub .po-ei-schr{font-size:10.5px;color:var(--t4);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#po-hub .po-strany{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px;font-size:12px;color:var(--t3)}
#po-hub .tp:disabled{opacity:.45;cursor:default}
#po-hub .po-sb-info{font-size:12px;color:var(--t3);padding:2px 14px 6px;margin:0}
#po-hub .po-sb-info.chyba,#po-hub .po-chyba{color:var(--red)}
#po-hub .ei-from{max-width:none}

/* detail */
#po-hub .po-spat-m{display:none}
#po-hub .db:disabled{opacity:.45;cursor:default}
#po-hub .po-att-ik{font-size:9px;font-weight:800;color:var(--blue);letter-spacing:.02em}
#po-hub .rbox textarea.rbod{display:block;width:100%;border:0;outline:none;resize:vertical;font:inherit;font-size:13px;min-height:160px;color:var(--t2)}
#po-hub .po-rbod-info{min-height:0;color:var(--t3)}
#po-hub .po-nakontrolu{padding:10px 14px;font-size:12.5px;color:var(--t2);background:var(--orange-lt);border-bottom:.5px solid var(--bd)}
#po-hub .po-nakontrolu ul{margin:4px 0 0 18px;padding:0}
#po-hub .rfoo .po-sub{font-size:11.5px;color:var(--t3)}
#po-hub .po-sub{color:var(--t3);font-size:12px}
#po-hub .po-klient{border:.5px solid var(--bd);border-radius:var(--r);padding:10px 14px;margin-bottom:12px;font-size:12.5px;background:var(--s2)}
#po-hub .po-klient-hl{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
#po-hub .po-klient-r{display:flex;gap:12px;padding:2px 0}
#po-hub .po-klient-r>span:first-child{min-width:140px}
#po-hub .po-klient .tp{margin-top:8px;display:inline-flex;align-items:center;gap:5px}
#po-hub .po-klient-tel{color:var(--blue);text-decoration:none;font-weight:600}
#po-hub .hist-scroll .po-zoz-info{padding:16px}

/* panely bez obdoby v ukážke: sumár dňa (AI Digest) a kontakty partnerov — miesto zoznamu aj detailu */
#po-hub .po-pane{flex:1;overflow-y:auto;padding:18px 22px 28px;min-width:0;background:var(--s1)}
#po-hub .wrap.po-pane-on .list,#po-hub .wrap.po-pane-on .detail{display:none}
#po-hub .hide{display:none!important}

/* telefón — doplnok k mobilným pravidlám ukážky */
@media(max-width:768px){
  body.posta-cela #po-hub{top:var(--api-off,0px);height:auto;min-height:0}
  #po-hub .wrap{height:100%}
  #po-hub .wrap-inner{flex:1;overflow:hidden}
  #po-hub .list,#po-hub .detail,#po-hub .po-pane{flex:1;min-height:0}
  #po-hub .list .elist{overflow-y:auto}
  #po-hub .po-spat-m{display:flex}
  #po-hub .stat-bar-right{margin-left:0;padding:4px 10px}
  #po-hub .sb.mob-open{overflow-y:auto}
  #po-hub .mob-tab{min-height:44px}
  #po-hub .ei{min-height:64px}
  #po-hub .db{min-height:36px}
  #po-hub .po-klient-r{flex-direction:column;gap:0}
  #po-hub .po-klient-r>span:first-child{min-width:0}
}

/* ľavý stĺpec: v ukážke sa zmestí do okna 730 px; na nižšej obrazovke sa posúva, päta ostáva dole */
#po-hub .sb{overflow-y:auto;overflow-x:hidden}
#po-hub .sbi-txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* história naprieč schránkami (6. 10. 2026): z ktorej schránky je správa */
#po-hub .hist-mb{font-size:10px;padding:1px 6px;border-radius:10px;background:var(--s2);color:var(--t3);font-weight:500;white-space:nowrap}
#po-hub .po-hist-kde{padding:8px 16px 0;margin:0;font-size:11px;color:var(--t3)}
/* HTML e-mailu v izolovanom rámci (K-0900 a) */
#po-hub .po-html-lista{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 6px}
#po-hub .po-html-ram{width:100%;height:70vh;min-height:420px;border:.5px solid var(--bd);border-radius:10px;background:#fff;margin-bottom:18px}
/* Kampane (K-0568) */
#po-hub .po-pod{border:.5px solid var(--po-bd);border-radius:14px;background:var(--po-s1);padding:14px 16px;margin:0 0 14px}
#po-hub .po-pod h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 8px;font-size:15px}
#po-hub .po-pod-text{white-space:pre-wrap;font-size:12.5px;background:var(--po-s2);border-radius:10px;padding:10px 12px;margin:10px 0 0;color:var(--po-t2)}
#po-hub .po-form{display:flex;flex-direction:column;gap:12px}
#po-hub .po-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--po-t2)}
#po-hub .po-form input,#po-hub .po-form textarea{min-height:40px;border:.5px solid var(--po-bd);background:var(--po-s2);color:var(--po-t1);font-size:14px}
#po-hub .po-form input{border-radius:10px;padding:8px 12px}
@media(max-width:760px){#po-hub .po-form input,#po-hub .po-form textarea{font-size:16px;min-height:44px}}
#po-hub .po-pod .po-odp-tl{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
#po-hub .po-pod .po-btn,#po-hub .po-form .po-btn{display:inline-flex;align-items:center;min-height:34px;padding:6px 14px;border-radius:18px;border:.5px solid var(--po-bd);background:var(--po-s1);color:var(--po-t1);font:inherit;font-size:13px;cursor:pointer}
#po-hub .po-pod .po-btn.hl,#po-hub .po-form .po-btn.hl{background:var(--blue);border-color:var(--blue);color:#fff}
@media(max-width:760px){#po-hub .po-pod .po-btn,#po-hub .po-form .po-btn{min-height:44px}}
/* K-1015: tlačidlo Nahlásiť (#pd-fab, z-index 35) sa schovávalo pod celoplošnú Poštu (z-index 60) */
body.posta-cela #pd-fab{z-index:80;right:20px;bottom:20px}
@media(max-width:760px){body.posta-cela #pd-fab{bottom:84px;right:12px}}   /* nad dolnou lištou Pošty */
body.posta-cela #pd-overlay{z-index:90}