/* VYGENEROVANÉ skripty/posta-hub-css.py z ukážky Pošty v HUB-e (Posla_Kalendar_mockup.html), 6. 10. 2026.
   Neupravovať ručne — úpravy patria do posta-hub-lemonsai.css. */
#po-hub .mob-bar{display:none;align-items:center;justify-content:space-around;background:var(--s2);border-top:0.5px solid var(--bd);padding:8px 0 max(8px,env(safe-area-inset-bottom));position:sticky;bottom:0;flex-shrink:0}
#po-hub .mob-tab{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px 16px;border-radius:10px;color:var(--t3);background:none;border:none;font-family:inherit;transition:all .15s}
#po-hub .mob-tab.on{color:var(--blue)}
#po-hub .mob-tab i{font-size:22px}
#po-hub .mob-tab span{font-size:10px;font-weight:600}
#po-hub .mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:399}
#po-hub .mob-overlay.show{display:block}
#po-hub .pwa-banner{position:fixed;bottom:env(safe-area-inset-bottom,16px);left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;border-radius:20px;padding:12px 20px;display:none;align-items:center;gap:12px;box-shadow:var(--shadow-lg);z-index:600;max-width:340px;width:calc(100% - 32px)}
#po-hub .pwa-banner.show{display:flex;animation:su .3s}
#po-hub .pwa-banner-t{flex:1;font-size:13px;font-weight:600}
#po-hub .pwa-banner-sub{font-size:11px;opacity:.8}
#po-hub .pwa-install-btn{background:#fff;color:var(--blue);border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;font-family:inherit}
#po-hub,#po-hub *{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}
#po-hub{
  --blue:#007AFF;--blue-lt:#E8F2FF;--blue-dk:#0055CC;
  --green:#34C759;--green-lt:#E5F8EB;
  --orange:#FF9500;--orange-lt:#FFF3E0;
  --red:#FF3B30;--red-lt:#FFECEB;
  --purple:#AF52DE;--purple-lt:#F5EAFF;
  --teal:#5AC8FA;--teal-lt:#E5F6FF;
  --s0:#F2F2F7;--s1:#fff;--s2:#F9F9F9;--s3:#EFEFF4;
  --t1:#000;--t2:#3C3C43;--t3:#8E8E93;--t4:#C7C7CC;
  --bd:#E5E5EA;--bd2:#C7C7CC;
  --r:12px;--rsm:8px;--rlg:18px;
  --shadow:0 2px 12px rgba(0,0,0,.08);
  --shadow-lg:0 12px 40px rgba(0,0,0,.16);
}
#po-hub.dark{
  --s0:#1C1C1E;--s1:#2C2C2E;--s2:#3A3A3C;--s3:#48484A;
  --t1:#fff;--t2:#EBEBEBcc;--t3:#EBEBEB99;--t4:#EBEBEB4D;
  --bd:#38383A;--bd2:#545458;
  --blue-lt:#1A3A5C;--green-lt:#1A3A28;--orange-lt:#3A2800;
  --red-lt:#3A1A18;--purple-lt:#2A1A3A;--teal-lt:#1A2E3A;
}
#po-hub{background:var(--s0);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px;transition:background .3s}
#po-hub .outer{position:relative;width:1180px}
#po-hub .wrap{width:1180px;height:730px;background:var(--s1);border-radius:20px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.18),0 0 0 0.5px rgba(0,0,0,.08);display:flex;flex-direction:column;transition:all .3s}
#po-hub .wrap-inner{display:flex;flex:1;overflow:hidden}
#po-hub .sb{width:220px;min-width:220px;background:var(--s2);border-right:0.5px solid var(--bd);display:flex;flex-direction:column}
#po-hub .sb-top{padding:18px 14px 10px;display:flex;align-items:center;gap:9px}
#po-hub .sb-logo{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#007AFF,#0055CC);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;flex-shrink:0;box-shadow:0 3px 8px rgba(0,122,255,.35)}
#po-hub .sb-name{font-size:15px;font-weight:700;color:var(--t1);flex:1}
#po-hub .ibt{width:28px;height:28px;border-radius:50%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--t3);transition:all .15s}
#po-hub .ibt:hover{background:var(--bd);color:var(--t1)}
#po-hub .ibt i{font-size:16px}
#po-hub .sb-srch{padding:0 11px 10px}
#po-hub .srch-box{display:flex;align-items:center;gap:7px;background:var(--bd);border-radius:11px;padding:7px 11px}
#po-hub .srch-box i{font-size:13px;color:var(--t3)}
#po-hub .srch-box input{border:none;background:none;outline:none;font-size:13px;color:var(--t1);width:100%;font-family:inherit}
#po-hub .srch-box input::placeholder{color:var(--t3)}
#po-hub .sb-sec{padding:2px 0 8px}
#po-hub .lbl{font-size:10.5px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.6px;padding:0 14px 5px}
#po-hub .sbi{display:flex;align-items:center;gap:9px;padding:6px 10px;cursor:pointer;border-radius:10px;margin:1px 5px;transition:background .12s}
#po-hub .sbi:hover{background:rgba(0,0,0,.05)}
#po-hub.dark .sbi:hover{background:rgba(255,255,255,.07)}
#po-hub .sbi.on{background:var(--blue-lt)}
#po-hub .sbi.on .sbi-txt{color:var(--blue);font-weight:600}
#po-hub .sbi-ic{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#po-hub .sbi-ic i{font-size:15px;color:#fff}
#po-hub .sbi-txt{flex:1;font-size:13px;color:var(--t2)}
#po-hub .bdg{font-size:11px;font-weight:600;padding:1px 7px;border-radius:20px;flex-shrink:0}
#po-hub .bdg.red{background:var(--red);color:#fff}
#po-hub .bdg.or{background:var(--orange);color:#fff}
#po-hub .bdg.gr{color:var(--t3)}
#po-hub .sb-foot{margin-top:auto;padding:12px 12px;border-top:0.5px solid var(--bd);display:flex;gap:2px}
#po-hub .sb-fb{flex:1;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:var(--rsm);cursor:pointer;color:var(--t3);background:none;border:none;font-family:inherit;transition:all .15s}
#po-hub .sb-fb:hover{background:var(--bd);color:var(--t1)}
#po-hub .sb-fb i{font-size:17px}
#po-hub .list{width:298px;min-width:298px;border-right:0.5px solid var(--bd);display:flex;flex-direction:column;background:var(--s1)}
#po-hub .lhdr{padding:14px 15px 0}
#po-hub .ltitle{font-size:22px;font-weight:800;color:var(--t1);margin-bottom:10px;letter-spacing:-.3px}
#po-hub .seg{display:flex;background:var(--s0);border-radius:10px;padding:3px;margin-bottom:8px;gap:2px}
#po-hub .st{flex:1;text-align:center;font-size:11px;font-weight:500;padding:5px 2px;border-radius:8px;cursor:pointer;color:var(--t3);transition:all .15s;white-space:nowrap}
#po-hub .st.on{background:var(--s1);color:var(--blue);font-weight:700;box-shadow:var(--shadow)}
#po-hub .lmeta{display:flex;align-items:center;justify-content:space-between;padding:0 15px 8px;border-bottom:0.5px solid var(--bd)}
#po-hub .lmeta span{font-size:12px;color:var(--t3)}
#po-hub .lmeta i{font-size:15px;color:var(--t3);cursor:pointer}
#po-hub .elist{flex:1;overflow-y:auto}
#po-hub .elist::-webkit-scrollbar{width:4px}
#po-hub .elist::-webkit-scrollbar-thumb{background:var(--t4);border-radius:2px}
#po-hub .ei{display:flex;gap:10px;padding:11px 13px 10px;cursor:pointer;border-bottom:0.5px solid var(--bd);position:relative;transition:background .12s}
#po-hub .ei:hover:not(.on){background:var(--s0)}
#po-hub .ei.on{background:var(--blue-lt)}
#po-hub .ei.unr::before{content:'';position:absolute;left:4px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:var(--blue)}
#po-hub .ei-av{width:37px;height:37px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;position:relative;cursor:pointer}
#po-hub .ei-av:hover{opacity:.85}
#po-hub .av-dot{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--s1);background:var(--green)}
#po-hub .ei-b{flex:1;min-width:0}
#po-hub .ei-r1{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}
#po-hub .ei-from{font-size:13px;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px;cursor:pointer;text-decoration:none}
#po-hub .ei-from:hover{color:var(--blue)}
#po-hub .ei-time{font-size:11px;color:var(--t3);flex-shrink:0}
#po-hub .ei-subj{font-size:12.5px;font-weight:500;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}
#po-hub .ei-prev{font-size:12px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#po-hub .ei-tags{display:flex;gap:4px;margin-top:5px}
#po-hub .tag{font-size:10.5px;padding:2px 8px;border-radius:20px;font-weight:600}
#po-hub .detail{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--s1)}
#po-hub .dnav{padding:9px 14px;display:flex;align-items:center;gap:4px;border-bottom:0.5px solid var(--bd);background:var(--s2)}
#po-hub .db{background:none;border:none;cursor:pointer;font-size:12px;font-weight:500;padding:5px 9px;border-radius:var(--rsm);display:flex;align-items:center;gap:4px;transition:all .12s;font-family:inherit;color:var(--blue)}
#po-hub .db:hover{background:var(--bd)}
#po-hub .db i{font-size:14px}
#po-hub .db.muted{color:var(--t3)}
#po-hub .db.danger{color:var(--red)}
#po-hub .dsp{flex:1;overflow-y:auto;padding:18px 20px}
#po-hub .dsp::-webkit-scrollbar{width:4px}
#po-hub .dsp::-webkit-scrollbar-thumb{background:var(--t4);border-radius:2px}
#po-hub .d-subj{font-size:19px;font-weight:800;color:var(--t1);line-height:1.3;margin-bottom:14px;letter-spacing:-.3px}
#po-hub .d-sender{display:flex;align-items:center;gap:11px;margin-bottom:15px;padding-bottom:15px;border-bottom:0.5px solid var(--bd)}
#po-hub .d-av{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0;cursor:pointer;transition:opacity .12s}
#po-hub .d-av:hover{opacity:.85}
#po-hub .d-info{flex:1}
#po-hub .d-name{font-size:14px;font-weight:700;color:var(--t1);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
#po-hub .d-name:hover{color:var(--blue)}
#po-hub .d-name-hist{font-size:11px;background:var(--blue-lt);color:var(--blue);padding:2px 7px;border-radius:20px;font-weight:600;cursor:pointer}
#po-hub .d-email-row{font-size:12px;color:var(--t3);margin-top:1px}
#po-hub .d-tags{display:flex;gap:5px;margin-top:6px}
#po-hub .d-time{font-size:12px;color:var(--t3)}
#po-hub .ais{border-radius:var(--r);overflow:hidden;margin-bottom:15px;border:1px solid rgba(175,82,222,.2)}
#po-hub .ais-hdr{background:var(--purple-lt);padding:9px 14px;display:flex;align-items:center;gap:7px}
#po-hub .ais-hdr i{color:var(--purple);font-size:14px}
#po-hub .ais-hdr-t{font-size:12px;font-weight:700;color:var(--purple);flex:1}
#po-hub .ais-hdr-s{font-size:10.5px;color:var(--purple);opacity:.7}
#po-hub .ais-body{background:var(--s1);padding:12px 14px;font-size:13px;color:var(--t2);line-height:1.65}
#po-hub .att-row{display:flex;gap:7px;margin-bottom:15px;flex-wrap:wrap}
#po-hub .att{display:flex;align-items:center;gap:6px;background:var(--s0);border:0.5px solid var(--bd);border-radius:var(--rsm);padding:6px 10px;font-size:12px;color:var(--t2);cursor:pointer;transition:background .12s}
#po-hub .att:hover{background:var(--bd)}
#po-hub .att i{font-size:15px;color:var(--blue)}
#po-hub .att-sz{font-size:10.5px;color:var(--t3)}
#po-hub .ebod{font-size:13.5px;color:var(--t2);line-height:1.8;margin-bottom:18px;white-space:pre-wrap}
#po-hub .rbox{border:0.5px solid var(--bd);border-radius:var(--r);overflow:hidden}
#po-hub .rhdr{padding:10px 14px;background:var(--s2);border-bottom:0.5px solid var(--bd);display:flex;align-items:center;gap:8px}
#po-hub .rhdr-t{font-size:12.5px;font-weight:700;color:var(--t2);flex:1}
#po-hub .utag{font-size:10.5px;padding:2px 8px;border-radius:20px;background:var(--orange-lt);color:var(--orange);font-weight:600;border:0.5px solid rgba(255,149,0,.25)}
#po-hub .rbod{padding:14px;font-size:13px;color:var(--t2);line-height:1.75;background:var(--s1);min-height:88px}
#po-hub .rfoo{padding:10px 14px;border-top:0.5px solid var(--bd);display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:var(--s1)}
#po-hub .tp{font-size:11.5px;padding:4px 10px;border-radius:20px;cursor:pointer;border:0.5px solid var(--bd2);color:var(--t2);background:none;font-weight:500;transition:all .15s;font-family:inherit}
#po-hub .tp:hover{border-color:var(--blue);color:var(--blue)}
#po-hub .tp.on{background:var(--blue);color:#fff;border-color:var(--blue)}
#po-hub .sbtn{margin-left:auto;background:var(--blue);color:#fff;border:none;border-radius:20px;padding:7px 18px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s;font-family:inherit;box-shadow:0 3px 10px rgba(0,122,255,.3)}
#po-hub .sbtn:hover{background:var(--blue-dk)}
#po-hub .sbtn i{font-size:14px}
#po-hub .cal{width:228px;min-width:228px;border-left:0.5px solid var(--bd);background:var(--s2);display:flex;flex-direction:column}
#po-hub .cal-hdr{padding:13px 13px 8px;border-bottom:0.5px solid var(--bd)}
#po-hub .cal-mr{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
#po-hub .cal-mt{font-size:15px;font-weight:800;color:var(--t1)}
#po-hub .cal-nb{width:25px;height:25px;background:var(--s1);border:0.5px solid var(--bd);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
#po-hub .cal-nb i{font-size:12px;color:var(--t2)}
#po-hub .cal-dh{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:3px}
#po-hub .cal-dl{text-align:center;font-size:10px;font-weight:700;color:var(--t3);padding:2px 0}
#po-hub .cal-cells{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}
#po-hub .cc{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--t2);cursor:pointer;border-radius:50%;position:relative;transition:all .12s}
#po-hub .cc:hover{background:rgba(0,0,0,.06)}
#po-hub.dark .cc:hover{background:rgba(255,255,255,.08)}
#po-hub .cc.today{background:var(--blue);color:#fff;font-weight:800}
#po-hub .cc.hev::after{content:'';width:4px;height:4px;border-radius:50%;background:var(--blue);position:absolute;bottom:2px}
#po-hub .cc.today.hev::after{background:#fff}
#po-hub .cc.dim{color:var(--t4)}
#po-hub .agw{flex:1;overflow-y:auto}
#po-hub .agw::-webkit-scrollbar{width:3px}
#po-hub .agw::-webkit-scrollbar-thumb{background:var(--t4);border-radius:2px}
#po-hub .ag-d{font-size:10.5px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;padding:10px 13px 4px}
#po-hub .agev{margin:3px 9px;border-radius:10px;padding:8px 10px;cursor:pointer;transition:filter .12s}
#po-hub .agev:hover{filter:brightness(.95)}
#po-hub .agev-n{font-size:12.5px;font-weight:700}
#po-hub .agev-t{font-size:11px;opacity:.8;margin-top:1px}
#po-hub .agev-l{font-size:10.5px;opacity:.65;margin-top:1px;display:flex;align-items:center;gap:3px}
#po-hub .agev-l i{font-size:11px}
#po-hub .ag-div{height:0.5px;background:var(--bd);margin:6px 13px}
#po-hub .ag-add{display:flex;align-items:center;gap:6px;padding:7px 13px;cursor:pointer;color:var(--blue);font-size:12.5px;font-weight:500}
#po-hub .ag-add:hover{background:var(--blue-lt)}
#po-hub .ag-add i{font-size:14px}
#po-hub .hist-panel{position:absolute;top:0;right:-420px;width:420px;height:100%;background:var(--s1);border-left:0.5px solid var(--bd);box-shadow:-8px 0 32px rgba(0,0,0,.18);z-index:50;transition:right .3s cubic-bezier(.34,1.1,.64,1);border-radius:0 20px 20px 0;display:flex;flex-direction:column;overflow:hidden}
#po-hub .hist-panel.open{right:0}
#po-hub .hist-hdr{padding:16px 16px 12px;border-bottom:0.5px solid var(--bd);background:var(--s2)}
#po-hub .hist-hdr-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
#po-hub .hist-av{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;flex-shrink:0}
#po-hub .hist-info{flex:1}
#po-hub .hist-name{font-size:16px;font-weight:800;color:var(--t1)}
#po-hub .hist-email{font-size:12px;color:var(--t3);margin-top:2px}
#po-hub .hist-stats{display:flex;gap:8px;margin-top:8px}
#po-hub .hist-stat{flex:1;background:var(--s0);border-radius:var(--rsm);padding:8px 10px;text-align:center}
#po-hub .hist-stat-n{font-size:18px;font-weight:800;color:var(--t1)}
#po-hub .hist-stat-l{font-size:10.5px;color:var(--t3);font-weight:500;margin-top:2px}
#po-hub .hist-ai-btn{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--purple-lt);border-radius:var(--r);cursor:pointer;margin:10px 16px;border:0.5px solid rgba(175,82,222,.2);transition:all .15s}
#po-hub .hist-ai-btn:hover{background:var(--purple);color:#fff}
#po-hub .hist-ai-btn:hover i,#po-hub .hist-ai-btn:hover span{color:#fff}
#po-hub .hist-ai-btn i{font-size:16px;color:var(--purple)}
#po-hub .hist-ai-btn span{font-size:13px;font-weight:600;color:var(--purple);flex:1}
#po-hub .hist-ai-btn small{font-size:11px;color:var(--purple);opacity:.7}
#po-hub .hist-scroll{flex:1;overflow-y:auto;padding:0 16px 16px}
#po-hub .hist-scroll::-webkit-scrollbar{width:4px}
#po-hub .hist-scroll::-webkit-scrollbar-thumb{background:var(--t4);border-radius:2px}
#po-hub .hist-month{font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 8px}
#po-hub .hist-item{display:flex;gap:12px;margin-bottom:16px;position:relative}
#po-hub .hist-item::before{content:'';position:absolute;left:14px;top:28px;bottom:-16px;width:1.5px;background:var(--bd)}
#po-hub .hist-item:last-child::before{display:none}
#po-hub .hist-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--s1);box-shadow:0 0 0 2px var(--bd);z-index:1}
#po-hub .hist-dot i{font-size:14px}
#po-hub .hist-content{flex:1;background:var(--s0);border-radius:var(--r);padding:10px 12px;cursor:pointer;transition:all .15s;border:0.5px solid transparent}
#po-hub .hist-content:hover{background:var(--s1);border-color:var(--bd);box-shadow:var(--shadow)}
#po-hub .hist-content.expanded{background:var(--s1);border-color:var(--bd)}
#po-hub .hist-c-hdr{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}
#po-hub .hist-c-subj{font-size:13px;font-weight:600;color:var(--t1)}
#po-hub .hist-c-time{font-size:11px;color:var(--t3)}
#po-hub .hist-c-prev{font-size:12px;color:var(--t3);line-height:1.5}
#po-hub .hist-c-body{font-size:12.5px;color:var(--t2);line-height:1.7;margin-top:8px;padding-top:8px;border-top:0.5px solid var(--bd);display:none;white-space:pre-wrap}
#po-hub .hist-content.expanded .hist-c-body{display:block}
#po-hub .hist-dir{font-size:10px;font-weight:700;padding:2px 6px;border-radius:20px;margin-left:6px}
#po-hub .dir-in{background:var(--blue-lt);color:var(--blue)}
#po-hub .dir-out{background:var(--green-lt);color:var(--green)}
#po-hub .ai-digest{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:540px;background:var(--s1);border-radius:20px;box-shadow:var(--shadow-lg),0 0 0 0.5px rgba(0,0,0,.08);z-index:80;transition:all .2s;opacity:0;pointer-events:none;overflow:hidden}
#po-hub .ai-digest.show{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:all}
#po-hub .dig-hdr{padding:16px 18px;background:var(--purple-lt);border-bottom:0.5px solid rgba(175,82,222,.2);display:flex;align-items:center;gap:10px}
#po-hub .dig-hdr i{font-size:20px;color:var(--purple)}
#po-hub .dig-hdr-t{font-size:16px;font-weight:800;color:var(--purple);flex:1}
#po-hub .dig-body{padding:18px;max-height:380px;overflow-y:auto}
#po-hub .dig-section{margin-bottom:16px}
#po-hub .dig-sec-lbl{font-size:10.5px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}
#po-hub .dig-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px}
#po-hub .dig-row-dot{width:7px;height:7px;border-radius:50%;background:var(--purple);flex-shrink:0;margin-top:5px}
#po-hub .dig-row-txt{font-size:13px;color:var(--t2);line-height:1.6}
#po-hub .dig-row-txt b{color:var(--t1);font-weight:600}
#po-hub .dig-result{background:var(--green-lt);border-radius:var(--rsm);padding:10px 14px;margin-top:6px;font-size:13px;color:#1A6B35;line-height:1.6;border-left:3px solid var(--green)}
#po-hub .dig-foot{padding:12px 18px;border-top:0.5px solid var(--bd);display:flex;align-items:center;gap:8px;background:var(--s2)}
#po-hub .wd-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:249;display:none}
#po-hub .wd-backdrop.show{display:block}
#po-hub .wd-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-48%) scale(.95);width:360px;background:var(--s1);border-radius:var(--rlg);box-shadow:var(--shadow-lg),0 0 0 0.5px rgba(0,0,0,.08);z-index:250;transition:all .2s cubic-bezier(.34,1.1,.64,1);opacity:0;pointer-events:none;overflow:hidden;max-height:90vh;overflow-y:auto}
#po-hub .wd-panel.show{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1)}
#po-hub .wd-hdr{padding:14px 16px;background:linear-gradient(135deg,#FF9500,#FF6B00);display:flex;align-items:center;gap:10px}
#po-hub .wd-hdr i{font-size:20px;color:#fff}
#po-hub .wd-hdr-t{font-size:15px;font-weight:800;color:#fff;flex:1}
#po-hub .wd-hdr-sub{font-size:11px;color:rgba(255,255,255,.8)}
#po-hub .wd-body{padding:14px 16px}
#po-hub .wd-lbl{font-size:11px;font-weight:600;color:var(--t3);margin-bottom:5px}
#po-hub .wd-input{width:100%;border:0.5px solid var(--bd2);border-radius:var(--rsm);padding:8px 12px;font-size:13px;color:var(--t1);background:var(--s0);outline:none;font-family:inherit;margin-bottom:12px;transition:border-color .15s}
#po-hub .wd-input:focus{border-color:var(--orange)}
#po-hub .wd-opts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
#po-hub .wd-opt{padding:8px;border-radius:var(--rsm);background:var(--s0);border:0.5px solid var(--bd);cursor:pointer;transition:all .15s;text-align:center}
#po-hub .wd-opt:hover,#po-hub .wd-opt.on{background:var(--orange-lt);border-color:var(--orange)}
#po-hub .wd-opt-ic{font-size:18px;margin-bottom:3px}
#po-hub .wd-opt-t{font-size:11px;font-weight:600;color:var(--t2)}
#po-hub .wd-save{width:100%;background:var(--orange);color:#fff;border:none;border-radius:20px;padding:10px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}
#po-hub .wd-save:hover{background:#E08600}
#po-hub .wd-active{padding:10px 16px;border-top:0.5px solid var(--bd);background:var(--s0)}
#po-hub .wd-active-lbl{font-size:10.5px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
#po-hub .wd-chip{display:flex;align-items:center;gap:7px;background:var(--orange-lt);border-radius:var(--rsm);padding:7px 10px;margin-bottom:5px;border:0.5px solid rgba(255,149,0,.25)}
#po-hub .wd-chip i{font-size:14px;color:var(--orange)}
#po-hub .wd-chip-t{flex:1;font-size:12px;font-weight:500;color:var(--t1)}
#po-hub .wd-chip-x{font-size:14px;color:var(--t3);cursor:pointer}
#po-hub .wd-chip-x:hover{color:var(--red)}
#po-hub .dim-overlay{position:absolute;inset:0;background:rgba(0,0,0,.3);z-index:40;display:none;border-radius:20px}
#po-hub .dim-overlay.show{display:block}
#po-hub .compose-wrap{position:fixed;inset:0;background:rgba(0,0,0,.4);display:none;align-items:flex-end;justify-content:center;padding-bottom:28px;z-index:210}
#po-hub .compose-wrap.show{display:flex;animation:fi .2s}
#po-hub .cbox{width:560px;background:var(--s1);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;animation:su .25s cubic-bezier(.34,1.2,.64,1)}
#po-hub .cbox-top{padding:13px 16px;background:var(--s2);border-bottom:0.5px solid var(--bd);display:flex;align-items:center;gap:10px}
#po-hub .cbox-title{font-size:15px;font-weight:700;color:var(--t1);flex:1}
#po-hub .cf{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:0.5px solid var(--bd)}
#po-hub .cf label{font-size:12.5px;font-weight:600;color:var(--t3);width:40px}
#po-hub .cf input{flex:1;border:none;outline:none;font-size:13px;color:var(--t1);background:none;font-family:inherit}
#po-hub .carea{padding:14px 16px;min-height:120px}
#po-hub .carea textarea{width:100%;border:none;outline:none;font-size:13.5px;color:var(--t2);line-height:1.7;resize:none;background:none;font-family:inherit;min-height:110px}
#po-hub .cfoo{padding:10px 16px;background:var(--s2);border-top:0.5px solid var(--bd);display:flex;align-items:center;gap:8px}
#po-hub .cic{width:32px;height:32px;border-radius:50%;background:none;border:0.5px solid var(--bd);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--t3);transition:all .12s}
#po-hub .cic:hover{background:var(--bd);color:var(--t1)}
#po-hub .cic i{font-size:16px}
#po-hub .ai-dft{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:var(--purple-lt);border:0.5px solid rgba(175,82,222,.25);color:var(--purple);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}
#po-hub .snz-wrap{position:fixed;inset:0;background:rgba(0,0,0,.35);display:none;align-items:center;justify-content:center;z-index:120}
#po-hub .snz-wrap.show{display:flex}
#po-hub .snz-card{background:var(--s1);border-radius:18px;width:290px;overflow:hidden;box-shadow:var(--shadow-lg);animation:su .2s}
#po-hub .snz-hdr{padding:13px 16px;background:var(--s2);border-bottom:0.5px solid var(--bd);font-size:14px;font-weight:700;color:var(--t1);display:flex;align-items:center;gap:8px}
#po-hub .snz-hdr i{color:var(--orange)}
#po-hub .snz-opt{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:0.5px solid var(--bd);transition:background .12s}
#po-hub .snz-opt:last-child{border:none}
#po-hub .snz-opt:hover{background:var(--s0)}
#po-hub .snz-opt i{font-size:18px;color:var(--orange);width:22px;text-align:center}
#po-hub .snz-opt-n{font-size:13.5px;font-weight:500;color:var(--t1)}
#po-hub .snz-opt-t{font-size:12px;color:var(--t3)}
#po-hub .sbar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--t1);color:var(--s1);border-radius:20px;padding:8px 18px;font-size:13px;font-weight:500;display:none;align-items:center;gap:8px;box-shadow:var(--shadow-lg);z-index:200}
#po-hub .sbar.show{display:flex;animation:su .25s}
#po-hub .stats-bar{display:flex;align-items:center;gap:0;background:var(--s2);border-bottom:0.5px solid var(--bd);padding:0;flex-shrink:0;height:40px;overflow:hidden;transition:height .22s cubic-bezier(.4,0,.2,1),opacity .2s}
#po-hub .stats-bar.collapsed{height:0;opacity:0;pointer-events:none;border-bottom:none}
#po-hub .sb-toggle-btn{display:flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:0 0 8px 8px;background:var(--s2);border:0.5px solid var(--bd);border-top:none;cursor:pointer;font-size:10px;color:var(--t3);transition:all .15s;position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);white-space:nowrap;gap:4px;z-index:5}
#po-hub .sb-toggle-btn:hover{color:var(--blue)}
#po-hub .sb-toggle-wrap{position:relative;flex-shrink:0}
#po-hub .stat-pill{display:flex;align-items:center;gap:7px;padding:0 16px;height:100%;border-right:0.5px solid var(--bd);cursor:default;transition:background .12s}
#po-hub .stat-pill:hover{background:var(--bd)}
#po-hub .stat-pill i{font-size:14px}
#po-hub .stat-pill-n{font-size:13px;font-weight:700;color:var(--t1)}
#po-hub .stat-pill-l{font-size:11px;color:var(--t3)}
#po-hub .stat-bar-right{margin-left:auto;display:flex;align-items:center;gap:6px;padding-right:12px}
#po-hub .ss-btn{display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:20px;font-size:12px;font-weight:600;color:var(--t3);cursor:pointer;border:0.5px solid var(--bd);background:none;transition:all .15s;font-family:inherit}
#po-hub .ss-btn:hover{border-color:var(--blue);color:var(--blue)}
#po-hub .ss-btn i{font-size:14px}
#po-hub .clr-ctx{position:fixed;background:var(--s1);border-radius:14px;box-shadow:var(--shadow-lg),0 0 0 0.5px rgba(0,0,0,.1);padding:12px;z-index:300;display:none;min-width:180px}
#po-hub .clr-ctx.show{display:block;animation:su .15s}
#po-hub .clr-ctx-t{font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
#po-hub .clr-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
#po-hub .clr-dot{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .12s;flex-shrink:0}
#po-hub .clr-dot:hover{transform:scale(1.15);border-color:var(--t3)}
#po-hub .clr-dot.on{border-color:var(--t1);transform:scale(1.1)}
#po-hub .clr-ctx-lbl{font-size:11.5px;font-weight:600;color:var(--t3);margin-bottom:5px}
#po-hub .clr-ctx-opts{display:flex;gap:4px}
#po-hub .clr-opt{flex:1;padding:6px;border-radius:var(--rsm);font-size:11.5px;font-weight:600;text-align:center;cursor:pointer;border:0.5px solid var(--bd2);color:var(--t2);background:none;transition:all .15s;font-family:inherit}
#po-hub .clr-opt:hover{background:var(--bd)}
#po-hub .scrsv{position:fixed;inset:0;z-index:500;display:none;cursor:pointer}
#po-hub .scrsv.show{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fi .6s}
#po-hub .scrsv-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .5s}
#po-hub .scrsv-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(0px)}
#po-hub .scrsv-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px}
#po-hub .scrsv-clock{font-size:72px;font-weight:200;color:#fff;letter-spacing:-2px;line-height:1;font-family:-apple-system,sans-serif;text-shadow:0 2px 20px rgba(0,0,0,.3)}
#po-hub .scrsv-date{font-size:22px;color:rgba(255,255,255,.8);font-weight:300;letter-spacing:.5px}
#po-hub .scrsv-hint{font-size:13px;color:rgba(255,255,255,.4);position:absolute;bottom:30px;left:50%;transform:translateX(-50%);white-space:nowrap}
#po-hub .scrsv-mode-btn{position:absolute;bottom:60px;right:30px;background:rgba(255,255,255,.15);border:0.5px solid rgba(255,255,255,.3);border-radius:20px;padding:8px 16px;font-size:12px;color:#fff;cursor:pointer;font-family:inherit;backdrop-filter:blur(10px);transition:all .15s}
#po-hub .scrsv-mode-btn:hover{background:rgba(255,255,255,.25)}
#po-hub .scrsv-upload{position:absolute;bottom:60px;left:30px;background:rgba(255,255,255,.15);border:0.5px solid rgba(255,255,255,.3);border-radius:20px;padding:8px 16px;font-size:12px;color:#fff;cursor:pointer;font-family:inherit;backdrop-filter:blur(10px);display:flex;align-items:center;gap:6px}
#po-hub .scrsv-chart-mode{display:none;flex-direction:column;align-items:center;gap:20px}
#po-hub .scrsv-chart-mode.on{display:flex}
#po-hub .scrsv-clock-mode{display:flex;flex-direction:column;align-items:center;gap:10px}
#po-hub .scrsv-clock-mode.off{display:none}
#po-hub .scrsv-brief-mode{display:none;flex-direction:column;gap:18px;width:min(860px,92vw);max-height:82vh;overflow-y:auto}
#po-hub .scrsv-brief-mode.on{display:flex}
#po-hub .scrsv-brief-mode::-webkit-scrollbar{width:4px}
#po-hub .scrsv-brief-mode::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}
#po-hub .brief-header{display:flex;align-items:flex-start;justify-content:space-between}
#po-hub .brief-title{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45)}
#po-hub .brief-day{font-size:28px;font-weight:300;color:#fff;margin-top:4px;letter-spacing:-.3px}
#po-hub .brief-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
#po-hub .brief-stat{background:rgba(255,255,255,.08);border:0.5px solid rgba(255,255,255,.14);border-radius:12px;padding:14px 16px;backdrop-filter:blur(8px)}
#po-hub .brief-stat-n{font-size:30px;font-weight:200;line-height:1;margin-bottom:4px}
#po-hub .brief-stat-l{font-size:11px;color:rgba(255,255,255,.5);font-weight:400}
#po-hub .brief-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#po-hub .brief-col-title{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:10px;display:flex;align-items:center;gap:6px}
#po-hub .brief-col-title i{font-size:12px}
#po-hub .brief-section{background:rgba(255,255,255,.06);border:0.5px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;backdrop-filter:blur(8px)}
#po-hub .brief-item{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:0.5px solid rgba(255,255,255,.07)}
#po-hub .brief-item:last-child{border-bottom:none;padding-bottom:0}
#po-hub .brief-item-from{font-size:12px;font-weight:600;color:rgba(255,255,255,.85)}
#po-hub .brief-item-subj{font-size:12px;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#po-hub .brief-item-ai{font-size:11.5px;color:rgba(255,255,255,.72);line-height:1.45;margin-top:2px}
#po-hub .brief-item-tag{display:inline-block;padding:2px 7px;border-radius:8px;font-size:10px;font-weight:700;margin-top:4px}
#po-hub .brief-tag-urgent{background:rgba(255,59,48,.25);color:#FF6B6B}
#po-hub .brief-tag-nl{background:rgba(0,156,105,.2);color:#4ADE80}
#po-hub .brief-tag-cal{background:rgba(230,185,0,.2);color:#FFD60A}
#po-hub .brief-cal-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:0.5px solid rgba(255,255,255,.07)}
#po-hub .brief-cal-item:last-child{border-bottom:none;padding-bottom:0}
#po-hub .brief-cal-time{font-size:20px;font-weight:200;color:#fff;min-width:52px}
#po-hub .brief-cal-info{flex:1}
#po-hub .brief-cal-title{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.85)}
#po-hub .brief-cal-from{font-size:11px;color:rgba(255,255,255,.45);margin-top:1px}
#po-hub .chart-wrap{position:relative;width:260px;height:260px}
#po-hub .chart-wrap svg{width:100%;height:100%;overflow:visible}
#po-hub .chart-center-info{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
#po-hub .chart-center-n{font-size:42px;font-weight:200;color:#fff;line-height:1}
#po-hub .chart-center-l{font-size:13px;color:rgba(255,255,255,.6);margin-top:4px}
#po-hub .chart-legend{display:flex;flex-direction:column;gap:8px;min-width:180px}
#po-hub .chart-leg-item{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 14px;border-radius:12px;transition:background .15s;border:0.5px solid transparent}
#po-hub .chart-leg-item:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
#po-hub .chart-leg-item.selected{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}
#po-hub .chart-leg-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}
#po-hub .chart-leg-t{font-size:14px;color:#fff;font-weight:500;flex:1}
#po-hub .chart-leg-n{font-size:13px;color:rgba(255,255,255,.6)}
#po-hub .chart-leg-pct{font-size:12px;font-weight:700;padding:2px 8px;border-radius:20px;background:rgba(255,255,255,.15);color:#fff}
#po-hub .scrsv-filter-badge{position:absolute;top:20px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.9);color:#000;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;display:none;animation:su .25s}
#po-hub .brief-reply-now{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;background:rgba(255,59,48,.3);color:#FF6B6B;border:0.5px solid rgba(255,59,48,.4);margin-top:6px;animation:pulse-urgent 2s infinite}
@keyframes pulse-urgent{0%,100%{opacity:1}50%{opacity:.65}}
#po-hub .brief-donut-wrap{display:flex;align-items:center;gap:24px;background:rgba(255,255,255,.06);border:0.5px solid rgba(255,255,255,.1);border-radius:14px;padding:16px 20px;backdrop-filter:blur(8px)}
#po-hub .brief-donut-svg-wrap{position:relative;width:100px;height:100px;flex-shrink:0}
#po-hub .brief-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
#po-hub .brief-donut-n{font-size:22px;font-weight:200;color:#fff;line-height:1}
#po-hub .brief-donut-l{font-size:9px;color:rgba(255,255,255,.5);margin-top:2px;letter-spacing:.05em}
#po-hub .brief-donut-legend{display:flex;flex-direction:column;gap:7px;flex:1}
#po-hub .brief-donut-row{display:flex;align-items:center;gap:9px;cursor:pointer;padding:5px 8px;border-radius:8px;transition:background .15s}
#po-hub .brief-donut-row:hover{background:rgba(255,255,255,.08)}
#po-hub .brief-donut-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
#po-hub .brief-donut-t{font-size:12px;color:rgba(255,255,255,.75);flex:1}
#po-hub .brief-donut-n2{font-size:12px;font-weight:600;color:#fff}
#po-hub .nl-card{display:flex;gap:12px;padding:10px 0;border-bottom:0.5px solid rgba(255,255,255,.07)}
#po-hub .nl-card:last-child{border-bottom:none;padding-bottom:0}
#po-hub .nl-card-img{width:48px;height:48px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden}
#po-hub .nl-card-body{flex:1;min-width:0}
#po-hub .nl-card-from{font-size:11px;font-weight:700;color:rgba(255,255,255,.6);margin-bottom:2px}
#po-hub .nl-card-subj{font-size:12.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#po-hub .nl-card-ai{font-size:11px;color:rgba(255,255,255,.55);line-height:1.4;margin-top:3px}
#po-hub .nl-card-tag{display:inline-block;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:700;margin-top:5px}
#po-hub .ss-auto-indicator{position:absolute;top:22px;left:30px;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);border:0.5px solid rgba(255,255,255,.18);border-radius:20px;padding:6px 12px;font-size:11px;color:rgba(255,255,255,.55);backdrop-filter:blur(10px)}
#po-hub .ss-auto-dot{width:6px;height:6px;border-radius:50%;background:#34C759;animation:pulse-dot 2s infinite}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}
@keyframes fi{from{opacity:0}to{opacity:1}}
@keyframes fi-slow{from{opacity:0}to{opacity:1}}
@keyframes su{from{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
#po-hub .settings-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:200;padding:20px}
#po-hub .settings-modal.show{display:flex;animation:fi .2s}
#po-hub .settings-box{width:820px;max-height:88vh;background:var(--s1);border-radius:22px;box-shadow:var(--shadow-lg),0 0 0 0.5px rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column;animation:su .25s cubic-bezier(.34,1.1,.64,1)}
#po-hub .settings-hdr{padding:16px 20px;border-bottom:0.5px solid var(--bd);display:flex;align-items:center;gap:12px;background:var(--s2);flex-shrink:0}
#po-hub .settings-hdr-t{font-size:17px;font-weight:800;color:var(--t1);flex:1}
#po-hub .settings-body{display:flex;flex:1;overflow:hidden}
#po-hub .set-tabs{width:170px;min-width:170px;border-right:0.5px solid var(--bd);padding:12px 8px;background:var(--s2);display:flex;flex-direction:column;gap:2px}
#po-hub .set-tab{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;cursor:pointer;transition:all .12s;border:none;background:none;width:100%;font-family:inherit;text-align:left}
#po-hub .set-tab:hover{background:var(--bd)}
#po-hub .set-tab.on{background:var(--blue-lt)}
#po-hub .set-tab.on span{color:var(--blue);font-weight:700}
#po-hub .set-tab i{font-size:16px;color:var(--t3);width:20px;text-align:center}
#po-hub .set-tab.on i{color:var(--blue)}
#po-hub .set-tab span{font-size:13px;color:var(--t2)}
#po-hub .set-content{flex:1;overflow-y:auto;padding:20px}
#po-hub .set-content::-webkit-scrollbar{width:4px}
#po-hub .set-content::-webkit-scrollbar-thumb{background:var(--t4);border-radius:2px}
#po-hub .set-section{display:none}
#po-hub .set-section.on{display:block}
#po-hub .set-lbl{font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}
#po-hub .set-h{font-size:16px;font-weight:800;color:var(--t1);margin-bottom:4px}
#po-hub .set-sub{font-size:13px;color:var(--t3);margin-bottom:16px}
#po-hub .sig-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
#po-hub .sig-card{border:1.5px solid var(--bd);border-radius:var(--r);padding:14px;cursor:pointer;transition:all .15s;background:var(--s1);position:relative}
#po-hub .sig-card:hover{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-lt)}
#po-hub .sig-card.on{border-color:var(--blue);background:var(--blue-lt)}
#po-hub .sig-card-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:700;background:var(--blue);color:#fff;padding:2px 7px;border-radius:20px}
#po-hub .sig-preview{font-size:12px;line-height:1.6;color:var(--t2);pointer-events:none}
#po-hub .sig-preview .sig-name{font-size:14px;font-weight:800;color:var(--t1)}
#po-hub .sig-preview .sig-title{font-size:11.5px;color:var(--t3);margin-bottom:4px}
#po-hub .sig-preview .sig-divider{height:2px;width:32px;border-radius:1px;margin:5px 0}
#po-hub .sig-preview .sig-social{display:flex;gap:6px;margin-top:5px}
#po-hub .sig-preview .sig-soc-ic{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff}
#po-hub .sig-preview .sig-photo{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#007AFF,#0055CC);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;float:right;margin-left:10px}
#po-hub .sig-preview .sig-banner{width:100%;height:24px;border-radius:4px;margin-top:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}
#po-hub .sig-editor{border:0.5px solid var(--bd);border-radius:var(--r);overflow:hidden;margin-top:14px}
#po-hub .sig-ed-hdr{padding:10px 14px;background:var(--s2);border-bottom:0.5px solid var(--bd);font-size:13px;font-weight:700;color:var(--t2);display:flex;align-items:center;gap:8px}
#po-hub .sig-ed-hdr i{color:var(--blue)}
#po-hub .sig-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}
#po-hub .sig-field{display:flex;flex-direction:column;gap:4px}
#po-hub .sig-field label{font-size:11px;font-weight:600;color:var(--t3)}
#po-hub .sig-field input{border:0.5px solid var(--bd2);border-radius:var(--rsm);padding:7px 10px;font-size:13px;color:var(--t1);background:var(--s0);outline:none;font-family:inherit;transition:border-color .15s}
#po-hub .sig-field input:focus{border-color:var(--blue)}
#po-hub .sig-social-row{padding:0 14px 14px;display:flex;gap:8px;flex-wrap:wrap}
#po-hub .sig-soc-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:20px;border:1px solid var(--bd2);cursor:pointer;font-size:12px;font-weight:600;color:var(--t2);background:none;transition:all .15s;font-family:inherit}
#po-hub .sig-soc-btn:hover,#po-hub .sig-soc-btn.on{border-color:currentColor}
#po-hub .sig-soc-btn.on{background:var(--blue-lt);color:var(--blue);border-color:var(--blue)}
#po-hub .ar-toggle-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--s0);border-radius:var(--r);margin-bottom:16px}
#po-hub .ar-toggle-ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#po-hub .ar-toggle-ic i{font-size:20px;color:#fff}
#po-hub .ar-toggle-info{flex:1}
#po-hub .ar-toggle-t{font-size:14px;font-weight:700;color:var(--t1)}
#po-hub .ar-toggle-s{font-size:12px;color:var(--t3)}
#po-hub .toggle-sw{width:44px;height:26px;border-radius:13px;background:var(--bd2);border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}
#po-hub .toggle-sw::after{content:'';position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
#po-hub .toggle-sw.on{background:var(--green)}
#po-hub .toggle-sw.on::after{transform:translateX(18px)}
#po-hub .ar-form{border:0.5px solid var(--bd);border-radius:var(--r);overflow:hidden;margin-bottom:14px}
#po-hub .ar-form-hdr{padding:10px 14px;background:var(--s2);border-bottom:0.5px solid var(--bd);font-size:12.5px;font-weight:700;color:var(--t2);display:flex;align-items:center;gap:8px}
#po-hub .ar-form-hdr i{font-size:14px;color:var(--blue)}
#po-hub .ar-fields{padding:14px;display:flex;flex-direction:column;gap:12px}
#po-hub .ar-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#po-hub .ar-field{display:flex;flex-direction:column;gap:4px}
#po-hub .ar-field label{font-size:11px;font-weight:600;color:var(--t3)}
#po-hub .ar-field input,#po-hub .ar-field select,#po-hub .ar-field textarea{border:0.5px solid var(--bd2);border-radius:var(--rsm);padding:8px 10px;font-size:13px;color:var(--t1);background:var(--s0);outline:none;font-family:inherit;transition:border-color .15s}
#po-hub .ar-field input:focus,#po-hub .ar-field select:focus,#po-hub .ar-field textarea:focus{border-color:var(--blue)}
#po-hub .ar-field textarea{resize:vertical;min-height:80px;line-height:1.6}
#po-hub .ar-preview-box{background:var(--blue-lt);border-radius:var(--r);padding:14px;border:1px solid rgba(0,122,255,.2);font-size:13px;color:var(--t2);line-height:1.7}
#po-hub .ar-preview-box strong{color:var(--t1)}
#po-hub .auto-rules{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
#po-hub .auto-rule{border:0.5px solid var(--bd);border-radius:var(--r);overflow:hidden;transition:all .15s}
#po-hub .auto-rule-hdr{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--s2);cursor:pointer}
#po-hub .auto-rule-ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#po-hub .auto-rule-ic i{font-size:17px;color:#fff}
#po-hub .auto-rule-info{flex:1}
#po-hub .auto-rule-t{font-size:13.5px;font-weight:700;color:var(--t1)}
#po-hub .auto-rule-s{font-size:12px;color:var(--t3);margin-top:2px}
#po-hub .auto-rule-body{padding:14px 16px;border-top:0.5px solid var(--bd);display:none;background:var(--s1)}
#po-hub .auto-rule.open .auto-rule-body{display:block}
#po-hub .auto-rule.on .auto-rule-hdr{background:var(--green-lt)}
#po-hub .auto-mini-label{font-size:11px;font-weight:600;color:var(--t3);margin-bottom:5px}
#po-hub .auto-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
#po-hub .auto-input{border:0.5px solid var(--bd2);border-radius:var(--rsm);padding:8px 10px;font-size:13px;color:var(--t1);background:var(--s0);outline:none;font-family:inherit;width:100%;transition:border-color .15s}
#po-hub .auto-input:focus{border-color:var(--blue)}
#po-hub .auto-textarea{border:0.5px solid var(--bd2);border-radius:var(--rsm);padding:8px 10px;font-size:13px;color:var(--t2);background:var(--s0);outline:none;font-family:inherit;width:100%;resize:vertical;min-height:70px;line-height:1.6;transition:border-color .15s;margin-bottom:10px}
#po-hub .auto-textarea:focus{border-color:var(--blue)}
#po-hub .auto-save-btn{background:var(--blue);color:#fff;border:none;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px;transition:all .15s}
#po-hub .auto-save-btn:hover{background:var(--blue-dk)}
#po-hub .auto-save-btn i{font-size:14px}
#po-hub .days-picker{display:flex;gap:4px;margin-bottom:10px}
#po-hub .dp{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--bd2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer;color:var(--t3);transition:all .15s}
#po-hub .dp:hover{border-color:var(--blue);color:var(--blue)}
#po-hub .dp.on{background:var(--blue);border-color:var(--blue);color:#fff}
#po-hub .ac-wrap{position:relative}
#po-hub .ac-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--s1);border:1px solid var(--bd2);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:500;overflow:hidden;display:none}
#po-hub .ac-drop.open{display:block}
#po-hub .ac-item{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;transition:background .12s}
#po-hub .ac-item:hover,#po-hub .ac-item.ac-sel{background:var(--s2)}
#po-hub .ac-ini{width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#po-hub .ac-info{flex:1;min-width:0}
#po-hub .ac-name{font-size:13px;font-weight:600;color:var(--t1)}
#po-hub .ac-meta{font-size:11px;color:var(--t3)}
#po-hub .ac-empty{padding:12px;text-align:center;color:var(--t3);font-size:12px}
#po-hub .nevt-wrap{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:600;display:none;align-items:flex-end;justify-content:center}
#po-hub .nevt-wrap.open{display:flex}
#po-hub .nevt-box{background:var(--s1);border-radius:20px 20px 0 0;width:100%;max-width:480px;padding:20px 20px max(20px,env(safe-area-inset-bottom));animation:slideUp .25s ease}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
#po-hub .nevt-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
#po-hub .nevt-title{font-size:16px;font-weight:700;color:var(--t1)}
#po-hub .nevt-field{margin-bottom:12px}
#po-hub .nevt-field label{display:block;font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
#po-hub .nevt-field input,#po-hub .nevt-field select{width:100%;padding:9px 12px;border:1.5px solid var(--bd2);border-radius:10px;font-size:13px;font-family:inherit;background:var(--s2);color:var(--t1);outline:none;box-sizing:border-box;transition:border-color .15s}
#po-hub .nevt-field input:focus,#po-hub .nevt-field select:focus{border-color:var(--blue)}
#po-hub .nevt-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#po-hub .nevt-typ{display:flex;gap:6px;flex-wrap:wrap}
#po-hub .nevt-typ-btn{padding:6px 12px;border-radius:20px;border:1.5px solid var(--bd2);background:none;font-size:12px;font-weight:600;color:var(--t2);cursor:pointer;font-family:inherit;transition:all .15s}
#po-hub .nevt-typ-btn.on{background:var(--blue);border-color:var(--blue);color:#fff}
#po-hub .nevt-save{width:100%;padding:12px;background:var(--blue);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;margin-top:4px;transition:all .15s}
#po-hub .nevt-save:hover{background:var(--blue-dk)}
/* mobil (v ukážke pred hlavnými štýlmi — tu na konci, aby platil) */
@media(max-width:768px){#po-hub{padding:0;align-items:stretch;justify-content:stretch;min-height:100dvh}#po-hub .outer{width:100%;max-width:100%}#po-hub .wrap{width:100%;height:100dvh;border-radius:0;flex-direction:column}#po-hub .wrap-inner{flex-direction:column}#po-hub .sb{display:none;width:100%}#po-hub .sb.mob-open{display:flex;position:fixed;inset:0;z-index:400;width:280px;box-shadow:var(--shadow-lg)}#po-hub .list{width:100%;min-width:0;border-right:none}#po-hub .list.mob-hidden{display:none}#po-hub .detail{display:none}#po-hub .detail.mob-show{display:flex}#po-hub .cal{display:none}#po-hub .mob-bar{display:flex!important}#po-hub .stats-bar{border-radius:0;flex-wrap:wrap;height:auto;padding:4px 0}#po-hub .stat-pill{padding:5px 10px;height:auto}#po-hub .ss-btn{display:none}#po-hub .hist-panel{width:100%;right:-100%;border-radius:0}#po-hub .hist-panel.open{right:0}#po-hub .settings-box{width:100%;max-width:100%;height:100dvh;border-radius:0}#po-hub .settings-body{flex-direction:column}#po-hub .set-tabs{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:0.5px solid var(--bd);padding:6px}#po-hub .set-tab{min-width:80px;flex-direction:column;gap:3px;padding:6px 8px}#po-hub .set-tab span{font-size:10px}#po-hub .sig-grid{grid-template-columns:1fr}#po-hub .ai-digest{width:calc(100% - 32px)}#po-hub .wd-panel{width:calc(100% - 32px);bottom:16px;right:16px}}