/* 24.10.2026 · оформление «Банкнота» (DESIGN.md). Только внешний вид: цвета, шрифты, рамки, фон.
   Подключается последним стилем в index.html; печать не затрагивается (всё внутри @media screen). */
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400 700;font-display:swap;src:url(./GolosText-cyrillic-17d048ca05cb.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400 700;font-display:swap;src:url(./GolosText-latin-ext-05befabe4813.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400 700;font-display:swap;src:url(./GolosText-latin-9a69d0aa4734.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:600 800;font-display:swap;src:url(./Unbounded-cyrillic-e30bf6a6063b.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:600 800;font-display:swap;src:url(./Unbounded-latin-ext-845e1c9fe2e9.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:600 800;font-display:swap;src:url(./Unbounded-latin-22f9b928aa39.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

@media screen{
:root{
 --bn-ink:#14324A;--bn-ink2:#0B2236;--bn-ink3:#1D4766;
 --bn-paper:#EEF1E6;--bn-paper2:#F8F9F3;--bn-sheet:#FFFFFF;
 --bn-line:#CDD6C8;--bn-line2:#DFE5DA;--bn-muted:#56676A;
 --bn-blue:#2E6FD8;--bn-teal:#0B7A6E;--bn-amber:#E8962A;--bn-gold:#FFD38A;--bn-err:#B42318;
 --bn-ease:cubic-bezier(.16,1,.3,1);
 --line:var(--bn-line2);--muted:var(--bn-muted);--blue:var(--bn-blue);
 font-family:"Golos Text",-apple-system,"Segoe UI",system-ui,sans-serif;color:var(--bn-ink);background:var(--bn-paper)}
body{color:var(--bn-ink);font-family:"Golos Text",-apple-system,"Segoe UI",system-ui,sans-serif;background-color:var(--bn-paper);background-image:
 repeating-linear-gradient(115deg,rgba(20,50,74,.032) 0 1px,transparent 1px 7px),
 repeating-linear-gradient(25deg,rgba(14,147,132,.028) 0 1px,transparent 1px 9px);background-attachment:fixed}
::selection{background:#F2C14E;color:var(--bn-ink2)}

/* заголовки и суммы */
h1,.topbar h1{font-family:Unbounded,"Golos Text",sans-serif;font-weight:700;letter-spacing:-.015em;color:var(--bn-ink)}
.pageheading h2,.panel h2,.panel h3,.payment-inbox h3{font-family:Unbounded,"Golos Text",sans-serif;font-weight:700;letter-spacing:-.01em;color:var(--bn-ink)}
.topbar{border-bottom-color:var(--bn-line)}
.topbar .eyebrow{display:none}
.muted{color:var(--bn-muted)}
.num,td,.stat strong{font-variant-numeric:tabular-nums}

/* меню */
.sidebar{background:radial-gradient(120% 45% at 0% 0%,var(--bn-ink3) 0,transparent 65%),var(--bn-ink2);border:0;border-radius:0;margin:0;top:0;height:100dvh;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.sidebar small,.sidebarfooter{color:#AFC2BB}
.sidebarfooter{border-color:rgba(255,255,255,.08)}
.brandmark,.sidebar .brandmark{color:var(--bn-ink2);background:conic-gradient(from 210deg,#F2A23A,#E2553A,#7A5AF8,#2E6FD8,#0E9384,#F2A23A);border:0;border-radius:10px;box-shadow:none;font-family:Unbounded,sans-serif;font-weight:800}
.sidebar .brand{font-family:Unbounded,"Golos Text",sans-serif;font-weight:700}
.navitem,.sidebarfooter .navitem{color:#B9CAC3;border-color:transparent;border-radius:9px}
.navitem svg,.sidebar .navitem svg{background:none;border:0;padding:0;opacity:1;stroke-width:1.75px}
.navitem:hover{color:#fff;background:rgba(255,255,255,.06)}
.navitem.active,.sidebar .navitem.active{color:#fff;background:rgba(255,255,255,.1);border-color:transparent;box-shadow:inset 3px 0 0 var(--bn-gold)}
.navitem.active svg,.sidebar .navitem.active svg{background:none;border:0;color:var(--bn-gold);stroke:var(--bn-gold)}

/* панели */
.panel,.profile,.results{background:var(--bn-paper2);border:1px solid var(--bn-line);border-radius:14px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.panel,.results{border-radius:14px}
.delete-dialog{background:var(--bn-sheet);border:1px solid var(--bn-line);border-radius:14px;-webkit-backdrop-filter:none;backdrop-filter:none}

/* суммы-карточки */
.stat{background:var(--bn-paper2)}
.stat:before{background:var(--bn-line);height:2px;border-radius:2px}
.stat strong{font-family:Unbounded,"Golos Text",sans-serif;font-weight:800;letter-spacing:-.025em;color:var(--bn-ink);white-space:nowrap;font-size:clamp(17px,1.45vw,23px)}
.stat-icon{color:var(--bn-ink);background:var(--bn-sheet);border:1px solid var(--bn-line);border-radius:9px;box-shadow:none}
.stat.accent{color:#fff;background:linear-gradient(135deg,#102B42,#1B4B6B 55%,#14324A);border-color:transparent;box-shadow:none;position:relative;overflow:hidden}
.stat.accent:before{background:linear-gradient(90deg,#F2A23A,#E2553A,#7A5AF8,#2E6FD8,#0E9384)}
.stat.accent .muted,.stat.accent p,.stat.accent small{color:#C9D8DB}
.stat.accent strong{color:#FFD38A;background:linear-gradient(100deg,#FFE3A8 0,#F2A23A 22%,#E2553A 42%,#B9A2FF 62%,#7FB6FF 80%,#FFE3A8 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:bn-iris 6s linear infinite}
.stat.accent .stat-icon{color:var(--bn-gold);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.stat.accent:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#F2A23A,#E2553A,#7A5AF8,#2E6FD8,#0E9384,#F2A23A);background-size:200% 100%;animation:bn-holo 4s linear infinite}
@keyframes bn-iris{to{background-position:-220% 0}}
@keyframes bn-holo{to{background-position:-200% 0}}

/* кнопки */
.primary,.secondary,.danger-button{border-radius:10px;box-shadow:none;transition:background .2s,border-color .2s,transform .2s var(--bn-ease)}
.primary{color:#fff;background:var(--bn-ink);border:1px solid var(--bn-ink)}
.primary:hover{background:var(--bn-ink3);border-color:var(--bn-ink3);box-shadow:0 6px 14px rgba(11,34,54,.18);transform:translateY(-1px)}
.secondary{color:var(--bn-ink);background:var(--bn-sheet);border:1px solid var(--bn-line)}
.secondary:hover{background:var(--bn-sheet);border-color:var(--bn-ink)}
.danger-button{color:var(--bn-err);background:var(--bn-sheet);border:1px solid #E7B9AE}
.textbutton{color:var(--bn-blue);border-radius:8px}
.textbutton:hover{background:rgba(46,111,216,.08)}
.primary:disabled,.secondary:disabled{opacity:.5;transform:none;box-shadow:none}

/* поля */
.field input,.field select,.field textarea,.filter,.chat-search{color:var(--bn-ink);background:var(--bn-sheet);border:1px solid var(--bn-line);border-radius:10px;box-shadow:none}
.field input:hover,.field select:hover{border-color:#AEBBA9}
.field input:focus,.field select:focus,.field textarea:focus,.filter:focus{background:var(--bn-sheet);border-color:var(--bn-ink);outline:0;box-shadow:0 0 0 3px rgba(20,50,74,.12)}
.tag{color:var(--bn-ink);background:#E8EDE2;border:0;border-radius:6px}
:focus-visible{outline-color:var(--bn-amber)}

/* таблицы */
th{color:var(--bn-muted);background:var(--bn-paper2)}
td{color:var(--bn-ink);border-color:var(--bn-line2)}
tbody tr:hover{background:var(--bn-sheet)}
.tablewrap{border-color:var(--bn-line)}

/* уведомления */
.notice{background:#FFF7E8;border-color:#EBD3A6}
.notice.error,.error{background:#FDEEEA;border-color:#F0C2B6}
.notice.success,.success{background:#EAF5F1;border-color:#BFE0D4}

/* Обзор: распределение, доля по месяцам, ближайшие выплаты (OverviewBanknota.js) */
.bn-ov{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin:18px 0}
.bn-ov-acc{grid-template-columns:minmax(0,1fr)}
.bn-ov h3{font:700 15px Unbounded,"Golos Text",sans-serif;margin:0 0 10px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.bn-ov h3 small{font:500 12.5px "Golos Text",sans-serif;color:var(--bn-muted)}
.bn-share{position:relative;overflow:hidden;color:#fff;border-radius:14px;padding:22px 22px 18px;background:linear-gradient(135deg,#102B42,#1B4B6B 55%,#14324A)}
.bn-share h3{color:#A9C2C9;font:500 13px "Golos Text",sans-serif}
.bn-micro{position:absolute;left:16px;right:16px;top:8px;font-size:5.5px;letter-spacing:.22em;color:rgba(255,255,255,.22);white-space:nowrap;overflow:hidden}
.bn-share-main{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:16px;align-items:center}
.bn-share-sum{font:800 clamp(24px,2.3vw,34px)/1.1 Unbounded,sans-serif;letter-spacing:-.025em;white-space:nowrap;margin:2px 0 4px;background:linear-gradient(100deg,#FFE3A8 0,#F2A23A 22%,#E2553A 42%,#B9A2FF 62%,#7FB6FF 80%,#FFE3A8 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:bn-iris 6s linear infinite;font-variant-numeric:tabular-nums}
.bn-money small{font-size:.52em}
.bn-split{display:grid;grid-template-columns:auto 1fr auto;gap:6px 10px;margin-top:12px;font-size:13px;color:#C9D8DB;align-items:center}
.bn-split b{width:9px;height:9px;border-radius:2px}
.bn-split span:nth-child(3n){text-align:right;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.bn-rosette{width:168px;height:168px}
.bn-guil path{fill:none;stroke-width:.6;opacity:.5;stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 2.4s var(--bn-ease)}
.bn-rosette.on .bn-guil path{stroke-dashoffset:0}
.bn-arc{fill:none;stroke-width:10;transition:stroke-dasharray 1.1s var(--bn-ease),stroke-width .25s var(--bn-ease)}
.bn-arc:hover{stroke-width:14}
.bn-rosette-big{fill:#fff;font:700 17px Unbounded,sans-serif}
.bn-rosette-small{fill:#fff;opacity:.7;font:500 7.5px "Golos Text",sans-serif}
.bn-objects{display:grid;gap:7px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}
.bn-obj{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;align-items:center;font-size:13px}
.bn-obj-name{display:flex;align-items:center;gap:8px;color:#DCE6E0;font-weight:600}
.bn-obj-name i{width:10px;height:10px;border-radius:3px;background:var(--c)}
.bn-obj-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.bn-obj-bar i{display:block;height:100%;background:var(--c);border-radius:3px;animation:bn-grow 1.2s var(--bn-ease) both .4s;transform-origin:left}
.bn-obj-sum{font-variant-numeric:tabular-nums;white-space:nowrap}
.bn-holo{position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#F2A23A,#E2553A,#7A5AF8,#2E6FD8,#0E9384,#F2A23A);background-size:200% 100%;animation:bn-holo 4s linear infinite}
.bn-pays{background:var(--bn-paper2);border:1px solid var(--bn-line);border-radius:14px;padding:16px;display:grid;gap:10px;align-content:start}
.bn-pay{background:var(--bn-sheet);border:1px solid var(--bn-line);border-left:5px solid var(--c);border-radius:11px;padding:11px 14px;transition:transform .3s var(--bn-ease),box-shadow .3s}
.bn-pay:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(11,34,54,.08)}
.bn-pay-t{display:flex;justify-content:space-between;gap:8px;font-weight:700;font-size:14px;margin-bottom:4px;align-items:baseline}
.bn-pay-r{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:2px 0}
.bn-pay-r span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.bn-pay-r.tot{font-weight:700;border-top:1px dashed var(--bn-line);margin-top:4px;padding-top:6px}
.bn-pay-missing{background:repeating-linear-gradient(135deg,rgba(226,85,58,.12) 0 2px,transparent 2px 7px),var(--bn-sheet)}
.bn-when{font-size:12px;font-weight:600;color:var(--bn-teal);white-space:nowrap}
.bn-when.soon{color:#B54708}.bn-when.past{color:var(--bn-muted);font-weight:500}
.bn-history{grid-column:1/-1;background:var(--bn-paper2);border:1px solid var(--bn-line);border-radius:14px;padding:16px 18px 12px}
.bn-bars{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;align-items:end;height:150px}
.bn-bar{display:grid;grid-template-rows:auto 1fr auto;height:100%;gap:4px;border-radius:8px;padding:4px 2px;transition:background .2s}
.bn-bar:hover{background:var(--bn-sheet)}
.bn-bar-v{font-size:11.5px;color:var(--bn-muted);font-variant-numeric:tabular-nums}
.bn-bar-col{display:flex;align-items:flex-end;justify-content:center;min-height:0}
.bn-bar-col i{width:min(34px,70%);background:#C9D4C4;border-radius:4px 4px 0 0;transform:scaleY(0);transform-origin:bottom;transition:transform .9s var(--bn-ease),background .2s}
.bn-history.on .bn-bar-col i{transform:scaleY(1)}
.bn-bar:hover .bn-bar-col i{background:#9FB2A8}
.bn-bar.sel .bn-bar-col i{background:linear-gradient(180deg,#F2A23A,#E2553A)}
.bn-bar.sel .bn-bar-v{color:var(--bn-ink);font-weight:700}
.bn-bar-m{font-size:12px;color:var(--bn-muted)}
.bn-bar.sel .bn-bar-m{color:var(--bn-ink);font-weight:700}
@keyframes bn-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
td>strong[data-bn-obj]{display:inline-flex;align-items:center;gap:8px}
td>strong[data-bn-obj]:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--bn-c,#7A5AF8);flex:none}
@media (max-width:1100px){.bn-ov{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.bn-share-main{grid-template-columns:1fr}.bn-rosette{justify-self:center;grid-row:1;width:150px;height:150px}.bn-bars{gap:4px;height:120px}.bn-bar-v{font-size:10.5px}.bn-obj{grid-template-columns:80px minmax(0,1fr) auto}}

/* Обзор: таблица расчётов по объектам — строками, но целиком по ширине (без горизонтальной прокрутки).
   Та же разметка и кнопки; .bn-ov стоит прямо перед этой секцией только на Обзоре. */
.bn-ov~section.panel .tablewrap{max-height:none;overflow:visible}
.bn-ov~section.panel table{min-width:0;width:100%;table-layout:fixed}
.bn-ov~section.panel th{padding:9px 6px;font-size:11px;white-space:normal;line-height:1.25;vertical-align:bottom;position:static}
.bn-ov~section.panel td{padding:9px 6px;font-size:12.5px;white-space:nowrap;vertical-align:middle;position:static}
.bn-ov~section.panel th:first-child,.bn-ov~section.panel td:first-child{width:16%;padding-left:14px;white-space:normal}
.bn-ov~section.panel th:last-child,.bn-ov~section.panel td:last-child{width:18%;padding-right:8px}
.bn-ov~section.panel td:first-child strong{font-size:14px}
.bn-ov~section.panel td:first-child .muted{margin:2px 0 0;font-size:11.5px}
.bn-ov~section.panel td:nth-child(7){font-weight:700}
.bn-ov~section.panel td:last-child{white-space:normal;line-height:1.2}
.bn-ov~section.panel td:last-child .textbutton{padding:3px 6px;margin:1px 2px 1px 0;font-size:12px;line-height:1.25}
.bn-ov~section.panel td:last-child p.muted{margin:2px 0 0;font-size:11px}
.bn-ov~section.panel tbody tr:hover td{background:var(--bn-sheet)}
.bn-ov~section.panel td:first-child .muted{line-height:1.3}
.bn-ov~section.panel td:last-child{white-space:nowrap}
@media (max-width:1240px){.bn-ov~section.panel td:last-child{white-space:normal}}
.bn-ov~section.panel td:last-child .textbutton:not(:first-child){font-size:0;width:28px;height:28px;padding:0;justify-content:center;vertical-align:middle;border-radius:8px}
.bn-ov~section.panel td:last-child .textbutton:not(:first-child):before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--bn-ico) center/contain no-repeat;mask:var(--bn-ico) center/contain no-repeat}
.bn-ov~section.panel td:last-child .textbutton:nth-child(2):not(.danger-text){--bn-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E")}
.bn-ov~section.panel td:last-child .textbutton:not(:first-child):not(:nth-child(2)):not(.danger-text){--bn-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 3L10 14M21 3l-7 18-4-7-7-4z'/%3E%3C/svg%3E")}
.bn-ov~section.panel td:last-child .textbutton.textbutton.danger-text{--bn-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 2h6a1 1 0 0 1 1 1v1h4a1 1 0 1 1 0 2H4a1 1 0 0 1 0-2h4V3a1 1 0 0 1 1-1zm1 2h4V4h-4zM5.5 8h13l-1 12.2A2 2 0 0 1 15.5 22h-7a2 2 0 0 1-2-1.8zM9.5 10.5a.9.9 0 0 0-.9.9v6.2a.9.9 0 1 0 1.8 0v-6.2a.9.9 0 0 0-.9-.9zm5 0a.9.9 0 0 0-.9.9v6.2a.9.9 0 1 0 1.8 0v-6.2a.9.9 0 0 0-.9-.9z'/%3E%3C/svg%3E");color:#fff;background:#D92D20;margin-left:6px}
.bn-ov~section.panel td:last-child .textbutton.danger-text:hover{background:#B42318}
.bn-ov~section.panel td:last-child .textbutton.danger-text:before{width:15px;height:15px}
.bn-ov~section.panel td:last-child .textbutton:disabled{opacity:.45}
.bn-ov~section.panel td:last-child p.muted{white-space:normal;margin:2px 0 0;font-size:11px}

/* Деньги: остатки по счетам — компактные карточки в один ряд */
.bank-balances .stats{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px}
.bank-balances .stat.bank-balance-widget{padding:12px 14px;min-height:0}
.bank-balances .stat.bank-balance-widget:before{display:none}
.bank-balances .bank-balance-bank{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:0}
.bank-balances .bank-balance-widget h4{font-size:13px;margin:2px 0 0;line-height:1.25}
.bank-balances .bank-balance-account{font-size:11.5px;margin:1px 0 0}
.bank-balances .bank-balance-widget strong{margin-top:8px;font-size:clamp(16px,1.3vw,20px)}
.bank-balances .bank-balance-details{margin-top:6px;font-size:11.5px;line-height:1.35;color:var(--bn-muted)}
.bank-balances .bank-balance-details p{margin:0}

/* Деньги: итог по всем счетам и «Не разобрано» (money-banknota/MoneyBanknota.js) */
.bn-money-ov{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px;margin:16px 0}
.bn-money-ov h3{font:700 15px Unbounded,"Golos Text",sans-serif;margin:0 0 10px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.bn-money-ov h3 small{font:500 12.5px "Golos Text",sans-serif;color:var(--bn-muted)}
.bn-total{position:relative;overflow:hidden;color:#fff;border-radius:14px;padding:22px 22px 18px;background:linear-gradient(135deg,#102B42,#1B4B6B 55%,#14324A)}
.bn-total h3{color:#A9C2C9;font:500 13px "Golos Text",sans-serif}
.bn-total-sub{font-size:12.5px;color:#A9C2C9;margin:2px 0 0}
.bn-queue-head{display:flex;align-items:baseline;gap:8px;margin:-2px 0 4px}
.bn-queue-head b{font:800 26px/1 Unbounded,sans-serif;color:#B54708}
.bn-queue-head span{color:var(--bn-muted);font-size:13px}
.bn-queue-head .bn-queue-sum{margin-left:auto;color:var(--bn-ink);font-weight:700;font-variant-numeric:tabular-nums}
.bn-queue-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:repeating-linear-gradient(135deg,rgba(232,150,42,.1) 0 2px,transparent 2px 7px),var(--bn-sheet);border:1px solid var(--bn-line);animation:bn-tax-in .45s var(--bn-ease) both}
.bn-queue-row:nth-child(3){animation-delay:.05s}.bn-queue-row:nth-child(4){animation-delay:.1s}.bn-queue-row:nth-child(5){animation-delay:.15s}.bn-queue-row:nth-child(n+6){animation-delay:.2s}
.bn-queue-date{font-weight:700;font-variant-numeric:tabular-nums;color:var(--bn-muted);font-size:12.5px}
.bn-queue-text{min-width:0}
.bn-queue-text b{display:block;font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bn-queue-text small{display:block;font-size:11.5px;color:var(--bn-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bn-queue-amount{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}
.bn-queue-amount.in{color:var(--bn-teal)}
.bn-queue-more{font-size:12px;color:var(--bn-muted);margin:2px 2px 0}
.bn-queue-ok{display:flex;align-items:center;gap:10px;color:var(--bn-teal);font-weight:600;padding:18px 4px}
@media (max-width:1100px){.bn-money-ov{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.bn-queue-row{animation:none}}

/* Деньги: операции — целиком по ширине, назначение переносится, кнопки значками (как на Обзоре) */
.workspace>.bank-balances~section.panel .tablewrap{overflow-x:hidden}
.workspace>.bank-balances~section.panel table{table-layout:fixed;width:100%;min-width:0}
.workspace>.bank-balances~section.panel th,.workspace>.bank-balances~section.panel td{padding:9px 8px;font-size:12.5px;vertical-align:top;white-space:normal;overflow-wrap:anywhere}
.workspace>.bank-balances~section.panel th:nth-child(1),.workspace>.bank-balances~section.panel td:nth-child(1){width:11%;padding-left:14px;white-space:nowrap}
.workspace>.bank-balances~section.panel th:nth-child(2){width:15%}
.workspace>.bank-balances~section.panel th:nth-child(4){width:12%}
.workspace>.bank-balances~section.panel th:nth-child(5){width:13%}
.workspace>.bank-balances~section.panel th:nth-child(6){width:76px}
.workspace>.bank-balances~section.panel td:nth-child(5){white-space:nowrap;font-weight:700;text-align:right}
.workspace>.bank-balances~section.panel th:nth-child(5){text-align:right}
.workspace>.bank-balances~section.panel td .muted{margin:2px 0 0;font-size:11.5px;line-height:1.35}
.workspace>.bank-balances~section.panel td:nth-child(3){line-height:1.35}
.workspace>.bank-balances~section.panel td:last-child{white-space:nowrap;padding-right:10px}
.workspace>.bank-balances~section.panel td:last-child .textbutton{font-size:0;width:28px;height:28px;padding:0;margin:0 2px 0 0;justify-content:center;border-radius:8px;vertical-align:middle}
.workspace>.bank-balances~section.panel td:last-child .textbutton:before{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:var(--bn-ico) center/contain no-repeat;mask:var(--bn-ico) center/contain no-repeat}
.workspace>.bank-balances~section.panel td:last-child .textbutton:not(.danger-text){--bn-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E");color:var(--bn-blue)}
.workspace>.bank-balances~section.panel td:last-child .textbutton.textbutton.danger-text{--bn-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 2h6a1 1 0 0 1 1 1v1h4a1 1 0 1 1 0 2H4a1 1 0 0 1 0-2h4V3a1 1 0 0 1 1-1zm1 2h4V4h-4zM5.5 8h13l-1 12.2A2 2 0 0 1 15.5 22h-7a2 2 0 0 1-2-1.8zM9.5 10.5a.9.9 0 0 0-.9.9v6.2a.9.9 0 1 0 1.8 0v-6.2a.9.9 0 0 0-.9-.9zm5 0a.9.9 0 0 0-.9.9v6.2a.9.9 0 1 0 1.8 0v-6.2a.9.9 0 0 0-.9-.9z'/%3E%3C/svg%3E");color:#fff;background:#D92D20}
.workspace>.bank-balances~section.panel td:last-child .textbutton.danger-text:hover{background:#B42318}
.workspace>.bank-balances~section.panel tbody tr:hover td{background:var(--bn-sheet)}
@media screen and (min-width:761px){.workspace>.bank-balances~section.panel .tablewrap>table>tbody>tr>td:first-child{position:static}}

/* Документы: реестр и акты сверки — по ширине, кнопки компактными плашками, «Удалить» — красная корзина.
   Значки по позиции не ставим: набор кнопок в строках разный. На телефоне (≤700px) реестр остаётся карточками. */
@media (min-width:701px){
 .document-register .tablewrap,.document-register~section.panel .tablewrap{overflow-x:hidden}
 .document-register table,.document-register~section.panel table{table-layout:fixed;width:100%;min-width:0}
 .document-register th,.document-register td,.document-register~section.panel th,.document-register~section.panel td{padding:10px 8px;font-size:12.5px;vertical-align:top;white-space:normal;overflow-wrap:anywhere}
 .document-register th:first-child,.document-register td:first-child,.document-register~section.panel th:first-child,.document-register~section.panel td:first-child{width:15%;padding-left:14px;position:static}
 .document-register th:nth-child(2),.document-register~section.panel th:nth-child(2){width:19%}
 .document-register th:nth-child(4),.document-register~section.panel th:nth-child(4){width:13%;text-align:right}
 .document-register td:nth-child(4),.document-register~section.panel td:nth-child(4){text-align:right;font-weight:700;white-space:nowrap}
 .document-register th:last-child,.document-register~section.panel th:last-child{width:236px}
 .document-register td:last-child,.document-register~section.panel td:last-child{white-space:normal;line-height:1.2;padding-right:10px}
 .document-register td:last-child .textbutton,.document-register~section.panel td:last-child .textbutton{display:inline-flex;align-items:center;height:26px;padding:0 8px;margin:2px 3px 2px 0;border:1px solid var(--bn-line);border-radius:7px;background:var(--bn-sheet);color:var(--bn-ink);font-size:12px;font-weight:600;line-height:1;text-decoration:none;vertical-align:middle}
 .document-register td:last-child .textbutton:hover,.document-register~section.panel td:last-child .textbutton:hover{border-color:var(--bn-ink)}
 .document-register td:last-child .textbutton.textbutton.danger-text,.document-register~section.panel td:last-child .textbutton.textbutton.danger-text{font-size:0;width:28px;height:28px;padding:0;justify-content:center;border:0;background:#D92D20;color:#fff;margin-left:4px}
 .document-register td:last-child .textbutton.danger-text:hover,.document-register~section.panel td:last-child .textbutton.danger-text:hover{background:#B42318}
 .document-register td:last-child .textbutton.danger-text:before,.document-register~section.panel td:last-child .textbutton.danger-text:before{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 2h6a1 1 0 0 1 1 1v1h4a1 1 0 1 1 0 2H4a1 1 0 0 1 0-2h4V3a1 1 0 0 1 1-1zm1 2h4V4h-4zM5.5 8h13l-1 12.2A2 2 0 0 1 15.5 22h-7a2 2 0 0 1-2-1.8zM9.5 10.5a.9.9 0 0 0-.9.9v6.2a.9.9 0 1 0 1.8 0v-6.2a.9.9 0 0 0-.9-.9zm5 0a.9.9 0 0 0-.9.9v6.2a.9.9 0 1 0 1.8 0v-6.2a.9.9 0 0 0-.9-.9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 2h6a1 1 0 0 1 1 1v1h4a1 1 0 1 1 0 2H4a1 1 0 0 1 0-2h4V3a1 1 0 0 1 1-1zm1 2h4V4h-4zM5.5 8h13l-1 12.2A2 2 0 0 1 15.5 22h-7a2 2 0 0 1-2-1.8zM9.5 10.5a.9.9 0 0 0-.9.9v6.2a.9.9 0 1 0 1.8 0v-6.2a.9.9 0 0 0-.9-.9zm5 0a.9.9 0 0 0-.9.9v6.2a.9.9 0 1 0 1.8 0v-6.2a.9.9 0 0 0-.9-.9z'/%3E%3C/svg%3E") center/contain no-repeat}
 .document-register td .muted,.document-register~section.panel td .muted{margin:3px 0 0;font-size:11.5px;line-height:1.35}
 .document-register tbody tr:hover td,.document-register~section.panel tbody tr:hover td{background:var(--bn-sheet)}
}
/* статус документа — печатью */
.document-register td .tag{font:700 10.5px/1 Unbounded,"Golos Text",sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--bn-ink);background:transparent;border:1.5px solid currentColor;border-radius:5px;padding:4px 7px;transform:rotate(-2deg)}
.document-register td details summary{font-size:12px;color:var(--bn-blue);cursor:pointer;margin-top:4px}

/* Сотрудники: вкладки одной строкой с подчёркиванием (активная — .primary) */
.hr-tabs{display:flex;flex-wrap:wrap;gap:0;overflow-x:visible;scrollbar-width:none;border-bottom:1px solid var(--bn-line);margin-bottom:14px}
.hr-tabs::-webkit-scrollbar{display:none}
.hr-tabs>button,.hr-tabs>button.primary,.hr-tabs>button.secondary{flex:none;background:none;border:0;border-radius:0;box-shadow:none;color:var(--bn-muted);font-size:13.5px;font-weight:500;padding:9px 11px 10px;white-space:nowrap;transform:none;transition:color .2s,box-shadow .25s var(--bn-ease)}
.hr-tabs>button:hover{color:var(--bn-ink);background:none;box-shadow:inset 0 -2px 0 var(--bn-line)}
.hr-tabs>button.primary,.hr-tabs>button.primary:hover{color:var(--bn-ink);font-weight:700;box-shadow:inset 0 -3px 0 var(--bn-ink)}
.hr-tabs>button:disabled{opacity:.5}

/* Сотрудники: списки (без полей ввода сумм) — по ширине, кнопки плашками, «Удалить» — красная корзина.
   Таблицы для ввода (табели, расчёт официальной ЗП) не трогаем: их ширина задана количеством полей. */
.workspace:has(>.hr-tabs) .tablewrap>table:not(:has(input:not([type=checkbox]),textarea)){min-width:0;width:100%}
.workspace:has(>.hr-tabs) .tablewrap>table:not(:has(input:not([type=checkbox]),textarea)) :is(th,td){white-space:normal;overflow-wrap:anywhere;font-size:12.5px;padding:9px 8px;vertical-align:top}
.workspace:has(>.hr-tabs) .tablewrap>table:not(:has(input:not([type=checkbox]),textarea)) :is(th,td):first-child{padding-left:14px}
.workspace:has(>.hr-tabs) .tablewrap>table:not(:has(input:not([type=checkbox]),textarea)) td .muted{margin:2px 0 0;font-size:11.5px;line-height:1.35}
.workspace:has(>.hr-tabs) .tablewrap>table:not(:has(input:not([type=checkbox]),textarea)) td:last-child{line-height:1.2}
.workspace:has(>.hr-tabs) .tablewrap>table:not(:has(input:not([type=checkbox]),textarea)) td .textbutton{display:inline-flex;align-items:center;height:26px;padding:0 8px;margin:2px 3px 2px 0;border:1px solid var(--bn-line);border-radius:7px;background:var(--bn-sheet);color:var(--bn-ink);font-size:12px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;vertical-align:middle}
.workspace:has(>.hr-tabs) .tablewrap>table:not(:has(input:not([type=checkbox]),textarea)) td .textbutton:hover{border-color:var(--bn-ink)}
.workspace:has(>.hr-tabs) .tablewrap>table td .textbutton.textbutton.danger-text{font-size:0;width:28px;height:28px;padding:0;justify-content:center;border:0;background:#D92D20;color:#fff;margin-left:4px;display:inline-flex;align-items:center;border-radius:7px;vertical-align:middle}
.workspace:has(>.hr-tabs) .tablewrap>table td .textbutton.danger-text:hover{background:#B42318}
.workspace:has(>.hr-tabs) .tablewrap>table td .textbutton.danger-text:before{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 2h6a1 1 0 0 1 1 1v1h4a1 1 0 1 1 0 2H4a1 1 0 0 1 0-2h4V3a1 1 0 0 1 1-1zm1 2h4V4h-4zM5.5 8h13l-1 12.2A2 2 0 0 1 15.5 22h-7a2 2 0 0 1-2-1.8zM9.5 10.5a.9.9 0 0 0-.9.9v6.2a.9.9 0 1 0 1.8 0v-6.2a.9.9 0 0 0-.9-.9zm5 0a.9.9 0 0 0-.9.9v6.2a.9.9 0 1 0 1.8 0v-6.2a.9.9 0 0 0-.9-.9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 2h6a1 1 0 0 1 1 1v1h4a1 1 0 1 1 0 2H4a1 1 0 0 1 0-2h4V3a1 1 0 0 1 1-1zm1 2h4V4h-4zM5.5 8h13l-1 12.2A2 2 0 0 1 15.5 22h-7a2 2 0 0 1-2-1.8zM9.5 10.5a.9.9 0 0 0-.9.9v6.2a.9.9 0 1 0 1.8 0v-6.2a.9.9 0 0 0-.9-.9zm5 0a.9.9 0 0 0-.9.9v6.2a.9.9 0 1 0 1.8 0v-6.2a.9.9 0 0 0-.9-.9z'/%3E%3C/svg%3E") center/contain no-repeat}
.workspace:has(>.hr-tabs) .tablewrap>table:not(:has(input:not([type=checkbox]),textarea)) tbody tr:hover td{background:var(--bn-sheet)}

/* Налоговые сроки — всплывающие напоминания (tax-toasts/TaxDeadlines.js) */
.bn-tax-dock{position:fixed;top:80px;right:24px;z-index:70;width:372px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.bn-tax-dock>*{pointer-events:auto}
.bn-tax-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 11px;border-radius:999px;background:var(--bn-ink2);color:#fff;font:600 13px "Golos Text",sans-serif;box-shadow:0 8px 22px rgba(11,34,54,.22);transition:transform .25s var(--bn-ease),box-shadow .25s}
.bn-tax-pill:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(11,34,54,.28)}
.bn-tax-pill svg{color:var(--bn-gold)}
.bn-tax-pill b{min-width:22px;height:22px;border-radius:11px;display:grid;place-items:center;font:700 12px Unbounded,sans-serif;background:rgba(255,255,255,.14)}
.bn-tax-pill.bn-tax-late b,.bn-tax-pill.bn-tax-hot b{background:#E2553A}
.bn-tax-pill.bn-tax-warm b{background:#E8962A;color:var(--bn-ink2)}
.bn-tax-stack{width:100%;display:grid;gap:10px}
.bn-tax-toast{--tone:#56676A;--tint:#F1F4EE;position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:start;padding:12px 38px 12px 12px;background:var(--bn-sheet);border:1px solid var(--bn-line);border-radius:14px;box-shadow:0 14px 34px rgba(11,34,54,.16),0 2px 6px rgba(11,34,54,.06);overflow:hidden}
.bn-tax-stack .bn-tax-toast{animation:bn-tax-in .6s var(--bn-ease) both;animation-delay:calc(var(--i) * 90ms + 150ms)}
.bn-tax-toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tone)}
.bn-tax-late{--tone:#B42318;--tint:#FDECEA}.bn-tax-hot{--tone:#C2410C;--tint:#FEF0E6}.bn-tax-warm{--tone:#A16207;--tint:#FEF6E4}
.bn-tax-date{display:grid;place-items:center;align-content:center;height:58px;border-radius:11px;background:var(--tint);color:var(--tone);border:1.5px dashed color-mix(in srgb,var(--tone) 45%,transparent)}
.bn-tax-date b{font:800 22px/1 Unbounded,sans-serif;letter-spacing:-.03em}
.bn-tax-date span{font:600 11px "Golos Text",sans-serif;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.bn-tax-kind{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--tone)}
.bn-tax-pulse{width:8px;height:8px;border-radius:50%;background:#B42318;box-shadow:0 0 0 0 rgba(180,35,24,.5);animation:bn-tax-pulse 1.6s ease-out infinite}
.bn-tax-title{font-weight:700;font-size:14px;line-height:1.3;margin-top:2px;color:var(--bn-ink)}
.bn-tax-title span{font-weight:400;color:var(--bn-muted)}
.bn-tax-file{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--bn-teal);margin-top:3px}
.bn-tax-actions{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}
.bn-tax-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:9px;border:1px solid var(--bn-line);background:var(--bn-sheet);color:var(--bn-ink);font:600 13px "Golos Text",sans-serif;transition:border-color .2s,background .2s}
.bn-tax-btn:hover{border-color:var(--bn-ink)}
.bn-tax-btn.primary-ish{background:var(--bn-ink);border-color:var(--bn-ink);color:#fff}
.bn-tax-btn.primary-ish:hover{background:var(--bn-ink3)}
.bn-tax-btn:disabled{opacity:.6}
.bn-tax-ask{margin-top:8px;font-size:13px;color:var(--bn-ink);background:var(--bn-paper);border-radius:9px;padding:8px 10px}
.bn-tax-ask .bn-tax-actions{margin-top:7px}
.bn-tax-x{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--bn-muted);transition:background .2s,color .2s}
.bn-tax-x:hover{background:var(--bn-paper);color:var(--bn-ink)}
.bn-tax-foot{display:flex;justify-content:flex-end;align-items:center;gap:14px;font-size:12.5px;color:var(--bn-muted);padding:0 4px;animation:bn-tax-in .5s var(--bn-ease) both .45s}
.bn-tax-link{color:var(--bn-blue);font-weight:600;font-size:12.5px;background:rgba(255,255,255,.85);border-radius:8px;padding:4px 8px}
.bn-tax-link:hover{background:#fff}
.bn-tax-sheet-back{position:fixed;inset:0;z-index:90;background:rgba(11,34,54,.32);display:flex;justify-content:flex-end;animation:bn-fade .25s ease both}
.bn-tax-sheet{width:min(460px,100vw);height:100%;background:var(--bn-paper);box-shadow:-20px 0 60px rgba(11,34,54,.25);padding:22px;overflow:auto;animation:bn-sheet .45s var(--bn-ease) both}
.bn-tax-sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.bn-tax-sheet-head h3{font:700 18px Unbounded,sans-serif;margin:0}
.bn-tax-sheet-head .bn-tax-x{position:static}
.bn-tax-list{display:grid;gap:10px}
.bn-tax-list .bn-tax-toast{box-shadow:none;animation:bn-tax-in .45s var(--bn-ease) both;animation-delay:calc(var(--i) * 40ms)}
.bn-tax-note{font-size:12px;color:var(--bn-muted);margin:14px 2px 0;line-height:1.5}
@keyframes bn-tax-in{from{opacity:0;transform:translateX(36px) scale(.97)}to{opacity:1;transform:none}}
@keyframes bn-tax-pulse{70%{box-shadow:0 0 0 8px rgba(180,35,24,0)}100%{box-shadow:0 0 0 0 rgba(180,35,24,0)}}
@keyframes bn-fade{from{opacity:0}}
@keyframes bn-sheet{from{transform:translateX(100%)}}
@media (max-width:760px){.bn-tax-dock{top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));right:16px;flex-direction:column-reverse}}
@media (prefers-reduced-motion:reduce){.bn-tax-toast,.bn-tax-foot,.bn-tax-sheet,.bn-tax-sheet-back,.bn-tax-pulse{animation:none!important}}

/* одно появление при открытии раздела */
@media (prefers-reduced-motion:no-preference){
 .workspace .panel,.workspace .stat,.workspace .bn-ov>article{animation:bn-rise .55s var(--bn-ease) both}
 .workspace .bn-ov>article:nth-child(2){animation-delay:.08s}.workspace .bn-ov>article:nth-child(3){animation-delay:.16s}
 .workspace .stats>.stat:nth-child(2){animation-delay:.05s}
 .workspace .stats>.stat:nth-child(3){animation-delay:.1s}
 .workspace .stats>.stat:nth-child(4){animation-delay:.15s}
 @keyframes bn-rise{from{opacity:.001;transform:translateY(8px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){.stat.accent strong,.stat.accent:after,.bn-share-sum,.bn-holo,.bn-obj-bar i{animation:none}.bn-guil path,.bn-arc,.bn-bar-col i{transition:none}}
}

/* таблицы с закреплённой шапкой (tables-*.css) — те же цвета */
@media screen and (min-width:761px){
 .tablewrap>table>thead th{background:var(--bn-paper2)}
 .tablewrap>table>tbody>tr>td:first-child{background:var(--bn-paper2)}
 .tablewrap>table>tfoot td{background:#E8EDE2}
}