/* ═══════════ Sales Hub — НОВИЯТ ОБЛИК (кожа, включва се с html.hubNew) ═══════════ */
html.hubNew{--ease:cubic-bezier(.2,.8,.2,1);--gold:#e8b978;--goldd:#b98a3e;--panel:#fff;--bg2:#f4f6fa;--ink2:#3d5170}
html.hubNew body{background:#eef1f6;overflow:hidden;font-size:14px}
/* вход */
html.hubNew #loginView{background:radial-gradient(circle at 50% 40%,#26395c 0%,#1c2c44 46%,#0e1828 100%)}
html.hubNew .loginCard{border-radius:18px;padding:34px 36px;box-shadow:0 20px 60px rgba(0,0,0,.35);animation:hsRise .5s var(--ease)}
html.hubNew .loginCard .btn{background:var(--navy);color:var(--gold);border-radius:11px;font-weight:800}
@keyframes hsRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes hsIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes hsCard{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ─── обвивката + страничната лента ─── */
html.hubNew #appView{display:flex;height:100dvh}
html.hubNew #topbar,html.hubNew #tabs{display:none !important}
html.hubNew #hsRail{width:56px;background:var(--navy);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:4px;flex-shrink:0;z-index:20}
html.hubNew #hsRail .hsLogo{margin-bottom:12px;cursor:default}
html.hubNew .hsLogo svg{border-radius:9px;box-shadow:0 0 0 1px rgba(232,185,120,.45)}
html.hubNew .hri{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background .22s var(--ease)}
html.hubNew .hri svg{stroke:#8fa9cf;transition:stroke .22s} html.hubNew .hri:hover{background:rgba(255,255,255,.06)} html.hubNew .hri:hover svg{stroke:#c9d6ea}
html.hubNew .hri.on{background:rgba(232,185,120,.16)} html.hubNew .hri.on svg{stroke:var(--gold)}
html.hubNew .hri .tip{position:absolute;left:52px;top:50%;transform:translate(-4px,-50%);background:var(--navy);color:#fff;font-size:11.5px;font-weight:700;padding:5px 9px;border-radius:7px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .18s var(--ease);box-shadow:0 4px 12px rgba(0,0,0,.25);z-index:60}
html.hubNew .hri:hover .tip{opacity:1;transform:translate(0,-50%)}
html.hubNew .hri .hsDot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:99px;background:#ff5a5a;box-shadow:0 0 0 2px var(--navy)}
html.hubNew .hsSep{width:26px;height:1px;background:rgba(255,255,255,.12);margin:6px 0}
html.hubNew .hsBot{margin-top:auto;display:flex;flex-direction:column;gap:4px;align-items:center}
html.hubNew .hsAva{width:30px;height:30px;border-radius:99px;background:var(--gold);color:var(--navy);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}

/* ─── главната зона ─── */
html.hubNew main{flex:1;min-width:0;max-width:none;margin:0;padding:0;overflow:auto;height:100dvh;background:var(--bg2);animation:hsIn .38s var(--ease)}
html.hubNew main.plmode{height:100dvh;padding:0;overflow:hidden}
html.hubNew main.wide{max-width:none}
html.hubNew main:not(.plmode) #view{padding:22px 26px 60px;max-width:1080px}
html.hubNew .plwrap{background:var(--bg2)}
html.hubNew .zmain{background:var(--bg2);padding:0}
html.hubNew .zmain>*:not(.calhead){margin-left:24px;margin-right:24px}
html.hubNew .zmain>.calhead{margin:0 0 18px}
html.hubNew .zmain.scroll>p.muted:last-child,html.hubNew .zmain>p.muted{padding:38px 20px !important;text-align:center;font-size:14px;color:#8a9bb5;background:#fff;border:1px dashed #d5deea;border-radius:14px}

/* антетка на страницата — navy, злато, като елементите в програмата */
html.hubNew .calhead{background:var(--navy);padding:0 26px;min-height:66px;gap:14px;border-radius:0;flex-wrap:wrap;position:relative;box-shadow:inset 0 -3px 0 var(--gold);margin-bottom:0}
html.hubNew .calhead b{color:#fff;font-size:17px;font-weight:800;letter-spacing:.01em}
html.hubNew .calhead .muted,html.hubNew .calhead span{color:#8fa9cf !important;font-size:12.5px;font-weight:600}
html.hubNew .calhead .btn,html.hubNew .calhead button,html.hubNew .calhead a.btn{background:rgba(255,255,255,.1);color:#fff;border-radius:9px;padding:8px 14px;font-size:12.5px;font-weight:800;border:1px solid rgba(255,255,255,.12);transform:none !important}
html.hubNew .calhead .btn:hover,html.hubNew .calhead button:hover{background:rgba(255,255,255,.18)}
html.hubNew .calhead input,html.hubNew .calhead select{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:9px;padding:8px 12px;width:auto;font-size:12.5px;font-weight:700}
html.hubNew .calhead select option{color:var(--ink)}
html.hubNew .calhead .pill{font-size:11px}
html.hubNew .hsAuto,html.hubNew #view>.calhead{margin:-22px -26px 20px !important}

/* ─── лявата колона ─── */
html.hubNew .plrail{width:300px;min-width:280px;background:var(--panel);color:var(--ink);border-right:1px solid var(--line);padding:16px 14px 24px}
html.hubNew .zhd{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.1em;color:var(--navy);text-transform:uppercase;font-weight:800;margin:6px 2px 10px;padding:0}
html.hubNew .zhd .hsZi{width:26px;height:26px;border-radius:8px;background:var(--navy);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
html.hubNew .zhd .hsZi svg{stroke:var(--gold);width:15px;height:15px}
html.hubNew .zhd+.zhd,html.hubNew .zhd[style*="margin-top"]{margin-top:22px !important}
html.hubNew .plrail .chip{background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;color:var(--ink);padding:10px 12px;margin-bottom:8px;box-shadow:0 1px 2px rgba(28,44,68,.04);transition:background .2s,border-color .2s,transform .2s var(--ease),box-shadow .2s;animation:hsCard .35s var(--ease) both}
html.hubNew .plrail .chip:hover{background:#f7f9fc;transform:translateX(2px);box-shadow:0 4px 12px rgba(28,44,68,.08)}
html.hubNew .plrail .chip.on{background:var(--navy);border-color:var(--navy);border-left-color:var(--gold);color:#fff;box-shadow:0 6px 16px rgba(28,44,68,.22)}
html.hubNew .plrail .chip .t{font-weight:700;font-size:13.5px;line-height:1.3} html.hubNew .plrail .chip .m{font-size:11.5px;color:var(--mut);margin-top:3px}
html.hubNew .plrail .chip.on .t{color:var(--gold)} html.hubNew .plrail .chip.on .m{color:#a9bad6}
html.hubNew .plrail .chip.hub{border-left-color:#7db4ff} html.hubNew .plrail .chip.mine,html.hubNew .ev.mine,html.hubNew .hev.mine{border-left-color:var(--gold)}
html.hubNew .plrail .chip.red{border-left-color:var(--red)} html.hubNew .plrail .chip.green{border-left-color:var(--green)}
html.hubNew .plrail .chip.red .m{color:var(--red);font-weight:700}
html.hubNew .plrail .chip.daily{background:#fff8ea;border-left-color:#e2a53c;border-color:#f0ddb4}
html.hubNew .plrail .chip.dailyw{background:#f4f6f8;border-left-color:#c8d0da}
html.hubNew .plrail .zchip.on{background:var(--navy)}
html.hubNew .plrail input,html.hubNew .plrail select,html.hubNew .plrail textarea,html.hubNew .zin{background:var(--bg2);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:13px;padding:9px 12px;transition:border .2s,box-shadow .2s,background .2s}
html.hubNew .plrail input:focus,html.hubNew .zin:focus,html.hubNew .plrail select:focus{border-color:var(--navy);background:#fff;box-shadow:0 0 0 3px rgba(232,185,120,.3);outline:none}
html.hubNew .zin::placeholder,html.hubNew .plrail input::placeholder{color:#93a3b8}
html.hubNew .zin option{color:var(--ink)}
html.hubNew .plrail .zhint,html.hubNew .zhint{color:#8a9bb5;font-size:12px;line-height:1.5}
html.hubNew .zres{background:var(--bg2);color:var(--ink);border-radius:8px}
html.hubNew .zres:hover{background:#e8eef7}
html.hubNew .zsave,html.hubNew .plrail .btn{background:var(--navy);color:var(--gold);border-radius:11px;font-weight:800;padding:10px 14px}
html.hubNew .plrail .btn.sec{background:#eef2f7;color:var(--navy)}
html.hubNew .plrail .btn.sec[style*="outline"]{background:var(--navy) !important;color:var(--gold) !important;outline:none !important}
html.hubNew .plrail .btn.zfind{padding:9px 13px}
html.hubNew .zlbl{color:var(--mut);font-size:12px;font-weight:700} html.hubNew .zlbl b{color:var(--navy)}
html.hubNew .zdel{color:#c0392b;font-weight:700}
html.hubNew .zform{gap:8px}
html.hubNew .plrail input[type=range]{accent-color:var(--navy);padding:0;background:transparent;border:none}
html.hubNew .plrail .chip .m .zdel{float:right}

/* ─── карти, заглавия в тях, бутони, полета ─── */
html.hubNew .card{background:#fff;border-radius:16px;border:1px solid var(--line);box-shadow:0 1px 3px rgba(28,44,68,.05);padding:18px 20px;margin:0 0 14px;animation:hsCard .35s var(--ease) both}
html.hubNew .card.tip{background:#fff9ec;border-color:#f0ddb4;color:#5b4a1e;font-size:14px;padding:14px 18px;border-left:4px solid var(--gold)}
html.hubNew .card h2,html.hubNew .card h3,html.hubNew h2{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);font-weight:800;border:none;padding:0;margin:0 0 14px !important}
html.hubNew .card h3::before,html.hubNew .card h2::before{content:"";width:4px;height:16px;border-radius:99px;background:var(--gold);flex-shrink:0}
html.hubNew .row{gap:10px}
html.hubNew .row>h3{margin:0 !important}
html.hubNew .btn{background:var(--navy);color:var(--gold);border-radius:10px;font-weight:800;padding:10px 18px;transition:transform .18s var(--ease),background .2s,box-shadow .2s}
html.hubNew .btn:hover{background:#25395a;transform:translateY(-1px);box-shadow:0 6px 14px rgba(28,44,68,.18)} html.hubNew .btn:active{transform:scale(.97)}
html.hubNew .btn.sec{background:#eef2f7;color:var(--navy)} html.hubNew .btn.sec:hover{background:#e2e9f3;box-shadow:none}
html.hubNew .btn.sec[style*="outline"]{background:var(--navy) !important;color:var(--gold) !important;outline:none !important}
html.hubNew .btn.warn{background:#fdecec;color:var(--red)}
html.hubNew input,html.hubNew select,html.hubNew textarea{border-radius:10px;border:1px solid var(--line);padding:10px 13px;font-size:14px;background:#fff;transition:border .2s,box-shadow .2s}
html.hubNew input:focus,html.hubNew select:focus,html.hubNew textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(232,185,120,.3)}
html.hubNew input::placeholder,html.hubNew textarea::placeholder{color:#93a3b8}
html.hubNew textarea{min-height:88px;line-height:1.55}
html.hubNew details summary{color:var(--navy) !important;font-weight:700;font-size:13px;list-style:none;display:inline-flex;align-items:center;gap:6px;padding:4px 0;cursor:pointer}
html.hubNew details summary::-webkit-details-marker{display:none}
html.hubNew details summary::before{content:"";width:7px;height:7px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg);transition:transform .25s var(--ease);margin-right:3px}
html.hubNew details[open] summary::before{transform:rotate(45deg)}
html.hubNew .muted{color:#6b7c95}
html.hubNew p.muted{font-size:13.5px}
html.hubNew .pill{border-radius:8px;padding:3px 10px;font-size:11.5px;font-weight:800;letter-spacing:.02em}
html.hubNew table th{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
html.hubNew .rep th{background:#f4f6fa;color:var(--navy)}
html.hubNew .rep td{font-size:13.5px}
html.hubNew .gbar{height:8px;background:#e8eef7} html.hubNew .gbar div{background:linear-gradient(90deg,var(--gold),var(--goldd))}

/* ─── Днес: задачите ─── */
html.hubNew .tcard{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:14px 16px;gap:14px;transition:transform .18s var(--ease),box-shadow .18s;animation:hsCard .35s var(--ease) both}
html.hubNew .tcard:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(28,44,68,.1)}
html.hubNew .tcard .tt{font-size:15px;font-weight:700;color:var(--ink)} html.hubNew .tcard .tm{font-size:12.5px;color:var(--mut);margin-top:3px}
html.hubNew .tcard.tdone{opacity:.6;background:#f7f9fc} html.hubNew .tcard.tdone .tt{text-decoration:line-through;color:var(--mut)}
html.hubNew .tchk span{width:24px;height:24px;border-radius:7px;border:1.5px solid #b9c4d4;background:#fff;transition:background .18s,border-color .18s,transform .18s}
html.hubNew .tchk span:hover{border-color:var(--navy)} html.hubNew .tchk span:active{transform:scale(.9)}
html.hubNew .tchk input:checked+span{background:var(--gold);border-color:var(--gold)}
html.hubNew .tchk input:checked+span::after{content:"";color:transparent;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%231c2c44' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7.5l3 3 6-7'/%3E%3C/svg%3E") center/13px no-repeat}
html.hubNew .tcard .del,html.hubNew .task .del{width:30px;height:30px;border-radius:8px;color:#b8c2d0;transition:all .18s;font-size:15px;display:flex;align-items:center;justify-content:center}
html.hubNew .tcard .del:hover,html.hubNew .task .del:hover{background:#fdecec;color:var(--red)}
html.hubNew .task{padding:12px 4px} html.hubNew .task .t{font-weight:600} html.hubNew .task .who{background:#eef2f7;color:var(--navy);font-weight:700;border-radius:8px}
html.hubNew .plrail .zin[type=date]{text-align:center;font-weight:700;color:var(--navy)}

/* ─── Клиенти: профилът ─── */
html.hubNew .stgbar{display:inline-flex;gap:0;background:#e6ecf5;border-radius:12px;padding:4px;margin:0 24px 16px}
html.hubNew .sarr{display:none}
html.hubNew .stg{background:transparent;color:var(--ink2);border-radius:9px;padding:8px 16px;font-size:12.5px;font-weight:800;transition:all .25s var(--ease)}
html.hubNew .stg:hover{background:#fff}
html.hubNew .stg.on{background:var(--navy) !important;color:var(--gold) !important;box-shadow:0 3px 10px rgba(28,44,68,.2)}
html.hubNew .hist .histrow{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;padding:8px 0 8px 18px;position:relative;border-left:2px solid #e2e8f2;margin-left:6px}
html.hubNew .hist .histrow::before{content:"";position:absolute;left:-6px;top:13px;width:10px;height:10px;border-radius:99px;background:var(--gold);box-shadow:0 0 0 2px #fff}
html.hubNew .hist .histrow .muted{font-size:12px;white-space:nowrap;min-width:140px}
html.hubNew .card .hist{border-top:none;padding-top:0;margin-top:0}
html.hubNew .kanban{gap:12px} html.hubNew .kcol{background:#e9eef5;border-radius:14px;padding:10px}
html.hubNew .kh{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:800}
html.hubNew .kcard{border-radius:11px;box-shadow:0 1px 3px rgba(28,44,68,.06);transition:transform .18s var(--ease),box-shadow .18s} html.hubNew .kcard:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(28,44,68,.12)}

/* ─── Резултати ─── */
html.hubNew .statgrid{gap:14px;margin:0 0 14px} html.hubNew .zmain>.statgrid{margin:0 24px 14px}
html.hubNew .statcard{position:relative;overflow:hidden} html.hubNew .statcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold)}
html.hubNew .statcard .pill.st-approved{background:var(--navy);color:var(--gold);font-size:14px;padding:5px 12px;border-radius:10px}
html.hubNew .zmain>.statgrid>.card{margin:0}

/* ─── Идеи · Екип · Обратна връзка ─── */
html.hubNew .vote{background:#eef2f7;color:var(--navy);border-radius:9px;padding:7px 12px;font-weight:800;transition:all .18s}
html.hubNew .vote:hover{background:#e2e9f3} html.hubNew .vote.my{background:var(--gold);color:var(--navy)}
html.hubNew .idea{padding:14px 4px} html.hubNew .idea b{font-size:15px}
html.hubNew .fbproblem{border-radius:14px;border-left-width:4px}
html.hubNew .card.fb{margin-bottom:10px;padding:14px 18px}
html.hubNew .card.fb b{font-size:14.5px}
html.hubNew .fixbadge{border-radius:8px}

/* ─── тикчета Т2 · превключватели Т5 ─── */
html.hubNew input[type="checkbox"]{appearance:none;-webkit-appearance:none;margin:0 6px 0 0;cursor:pointer;vertical-align:middle;width:18px;height:18px;border-radius:5px;background:#fff;border:1.5px solid #b9c4d4;position:relative;padding:0;transition:background .18s,border-color .18s,transform .18s}
html.hubNew input[type="checkbox"]::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%231c2c44' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7.5l3 3 6-7'/%3E%3C/svg%3E") center/11px no-repeat;opacity:0;transition:opacity .15s}
html.hubNew input[type="checkbox"]:checked{background:var(--gold);border-color:var(--gold)} html.hubNew input[type="checkbox"]:checked::after{opacity:1} html.hubNew input[type="checkbox"]:active{transform:scale(.92)}
html.hubNew input[type="checkbox"].sw{width:32px;border-radius:99px;background:#cfd7e2;border:none} html.hubNew input[type="checkbox"].sw::after{background:#fff;inset:2px auto 2px 2px;width:14px;border-radius:99px;opacity:1;box-shadow:0 1px 2px rgba(16,27,45,.25);transition:transform .25s var(--ease),background .25s} html.hubNew input[type="checkbox"].sw:checked{background:var(--navy)} html.hubNew input[type="checkbox"].sw:checked::after{transform:translateX(14px);background:var(--gold)}

/* ─── планер ─── */
html.hubNew .plcal{padding:16px 22px 18px}
html.hubNew .plcal .calhead{border-radius:14px;margin-bottom:14px}
html.hubNew .day{border-radius:10px;background:#fff} html.hubNew .day:hover{outline-color:var(--gold)} html.hubNew .day.today{outline:2px solid var(--gold);background:#fffdf7}
html.hubNew .ev{border-radius:7px} html.hubNew .hev{border-radius:8px;border-left-color:var(--gold)}
html.hubNew .hours{border-radius:12px;background:#fff}
html.hubNew #plNoteInp{background:#fff !important;border-color:#e2e8f2 !important;color:#1a2233 !important}
html.hubNew #plNoteInp::placeholder{color:#8a9bb5}
html.hubNew .plrail .btn[onclick="plAddNote()"]{background:#1c2c44 !important;color:#e8b978 !important;border-radius:10px}

/* ─── региони ─── */
html.hubNew #zmap{border-radius:14px;box-shadow:0 1px 3px rgba(28,44,68,.08)}
html.hubNew .zmain>#zmap{margin:0 24px 20px}

/* ─── чат ─── */
html.hubNew .chatapp{background:var(--bg2)}
html.hubNew .chatapp .convs,html.hubNew .convs{background:var(--panel) !important;color:var(--ink);border-right:1px solid var(--line);width:300px}
html.hubNew .convs .hd{color:var(--navy);font-size:11px;letter-spacing:.1em;font-weight:800;padding:18px 16px 10px}
html.hubNew .conv{border-left:none;margin:2px 8px;border-radius:12px;padding:10px 12px;transition:background .18s}
html.hubNew .conv:hover{background:#f4f6fa} html.hubNew .conv.on{background:var(--navy) !important;color:#fff}
html.hubNew .conv .nm{color:var(--ink)} html.hubNew .conv.on .nm{color:var(--gold)}
html.hubNew .conv .pv,html.hubNew .conv .tm{color:var(--mut)} html.hubNew .conv.on .pv,html.hubNew .conv.on .tm{color:#a9bad6}
html.hubNew .roomhd{background:var(--navy);color:#fff;padding:0 22px;min-height:66px;box-shadow:inset 0 -3px 0 var(--gold);border-bottom:none}
html.hubNew .roomhd b{color:#fff;font-size:17px} html.hubNew .roomhd span{color:#8fa9cf}
html.hubNew .msgs{background:var(--bg2);padding:18px 22px}
html.hubNew .bub{border-radius:14px 14px 14px 4px;font-size:14px;padding:9px 13px}
html.hubNew .mrow.mine .bub{background:var(--navy)} html.hubNew .mrow.mine .bub .f{color:var(--gold)}
html.hubNew .composer{border-top:1px solid var(--line);background:var(--panel);padding:12px 18px}
html.hubNew .cinput{border-radius:12px;padding:10px 14px} html.hubNew .cbtn{border-radius:10px}
html.hubNew .send{background:var(--navy);color:var(--gold);border-radius:10px}
html.hubNew .hintbar{background:var(--panel)}
html.hubNew .sysmsg{background:#eef3fa;color:#3d5170;border:1px solid #dbe4f2;border-radius:10px;font-size:12.5px}
html.hubNew .daysep{background:transparent;color:#8a9bb5;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase}
html.hubNew .pinbar{background:#fff9ec}

/* ─── мобилен ─── */
@media(max-width:700px){
  html.hubNew #appView{flex-direction:column}
  html.hubNew #hsRail{position:fixed;left:0;right:0;bottom:0;width:100%;height:calc(58px + env(safe-area-inset-bottom));padding:6px 6px calc(6px + env(safe-area-inset-bottom));flex-direction:row;align-items:center;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;box-shadow:0 -8px 24px rgba(28,44,68,.18);z-index:60;-webkit-overflow-scrolling:touch}
  html.hubNew #hsRail::-webkit-scrollbar{display:none}
  html.hubNew #hsRail .hsLogo{display:none}
  html.hubNew .hri{width:46px;height:46px;flex-shrink:0;scroll-snap-align:center}
  html.hubNew .hsBot{margin:0 0 0 6px;flex-direction:row;gap:0;padding-left:6px;border-left:1px solid rgba(255,255,255,.12)}
  html.hubNew .hsSep,html.hubNew .hri .tip{display:none}
  html.hubNew main{height:auto;padding:0 0 calc(78px + env(safe-area-inset-bottom))}
  html.hubNew main:not(.plmode) #view{padding:14px 12px 20px}
  html.hubNew .hsAuto,html.hubNew #view>.calhead{margin:-14px -12px 14px !important}
  html.hubNew .plrail{width:100%;min-width:0;max-height:44vh;border-right:0;border-bottom:1px solid var(--line);border-radius:0 0 16px 16px;padding:12px}
  html.hubNew .calhead{padding:12px 16px;min-height:56px} html.hubNew .calhead b{font-size:15px}
  html.hubNew .zmain>*:not(.calhead){margin-left:12px;margin-right:12px}
  html.hubNew .stgbar{margin:0 12px 12px;flex-wrap:wrap} html.hubNew .stg{padding:7px 11px;font-size:12px}
  html.hubNew .statgrid{margin:0 12px 12px}
  html.hubNew .card{padding:14px;border-radius:14px}
  html.hubNew .chatapp{height:calc(100dvh - 64px - env(safe-area-inset-bottom)) !important}
  html.hubNew .convs{width:62px !important;min-width:62px}
  html.hubNew .conv{margin:4px 6px;padding:8px}
}