/* ═══ Sales Hub · „ВЪТРЕШНО · РАФТЪТ“ + „ДОКУМЕНТИ НА РЪКА С ПОДПИС“ (01.11.2026) ═══
   Обликът е от одобрения прототип koncepcii-hub-01-11/vatreshno-i-navigacia/A.html (хартиени карти с лепенка, рафт-дъска, печати, купчина),
   на ШРИФТА НА ЖИВИЯ Hub — същият като „Днес“, „Клиенти“, „Чат“ и Платното (едно семейство). Бланката (A4) е брандовата:
   navy #1c2c44 + злато #e8b978 / #c89a5b + #7db4ff в логото, текст #5c6a7d, тъмно #1a2233, линия #e3e9f2 (dokumenti/instrukcia-firmeni-blanki.html).
   Всичко е под html.hubNew .hrf / .rf-ed / .rf-v / .rf-dlg / #rfPrint. Лентите (лявата и горната) не се пипат. */
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg){--ease:cubic-bezier(.2,.8,.2,1);--spring2:cubic-bezier(.3,1.32,.5,1);
--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .22 0 0 0 0 .08 0 0 0 .34 -.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace;
font-family:var(--sans);font-feature-settings:"locl" 0;-webkit-font-smoothing:antialiased;color:var(--ink)}
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) :where(button){font:inherit;cursor:pointer;border:none;background:none;color:inherit;text-align:inherit}
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
html.hubNew :is(.hrf,.rf-ed,.rf-v) .hn-head .hn-hb svg,html.hubNew .rf-eh .hn-hb svg{stroke:currentColor}
/* ─── бутони (както в Платното, „Днес“ и „Чат“) ─── */
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .hn-btn{display:inline-flex;align-items:center;gap:6px;background:var(--navy);color:var(--gold);border:1px solid var(--navy);font-size:12.5px;font-weight:800;padding:8px 14px;border-radius:10px;cursor:pointer;transition:transform .15s var(--ease),background .18s,box-shadow .2s;white-space:nowrap;text-decoration:none;line-height:1.2}
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .hn-btn:hover{background:#243954;box-shadow:0 4px 14px rgba(28,44,68,.18)} html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .hn-btn:active{transform:scale(.96)}
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .hn-btn.sec{background:#fff;color:var(--navy);border-color:var(--line)} html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .hn-btn.sec:hover{background:var(--bg2);box-shadow:none}
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .hn-btn.warn{background:#fff;color:var(--red);border-color:#f5c2c2}
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .hn-btn.sm{font-size:11.5px;padding:6px 10px;border-radius:8px}
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .hn-btn svg{stroke:currentColor} html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .hn-btn:disabled{opacity:.5;pointer-events:none}
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .hn-ibtn{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .15s var(--ease),background .15s;color:var(--navy)}
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .hn-ibtn:hover{background:var(--bg2)} html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .hn-ibtn:active{transform:scale(.92)}
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) :is(button,a,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--gold);outline-offset:2px}
/* ─── Б1 сегмент: писта + плъзгащ се палец (navy, златен текст) — същият като в Платното ─── */
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .seg{position:relative;display:inline-flex;background:var(--line2);border-radius:12px;padding:3px;gap:2px;flex:none;max-width:100%}
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .seg .th{position:absolute;left:0;top:0;border-radius:9px;background:var(--navy);box-shadow:0 3px 10px rgba(28,44,68,.22);transition:transform .44s var(--spring2),width .44s var(--spring2),height .2s;z-index:0;pointer-events:none}
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .seg button{position:relative;z-index:1;color:var(--mut);font-weight:800;font-size:11.5px;line-height:1.2;padding:6px 12px;border-radius:9px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:color .25s,background .2s}
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .seg button:hover:not(.on){color:var(--ink);background:rgba(28,44,68,.05)}
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .seg button.on{color:var(--gold)} html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .seg button:active{transform:scale(.97)}
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .seg button i{font-style:normal;font-size:10px;opacity:.75;font-weight:700;font-family:var(--mono)}
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .seg.sm button{padding:4px 9px;font-size:11px}
html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .seg.full{display:flex;width:100%} html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) .seg.full button{flex:1}
/* на navy (горната лента на редактора и прегледа): светла писта, злато палец */
html.hubNew :is(.rf-eh,.rf-vh) .seg{background:rgba(255,255,255,.1)} html.hubNew :is(.rf-eh,.rf-vh) .seg button{color:#c9d6ea} html.hubNew :is(.rf-eh,.rf-vh) .seg button:hover:not(.on){color:#fff;background:rgba(255,255,255,.08)}
html.hubNew :is(.rf-eh,.rf-vh) .seg .th{background:var(--gold);box-shadow:0 2px 8px rgba(0,0,0,.25)} html.hubNew :is(.rf-eh,.rf-vh) .seg button.on{color:var(--navy)}
html.hubNew .segx{max-width:100%;overflow-x:auto;scrollbar-width:none;flex:none} html.hubNew .segx::-webkit-scrollbar{display:none}

/* ═══ ЕКРАНЪТ: рафтът ═══ */
html.hubNew .hn-view.hrf{min-height:0;position:relative;background:var(--bg)}
html.hubNew .hrf .rf-tools{display:flex;gap:10px;align-items:center;padding:10px 22px;border-bottom:1px solid var(--line);background:var(--bg2);flex-wrap:wrap}
html.hubNew .hrf .srch{margin-left:auto;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 10px;color:var(--mut);min-width:220px}
html.hubNew .hrf .srch input{border:none;outline:none;background:none;font:inherit;font-size:13px;padding:7px 0;width:100%;color:var(--ink)}
html.hubNew .hrf .rf-main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background-image:radial-gradient(circle,rgba(28,44,68,.13) 1px,transparent 1.4px);background-size:24px 24px;background-color:#f6f2ea}
html.hubNew .hrf .rf-inner{max-width:1240px;margin:0 auto;padding:16px 24px 60px}
html.hubNew .hrf .rf-ann{display:flex;align-items:center;gap:10px;width:100%;background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:10px 14px;font-size:12.5px;color:var(--mut);box-shadow:0 1px 1px rgba(70,50,20,.05);transition:background .18s,transform .15s var(--ease)}
html.hubNew .hrf .rf-ann:hover{background:#fffaf1} html.hubNew .hrf .rf-ann:active{transform:scale(.995)}
html.hubNew .hrf .rf-ann svg{stroke:var(--navy)} html.hubNew .hrf .rf-ann b{color:var(--ink)} html.hubNew .hrf .rf-ann .tx{flex:1;min-width:0}
html.hubNew .hrf .rf-ann .go{display:inline-flex;align-items:center;gap:5px;font-weight:800;color:var(--navy);white-space:nowrap}
html.hubNew .hrf .rf-shelf{margin-top:24px;animation:hnIn .45s var(--ease) both}
html.hubNew .hrf .sh2{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:14px}
html.hubNew .hrf .sh2 h2{font-size:21px;font-weight:800;letter-spacing:-.015em;color:var(--navy);line-height:1.1;margin:0}
html.hubNew .hrf .sh2 .c{font-family:var(--mono);font-size:12px;color:#a3742c;font-weight:600}
html.hubNew .hrf .sh2 p{font-size:12.5px;color:var(--mut);flex:1 1 320px;min-width:0;margin:0}
html.hubNew .hrf .sh2 .lnk{color:var(--navy);font-weight:800;text-decoration:underline;text-underline-offset:2px}
html.hubNew .hrf .row{display:flex;flex-wrap:wrap;gap:22px 18px;padding:8px 4px 26px;position:relative}
html.hubNew .hrf .row::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:9px;border-radius:3px;background:linear-gradient(180deg,#d9c7a4,#c4ad83 60%,#a88f63);box-shadow:0 6px 10px -4px rgba(60,40,10,.45),inset 0 1px 0 rgba(255,255,255,.5);pointer-events:none}
html.hubNew .hrf .rf-empty{font-size:12.5px;color:var(--mut);padding:18px 6px;min-height:60px}
/* ─── хартиената карта (стикерът на Платното) ─── */
html.hubNew :is(.hrf,.rf-dlg) .nt{position:relative;--kb:var(--kb0,#fff0c4);--kc:var(--kc0,#ffb020);background:var(--grain),linear-gradient(90deg,var(--kc) 0 4px,color-mix(in srgb,var(--kc) 28%,transparent) 4px 5px,transparent 5px),linear-gradient(178deg,rgba(255,255,255,.62),rgba(255,255,255,0) 42%),radial-gradient(150% 100% at 100% 100%,rgba(110,72,20,.09),rgba(110,72,20,0) 48%),linear-gradient(180deg,var(--kb),color-mix(in srgb,var(--kb) 91%,var(--kc)));border-radius:2px 2px 3px 3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 1px 1px rgba(60,40,10,.10),0 3px 6px -2px rgba(60,40,10,.15),0 11px 14px -10px rgba(60,40,10,.48);padding:12px 12px 10px 16px;color:var(--ink);rotate:var(--rot,0deg);transition:translate .22s var(--ease),rotate .5s var(--spring2),scale .22s var(--ease),opacity .25s;cursor:pointer;-webkit-touch-callout:none;user-select:none;display:flex;flex-direction:column;text-align:left}
html.hubNew :is(.hrf,.rf-dlg) .nt::after{content:"";position:absolute;left:50%;top:-6px;width:38px;height:12px;margin-left:-19px;rotate:var(--tp,-2deg);background:linear-gradient(180deg,rgba(255,253,246,.85),rgba(238,229,208,.75));box-shadow:0 1px 1.5px rgba(60,40,10,.16),inset 0 0 0 .5px rgba(255,255,255,.6);border-radius:1px;pointer-events:none}
html.hubNew :is(.hrf,.rf-dlg) .nt::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 20px 30px -14px rgba(50,32,8,.5),0 6px 14px -5px rgba(28,44,68,.2);opacity:0;transition:opacity .22s var(--ease);pointer-events:none}
html.hubNew :is(.hrf,.rf-dlg) .nt:hover{translate:0 -3px;rotate:0deg} html.hubNew :is(.hrf,.rf-dlg) .nt:hover::before{opacity:.75} html.hubNew :is(.hrf,.rf-dlg) .nt:active{scale:.98}
html.hubNew :is(.hrf,.rf-dlg) .nt.k-guide{--kc0:#4f8ef7;--kb0:#e2ecff} html.hubNew :is(.hrf,.rf-dlg) .nt.k-file{--kc0:#1c2c44;--kb0:#f5efe3} html.hubNew :is(.hrf,.rf-dlg) .nt.k-link{--kc0:#0ea5a4;--kb0:#d6f3f0} html.hubNew :is(.hrf,.rf-dlg) .nt.k-text{--kc0:#7c3aed;--kb0:#ece2ff}
html.hubNew :is(.hrf,.rf-dlg) .nt.k-offer{--kc0:#e8b978;--kb0:#fbecd3} html.hubNew :is(.hrf,.rf-dlg) .nt.k-letter{--kc0:#7c3aed;--kb0:#f1eaff} html.hubNew :is(.hrf,.rf-dlg) .nt.k-report{--kc0:#0ea5a4;--kb0:#e3f6f3}
html.hubNew :is(.hrf,.rf-dlg) .nt.old{--kc0:#b7c1cb;--kb0:#eef0f3} html.hubNew :is(.hrf,.rf-dlg) .nt.old .tt{color:#5c6a7d}
html.hubNew :is(.hrf,.rf-dlg) .nt .top{display:flex;align-items:center;gap:6px}
html.hubNew :is(.hrf,.rf-dlg) .nt .top .sp{flex:1}
html.hubNew :is(.hrf,.rf-dlg) .nt .no{font-family:var(--mono);font-size:10px;color:#a3742c;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
html.hubNew :is(.hrf,.rf-dlg) .nt .cnt{font-family:var(--mono);font-size:10px;color:var(--mut)}
html.hubNew :is(.hrf,.rf-dlg) .nt .tt{font-size:13px;font-weight:700;line-height:1.3;letter-spacing:-.006em;color:#17202f;margin-top:4px}
html.hubNew :is(.hrf,.rf-dlg) .nt .ds{font-size:11.5px;color:#4a5668;line-height:1.4;margin-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html.hubNew :is(.hrf,.rf-dlg) .nt .ft{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:8px}
html.hubNew :is(.hrf,.rf-dlg) .nt .tg{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.62);box-shadow:inset 0 0 0 .5px rgba(28,44,68,.08);font-weight:700;font-size:10px;color:var(--mut);padding:1px 7px;border-radius:7px;white-space:nowrap;line-height:1.7}
html.hubNew :is(.hrf,.rf-dlg) .nt .tg.gold{background:rgba(232,185,120,.32);color:#8a6223} html.hubNew :is(.hrf,.rf-dlg) .nt .tg svg{stroke:currentColor}
html.hubNew :is(.hrf,.rf-dlg) .nt .tg .hn-ava.s{width:15px;height:15px;font-size:7px}
html.hubNew .hrf .row .nt{width:212px;min-height:150px}
html.hubNew .hrf .row .nt.wide{width:470px;display:grid;grid-template-columns:132px 1fr;grid-template-rows:auto auto 1fr auto;column-gap:14px}
html.hubNew .hrf .row .nt.wide .top{grid-column:1/-1}
html.hubNew .hrf .row .nt.wide .thumb{grid-row:2/5;grid-column:1;margin-top:6px}
html.hubNew .hrf .nt .thumb{display:block;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px rgba(28,44,68,.25);background:#fff;aspect-ratio:380/500}
html.hubNew .hrf .nt .thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
html.hubNew .hrf .stamp{position:absolute;right:10px;bottom:12px;rotate:-9deg;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--red);border:1.5px solid currentColor;border-radius:5px;padding:2px 6px;opacity:.82;background:rgba(255,255,255,.35);pointer-events:none;mix-blend-mode:multiply}
/* ─── картата на документ: малката бланка горе ─── */
html.hubNew :is(.hrf,.rf-dlg) .nt.dc{padding:0 0 10px;overflow:hidden;background:#fff;border:1px solid #e3e9f2;--kc0:var(--gold)}
html.hubNew :is(.hrf,.rf-dlg) .nt.dc .lh{display:flex;align-items:center;gap:7px;background:#1c2c44;color:#e8b978;padding:9px 12px;font-size:11px;box-shadow:inset 0 -2px 0 var(--kc)}
html.hubNew :is(.hrf,.rf-dlg) .nt.dc .lh i{width:13px;height:13px;border-radius:3px;background:linear-gradient(90deg,#e8b978 0 34%,transparent 34%),linear-gradient(180deg,#c89a5b 0 30%,transparent 30% 42%,#7db4ff 42% 70%,transparent 70%) no-repeat 6px 0/7px 13px;flex:none}
html.hubNew :is(.hrf,.rf-dlg) .nt.dc .lh b{font-weight:800;letter-spacing:.02em} html.hubNew :is(.hrf,.rf-dlg) .nt.dc .lh em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#c9d6ea}
html.hubNew :is(.hrf,.rf-dlg) .nt.dc .tt,html.hubNew :is(.hrf,.rf-dlg) .nt.dc .ds{padding:0 12px} html.hubNew :is(.hrf,.rf-dlg) .nt.dc .tt{margin-top:9px}
html.hubNew :is(.hrf,.rf-dlg) .nt.dc .ft{padding:8px 12px 0}
html.hubNew :is(.hrf,.rf-dlg) .nt.dc .tg.mono{font-family:var(--mono);color:var(--navy);background:rgba(232,185,120,.28)}
html.hubNew .hrf .nt.nw{background:rgba(255,255,255,.55);border:2px dashed #cdbf9f;box-shadow:none;align-items:flex-start;justify-content:center;gap:2px}
html.hubNew .hrf .nt.nw::after{display:none} html.hubNew .hrf .nt.nw .pl{width:38px;height:38px;border-radius:10px;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:6px} html.hubNew .hrf .nt.nw .pl svg{stroke:currentColor}
html.hubNew .hrf .nt.nw:hover{background:#fff}
/* ─── Архивът: купчина, която се разперва ─── */
html.hubNew .hrf .pile{position:relative;height:200px;width:520px;max-width:100%;cursor:pointer;margin:6px 0 10px}
html.hubNew .hrf .pile .nt{position:absolute;left:0;top:0;width:212px;min-height:150px;transition:transform .6s var(--spring2),rotate .6s var(--spring2),opacity .3s;pointer-events:none}
html.hubNew .hrf .pile .nt[data-pi="0"]{transform:translate(0,0);rotate:-2deg;z-index:6} html.hubNew .hrf .pile .nt[data-pi="1"]{transform:translate(8px,6px);rotate:3deg;z-index:5} html.hubNew .hrf .pile .nt[data-pi="2"]{transform:translate(14px,10px);rotate:-5deg;z-index:4}
html.hubNew .hrf .pile .nt[data-pi="3"]{transform:translate(20px,13px);rotate:6deg;z-index:3} html.hubNew .hrf .pile .nt[data-pi="4"]{transform:translate(25px,16px);rotate:-3deg;z-index:2} html.hubNew .hrf .pile .nt[data-pi="5"]{transform:translate(30px,18px);rotate:2deg;z-index:1}
html.hubNew .hrf .pile:hover .nt[data-pi="0"]{transform:translate(-4px,-6px)} html.hubNew .hrf .pile:hover .nt[data-pi="1"]{transform:translate(18px,0)}
html.hubNew .hrf .pile .lbl{position:absolute;left:270px;top:40px;width:230px;font-size:12px;color:var(--mut)}
html.hubNew .hrf .pile .lbl b{display:block;font-size:19px;color:var(--navy);font-weight:800;margin-bottom:4px}
html.hubNew .hrf .row.fan .nt{animation:rfFan .6s var(--spring2) both;animation-delay:calc(var(--i,0)*40ms)}
@keyframes rfFan{from{opacity:0;transform:translate(-30px,-10px) rotate(-6deg)}to{opacity:1;transform:none}}

/* ═══ ПРЕГЛЕДЪТ НА МАТЕРИАЛ ═══ */
html.hubNew .rf-v{position:fixed;left:56px;top:0;right:0;bottom:0;z-index:860;background:#ece6da;display:flex;flex-direction:column;transform:translateY(16px);opacity:0;pointer-events:none;transition:transform .42s var(--spring2),opacity .2s}
html.hubNew .rf-v.on{transform:none;opacity:1;pointer-events:auto}
html.hubNew :is(.rf-vh,.rf-eh){min-height:48px;background:var(--navy);display:flex;align-items:center;padding:6px 14px;gap:10px;box-shadow:inset 0 -3px 0 var(--gold);flex-shrink:0;color:#fff;flex-wrap:wrap}
html.hubNew .rf-vh .t{flex:1;min-width:0;display:flex;flex-direction:column} html.hubNew .rf-vh .t b{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} html.hubNew .rf-vh .t span{font-size:11.5px;color:#a9bad6}
html.hubNew :is(.rf-vh,.rf-eh) .r{margin-left:auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
html.hubNew .rf-vh .hn-ibtn.x{background:rgba(255,255,255,.1);border-color:transparent;color:#fff}
html.hubNew .rf-vb{flex:1;min-height:0;display:flex;padding:14px}
html.hubNew .rf-v .rf-fr{flex:1;width:100%;border:1px solid #d8cfbd;border-radius:10px;background:#fff;box-shadow:0 10px 30px -12px rgba(60,40,10,.35)}
html.hubNew .rf-v .rf-txt{margin:20px auto;max-width:720px;width:100%;background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:10px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;overflow-y:auto;font-size:13.5px;line-height:1.6}
html.hubNew .rf-v .rf-txt .pre{white-space:pre-wrap;color:var(--ink)} html.hubNew .rf-v .rf-txt .mono{word-break:break-all;color:var(--mut);font-size:12px}

/* ═══ ДИАЛОГ (нов материал / нов документ) ═══ */
html.hubNew .rf-dov{position:fixed;inset:0;background:rgba(16,27,45,.42);z-index:900;opacity:0;pointer-events:none;transition:opacity .25s}
html.hubNew .rf-dov.on{opacity:1;pointer-events:auto}
html.hubNew .rf-dlg{position:fixed;left:50%;top:50%;z-index:910;width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 60px);overflow-y:auto;overflow-x:hidden;background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.35);padding:20px 22px;transform:translate(-50%,-46%);opacity:0;pointer-events:none;transition:transform .4s var(--spring2),opacity .2s;box-sizing:border-box}
html.hubNew .rf-dlg.on{transform:translate(-50%,-50%);opacity:1;pointer-events:auto}
html.hubNew .rf-dlg .grab{display:none}
html.hubNew .rf-dlg h2{font-size:18px;font-weight:800;color:var(--navy);margin:0 0 4px} html.hubNew .rf-dlg .d{font-size:12.5px;color:var(--mut);margin:0 0 14px;line-height:1.5}
html.hubNew .rf-dlg .a{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}
html.hubNew .rf-dlg .seg{margin-bottom:12px}
html.hubNew .rf-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:8px 2px 4px}
html.hubNew .rf-pick .nt{min-height:150px}
/* полетата (диалогът и редакторът) */
html.hubNew :is(.rf-dlg,.rf-ed) .fl{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;min-width:0}
html.hubNew :is(.rf-dlg,.rf-ed) .fl > span{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
html.hubNew :is(.rf-dlg,.rf-ed) .rf-in{font:inherit;font-size:13.5px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 10px;width:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
html.hubNew :is(.rf-dlg,.rf-ed) .rf-in:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,185,120,.25)}
html.hubNew :is(.rf-dlg,.rf-ed) textarea.rf-in{resize:vertical;line-height:1.5;min-height:60px}

/* ═══ РЕДАКТОРЪТ НА ДОКУМЕНТ ═══ */
html.hubNew .rf-ed{position:fixed;left:56px;top:0;right:0;bottom:0;z-index:850;background:var(--bg2);display:flex;flex-direction:column;transform:translateX(24px);opacity:0;pointer-events:none;transition:transform .42s var(--spring2),opacity .2s}
html.hubNew .rf-ed.on{transform:none;opacity:1;pointer-events:auto}
html.hubNew .rf-eh .hn-hb{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);color:#fff;font-size:12px;font-weight:800;padding:6px 12px;border-radius:9px;white-space:nowrap;transition:background .18s,transform .15s var(--ease)}
html.hubNew .rf-eh .hn-hb:hover{background:rgba(255,255,255,.18)} html.hubNew .rf-eh .hn-hb:active{transform:scale(.96)}
html.hubNew .rf-eh .hn-hb.on{background:rgba(232,185,120,.22);color:var(--gold)} html.hubNew .rf-eh .hn-hb.gold{background:var(--gold);color:var(--navy)} html.hubNew .rf-eh .hn-hb.gold:hover{background:#f0c88e}
html.hubNew .rf-eh .ti{flex:1 1 220px;min-width:0;max-width:420px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:9px;color:#fff;font:inherit;font-size:14px;font-weight:800;padding:6px 10px}
html.hubNew .rf-eh .ti:focus{outline:none;border-color:var(--gold)} html.hubNew .rf-eh b.ti{background:none;border-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.hubNew .rf-eh .st{font-size:11.5px;color:#a9bad6;white-space:nowrap} html.hubNew .rf-eh .st.busy{color:var(--gold)}
html.hubNew .rf-ed .rf-pane{display:none}
html.hubNew .rf-ed .rf-eb{flex:1;min-height:0;display:grid;grid-template-columns:minmax(360px,440px) minmax(0,1fr)}
html.hubNew .rf-ed .rf-eb[data-own="0"]{grid-template-columns:minmax(0,1fr)}
html.hubNew .rf-ed .rf-form{overflow-y:auto;overflow-x:hidden;padding:16px 18px 60px;border-right:1px solid var(--line);background:#fff}
html.hubNew .rf-ed .grp{background:var(--bg2);border:1px solid var(--line2);border-radius:12px;padding:12px 12px 4px;margin-bottom:12px}
html.hubNew .rf-ed .gh{display:flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.1em;font-weight:800;color:var(--navy);margin:0 0 10px;text-transform:uppercase}
html.hubNew .rf-ed .gh::before{content:"";width:3px;height:13px;border-radius:2px;background:var(--gold)}
html.hubNew .rf-ed .gh .rm{margin-left:auto}
html.hubNew .rf-ed .two{display:grid;grid-template-columns:1fr 1fr;gap:8px} html.hubNew .rf-ed .three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
html.hubNew .rf-ed .fl.big textarea{min-height:220px}
html.hubNew .rf-ed .lnr{background:#fff;border:1px solid var(--line2);border-radius:10px;padding:8px;margin-bottom:8px}
html.hubNew .rf-ed .lnr .qp{display:flex;align-items:flex-end;gap:6px;margin-top:6px}
html.hubNew .rf-ed .lnr .qp .fl{margin:0;flex:1}
html.hubNew .rf-ed .lnr .qp .x,html.hubNew .rf-ed .lnr .qp .eq{color:var(--mut);font-weight:800;padding-bottom:9px}
html.hubNew .rf-ed .lnr .ls{min-width:84px;text-align:right;padding-bottom:9px;font-size:12.5px;color:var(--navy)}
html.hubNew .rf-ed .lnr .rm{margin-bottom:3px}
html.hubNew .rf-ed .lnf{display:flex;align-items:center;gap:10px;padding:2px 0 10px}
html.hubNew .rf-ed .lnf .tot{margin-left:auto;font-size:12.5px;color:var(--mut)} html.hubNew .rf-ed .lnf .tot b{font-size:15px;color:var(--navy)}
html.hubNew .rf-ed .nms{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
html.hubNew .rf-ed .nmr{display:grid;grid-template-columns:110px 1fr auto;gap:6px;align-items:center}
html.hubNew .rf-ed .nms > .hn-btn{align-self:flex-start}
html.hubNew .rf-ed .sgi .sgrow{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--mut);margin-bottom:8px} html.hubNew .rf-ed .sgi b{color:var(--ink)}
html.hubNew .rf-ed .sgi .sgim{width:120px;height:52px;border:1px dashed var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--mut);background:repeating-conic-gradient(#f3f5f9 0 25%,#fff 0 50%) 0 0/12px 12px;flex:none}
html.hubNew .rf-ed .sgi .sgim img{max-width:110px;max-height:46px}
html.hubNew .rf-ed .sgi .hn-note{font-size:11.5px;color:var(--mut);margin-bottom:8px}
html.hubNew .rf-ed .sgi .hn-btn{margin-bottom:10px}
html.hubNew .rf-ed .rf-prev{overflow:auto;padding:28px;background-color:#ece6da;background-image:radial-gradient(circle,rgba(28,44,68,.13) 1px,transparent 1.4px);background-size:24px 24px}
html.hubNew .rf-ed .rf-prev .pg{transform-origin:0 0;margin:0 auto}
html.hubNew .rf-ed .rf-prev .rf-a4{box-shadow:0 1px 2px rgba(60,40,10,.12),0 18px 40px -16px rgba(60,40,10,.45)}

/* ═══ БЛАНКАТА · A4 (брандовата: navy + злато + подпис) ═══ */
.rf-a4{width:210mm;min-height:297mm;box-sizing:border-box;background:#fff;color:#1a2233;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-feature-settings:"locl" 0;display:flex;flex-direction:column;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:left;font-size:13.5px;line-height:1.65}
.rf-a4 .lh{background:#1c2c44;padding:26px 16mm 24px;display:flex;align-items:center;gap:14px;box-shadow:inset 0 -3px 0 #e8b978}
.rf-a4 .lh .lg{flex:none}
.rf-a4 .lh .br{display:flex;flex-direction:column;min-width:0}
.rf-a4 .lh .br b{color:#e8b978;font-size:22px;font-weight:800;line-height:1.15;letter-spacing:-.005em}
.rf-a4 .lh .br span{color:#c9d6ea;font-size:12.5px;margin-top:2px}
.rf-a4 .lh .kd{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:1px}
.rf-a4 .lh .kd b{color:#e8b978;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.rf-a4 .lh .kd span{color:#c9d6ea;font-size:11.5px;white-space:nowrap} .rf-a4 .lh .kd span i{font-style:normal;color:#8fa3c4}
.rf-a4 .bd{padding:12mm 16mm 6mm;flex:1;color:#5c6a7d}
.rf-a4 h1{font-size:22px;font-weight:800;color:#1c2c44;margin:0 0 10px;letter-spacing:-.01em;line-height:1.2}
.rf-a4 h3{font-size:12.5px;font-weight:800;letter-spacing:.08em;color:#1c2c44;border-bottom:2px solid #e8b978;padding-bottom:6px;margin:22px 0 10px;text-transform:uppercase;break-after:avoid}
.rf-a4 .pre{white-space:pre-wrap;overflow-wrap:anywhere}
.rf-a4 p{margin:0 0 10px}
.rf-a4 .to{margin:0 0 16px;font-size:13px;line-height:1.5} .rf-a4 .to .k{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#b98a3e;margin-bottom:2px} .rf-a4 .to b{color:#1a2233;font-size:14px}
.rf-a4 .intro{color:#1a2233}
.rf-a4 table.ln{width:100%;border-collapse:collapse;margin:14px 0 6px;font-size:12.5px;line-height:1.45}
.rf-a4 table.ln th{text-align:left;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1c2c44;border-bottom:2px solid #e8b978;padding:6px 8px}
.rf-a4 table.ln td{padding:8px;border-bottom:1px solid #e3e9f2;color:#1a2233;vertical-align:top} .rf-a4 table.ln tr{break-inside:avoid}
.rf-a4 table.ln .n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.rf-a4 table.ln tr.empty td{color:#8fa3c4;text-align:center}
.rf-a4 table.ln tfoot td{border-bottom:none;border-top:2px solid #1c2c44;font-weight:800;font-size:14px;color:#1c2c44;padding-top:10px} .rf-a4 table.ln tfoot td:first-child{text-align:right;letter-spacing:.06em;text-transform:uppercase;font-size:11.5px}
.rf-a4 .cur{font-size:11.5px;color:#5c6a7d;text-align:right;margin-bottom:6px}
.rf-a4 .subj{color:#1a2233;font-weight:700;margin:0 0 14px} .rf-a4 .subj span{color:#b98a3e;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.rf-a4 .letter{color:#1a2233;font-size:13.5px;line-height:1.7} .rf-a4 .closing{color:#1a2233;margin-top:18px}
.rf-a4 .rs{break-inside:avoid-page}
.rf-a4 .nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:4px 0 10px}
.rf-a4 .nums div{border:1px solid #e3e9f2;border-radius:10px;padding:9px 12px;background:#f7f9fc} .rf-a4 .nums b{display:block;font-size:22px;color:#b98a3e;font-variant-numeric:tabular-nums;line-height:1.2;font-weight:800} .rf-a4 .nums span{font-size:11.5px;color:#5c6a7d}
.rf-a4 .sig{margin:26px 0 0 auto;width:62mm;display:flex;flex-direction:column;align-items:flex-start;break-inside:avoid}
.rf-a4 .sig .si{display:block;height:52px;max-width:60mm;object-fit:contain;object-position:left bottom} .rf-a4 .sig .si.none{height:52px}
.rf-a4 .sig .sl{display:block;width:100%;border-top:1px solid #c9d3e0;margin:2px 0 6px}
.rf-a4 .sig .nm{color:#1a2233;font-size:13px;font-weight:800;line-height:1.3} .rf-a4 .sig .jt{color:#5c6a7d;font-size:11.5px;line-height:1.35} .rf-a4 .sig .co{color:#b98a3e;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-top:2px}
.rf-a4 .ft{margin:0 16mm;border-top:1px solid #e3e9f2;padding:10px 0 12mm;color:#5c6a7d;font-size:11.5px}

/* ═══ ПЕЧАТ / PDF: само листът, A4 ═══ */
#rfPrint{display:none}
@media print{
  @page{size:A4;margin:0}
  html.rf-edopen,html.rf-edopen body{background:#fff!important;overflow:visible!important;height:auto!important}
  html.rf-edopen body > *:not(#rfPrint){display:none!important}
  html.rf-edopen #rfPrint{display:block!important}
  #rfPrint .rf-a4{box-shadow:none;margin:0}
}

/* ═══ ЕКИП: длъжността и „Моят подпис“ ═══ */
html.hubNew .tm-sigbox{height:84px;border:1px dashed var(--line);border-radius:10px;margin:8px 0;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#f3f5f9 0 25%,#fff 0 50%) 0 0/14px 14px}
html.hubNew .tm-sigbox img{max-height:72px;max-width:90%}

/* ═══ ТЕЛЕФОН: цели ≥ 44 px, без хоризонтален скрол, листовете отдолу ═══ */
@media(max-width:760px){
  html.hubNew .hrf .hn-head .lb{display:none} html.hubNew .hrf .hn-head .hn-hb{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  html.hubNew .hrf .rf-tools{padding:8px 10px;gap:8px}
  html.hubNew .hrf .rf-tools .segx{max-width:100%} html.hubNew .hrf .seg button{min-height:44px;padding:6px 12px}
  html.hubNew .hrf .srch{min-width:0;flex:1 1 100%;margin-left:0;min-height:44px} html.hubNew .hrf .srch input{font-size:16px;min-height:44px}
  html.hubNew .hrf .rf-main{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  html.hubNew .hrf .rf-inner{padding:12px 12px 30px}
  html.hubNew .hrf .rf-ann{min-height:44px;flex-wrap:wrap} html.hubNew .hrf .rf-ann .go{min-height:30px}
  html.hubNew .hrf .sh2 h2{font-size:19px} html.hubNew .hrf .sh2 .lnk{display:inline-block;min-height:44px;line-height:44px}
  html.hubNew .hrf .row{gap:18px 12px}
  html.hubNew .hrf .row .nt{width:calc(50% - 6px);min-height:136px;padding:11px 10px 9px 14px}
  html.hubNew .hrf .row .nt.dc{padding:0 0 9px}
  html.hubNew .hrf .row .nt.wide{width:100%;grid-template-columns:96px 1fr}
  html.hubNew .hrf .pile{width:100%;height:186px} html.hubNew .hrf .pile .nt{width:calc(50% - 6px)} html.hubNew .hrf .pile .lbl{left:calc(50% + 24px);width:auto;right:0;top:24px}
  html.hubNew .rf-v,html.hubNew .rf-ed{left:0}   /* 850 е над долната лента (40) и под потвърждението (.hn-ov 900) и тоста (950) */
  html.hubNew :is(.rf-vh,.rf-eh){padding:calc(6px + env(safe-area-inset-top)) 10px 6px}
  html.hubNew :is(.rf-vh,.rf-eh) .lb{display:none}
  html.hubNew :is(.rf-vh,.rf-eh) .hn-hb,html.hubNew :is(.rf-vh,.rf-eh) .hn-btn,html.hubNew .rf-vh .hn-ibtn{min-width:44px;min-height:44px;justify-content:center}
  html.hubNew :is(.rf-vh,.rf-eh) .seg button{min-height:44px;min-width:44px}
  html.hubNew .rf-vh .t{flex:1 1 calc(100% - 60px)} html.hubNew .rf-vh .r{width:100%;margin-left:0}
  html.hubNew .rf-eh .ti{flex:1 1 calc(100% - 64px);max-width:none;min-height:44px;font-size:16px} html.hubNew .rf-eh .st{order:3} html.hubNew .rf-eh .r{width:100%;margin-left:0;order:4}
  html.hubNew .rf-vb{padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
  html.hubNew .rf-ed .rf-pane{display:block;padding:8px 10px;background:#fff;border-bottom:1px solid var(--line)} html.hubNew .rf-ed .rf-pane .seg button{min-height:44px}
  html.hubNew .rf-ed .rf-eb{display:block;overflow:hidden}
  html.hubNew .rf-ed .rf-eb[data-pane="write"] .rf-prev,html.hubNew .rf-ed .rf-eb[data-pane="view"][data-own="1"] .rf-form{display:none}
  html.hubNew .rf-ed .rf-form,html.hubNew .rf-ed .rf-prev{height:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}
  html.hubNew .rf-ed .rf-form{padding:12px 12px calc(40px + env(safe-area-inset-bottom));border-right:none}
  html.hubNew .rf-ed .rf-prev{padding:10px;overflow-x:hidden}
  html.hubNew .rf-ed .rf-in{font-size:16px;min-height:44px} html.hubNew .rf-ed textarea.rf-in{min-height:88px}
  html.hubNew .rf-ed .three{grid-template-columns:1fr 1fr} html.hubNew .rf-ed .three .fl:first-child{grid-column:1/-1}
  html.hubNew .rf-ed .two{grid-template-columns:1fr}
  html.hubNew .rf-ed .hn-btn{min-height:44px} html.hubNew .rf-ed .hn-ibtn{width:44px;height:44px}
  html.hubNew .rf-ed .lnr .qp{flex-wrap:wrap} html.hubNew .rf-ed .lnr .ls{min-width:0;flex:1}
  html.hubNew .rf-ed .nmr{grid-template-columns:90px 1fr 44px}
  html.hubNew .rf-dlg{left:0;right:0;top:auto;bottom:0;width:100%;max-height:88dvh;border-radius:18px 18px 0 0;transform:translateY(105%);padding:8px 16px calc(18px + env(safe-area-inset-bottom))}
  html.hubNew .rf-dlg.on{transform:none}
  html.hubNew .rf-dlg .grab{display:block;width:40px;height:5px;border-radius:9px;background:#d5dce6;margin:4px auto 10px}
  html.hubNew .rf-dlg .rf-in{font-size:16px;min-height:44px} html.hubNew .rf-dlg .hn-btn{min-height:44px} html.hubNew .rf-dlg .seg button{min-height:44px}
  html.hubNew .rf-pick{grid-template-columns:1fr;gap:14px} html.hubNew .rf-pick .nt{min-height:96px}
  html.hubNew .tm-title .hn-btn,html.hubNew .tm-sig .hn-btn,html.hubNew .tm-title .hn-inp{min-height:44px}
}
@media(prefers-reduced-motion:reduce){html.hubNew :is(.hrf,.rf-ed,.rf-v,.rf-dlg) *{animation:none!important;transition:none!important}}