.bi-debt{--card:var(--surface);--border:var(--line);--negative:var(--bad);--warning:var(--warn);--accent:var(--actual);--bd-space:20px;overflow-wrap:anywhere;color:var(--text);width:100%;max-width:none;padding:28px 32px 36px;box-sizing:border-box;min-width:0;font-size:14px}.bi-debt *{box-sizing:border-box}.bi-debt h1{font-size:34px;font-weight:600;letter-spacing:-1px;line-height:1.15;margin:6px 0 0}.bi-debt h2{font-size:19px;line-height:1.3;margin:0 0 18px;font-weight:600}.bi-debt p{line-height:1.5;margin:8px 0}.bd-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.bd-eyebrow{font-size:10px;letter-spacing:.02em;color:var(--secondary);font-weight:500}.bd-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:22px;padding-bottom:8px}.bd-tabs a{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;text-decoration:none;color:var(--secondary)}.bd-tabs a[aria-current=page]{color:var(--text);background:var(--card)}.bd-tabs svg,.bd-refresh svg{width:17px;height:17px}.bi-debt button,.bi-debt input,.bi-debt textarea,.bi-debt select{font:inherit}.bi-debt button{cursor:pointer;min-height:38px;padding:8px 14px;color:var(--text);border:1px solid var(--border);background:transparent;border-radius:8px}.bi-debt button:disabled{cursor:wait}.bi-debt button:focus-visible,.bi-debt a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.bi-debt .bd-primary{background:var(--button-primary-bg,var(--accent));color:var(--button-on-primary,var(--bg));border-color:transparent;font-weight:600}.bd-refresh{display:flex;gap:8px;align-items:center}.bd-filters{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(120px,1fr));gap:12px;align-items:end;margin-bottom:20px}.bd-filter>span{display:block;font-size:11px;color:var(--secondary);margin-bottom:8px}.bd-filter .xsel{width:100%}.bd-filter .xsel-t{width:100%;min-height:42px;font-size:13px}.bd-search{display:flex;gap:8px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:0 12px;min-height:42px;background:var(--card)}.bd-search svg{width:16px;flex-shrink:0;color:var(--secondary)}.bd-search input{min-width:0;width:100%;border:0;outline:none;background:transparent;color:var(--text);padding:10px 0}.bd-more-filters{grid-column:1/-1;color:var(--secondary);font-size:12px}.bd-more-filters summary{cursor:pointer}.bd-filter-dates{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding-top:12px}.bi-debt label{display:flex;flex-direction:column;gap:8px;color:var(--secondary);font-size:12px}.bi-debt input:not([type=search]),.bi-debt select,.bi-debt textarea{padding:10px 12px;min-height:40px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);width:100%}.bd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 20px}.bd-kpi{padding:18px 20px;border:1px solid var(--border);border-radius:12px;background:var(--card);min-width:0}.bd-kpi>span{font-size:12px;color:var(--secondary)}.bd-kpi>strong{font-size:32px;letter-spacing:-1px;font-weight:600;display:block;margin:12px 0 4px}.bd-kpi>small{color:var(--secondary);font-size:11px}.bd-negative{color:var(--negative,#da7474)}.bd-positive{color:var(--accent)}.bd-warning>strong{color:var(--warning,#c9a258)}.bd-panel{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:20px;padding:22px}.bd-act-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;padding:16px 0;border-bottom:1px solid var(--border)}.bd-act-row:last-of-type{border-bottom:0}.bd-row-main>.bd-link{font-size:15px;font-weight:500;display:block;margin-bottom:4px}.bd-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--secondary);font-size:11px;margin-top:10px}.bd-row-money{text-align:right;min-width:135px;display:flex;flex-direction:column;gap:4px}.bd-row-money>strong{font-size:19px;font-weight:600;white-space:nowrap}.bd-row-money>small{font-size:10px;color:var(--secondary)}.bd-row-money>a{margin-top:4px;font-size:12px}.bd-link,.bd-back{color:var(--text);text-decoration:none}.bd-link:hover,.bd-back:hover{text-decoration:underline;color:var(--accent)}.bd-row-company{grid-column:1/-1;color:var(--secondary);font-size:12px;overflow-wrap:anywhere}.bd-row-company>a{color:var(--secondary)}.bd-muted,.bd-list-heading{color:var(--secondary);font-size:12px}.bd-badge{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:11px;line-height:1.2;color:var(--secondary)}.bd-state-overdue{color:var(--negative,#da7474);background:color-mix(in srgb,var(--negative,#da7474) 9%,transparent);border-color:color-mix(in srgb,var(--negative,#da7474) 30%,transparent)}.bd-state-paid{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.bd-state-review,.bd-state-needs_terms{color:var(--warning,#bd9852)}.bd-pager{display:flex;justify-content:space-between;align-items:center;padding-top:18px;font-size:11px;color:var(--secondary);gap:12px}.bd-empty{text-align:center;padding:36px 16px;color:var(--secondary)}.bd-empty h2{color:var(--text);margin:16px 0 10px}.bd-empty svg{width:28px;height:28px}.bd-review,.bd-scope{font-size:12px;color:var(--secondary);border-left:2px solid var(--warning,#bd9852);padding:4px 12px;margin:0 0 18px!important}.bd-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.bd-status-row{display:grid;grid-template-columns:minmax(0,1fr) 35px minmax(85px,auto) auto;gap:12px;align-items:center;border-bottom:1px solid var(--border);padding:12px 0}.bd-status-row>.bd-badge{justify-self:start}.bd-status-row>span:not(.bd-badge){color:var(--secondary);font-size:12px;text-align:right}.bd-status-row>button{min-height:30px;padding:4px 8px;font-size:11px}.bd-cfo-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 0;border-bottom:1px solid var(--border)}.bd-cfo-row>span{font-size:12px;line-height:1.35}.bd-cfo-row>strong{font-size:12px;font-weight:500;white-space:nowrap}.bd-cfo-row svg{grid-column:1/-1;width:100%;height:9px;display:block}.bd-cfo-row rect{fill:var(--accent)}.bd-freshness{font-size:11px;color:var(--secondary);text-align:right;margin-top:22px}.bd-diagnostics{font-size:11px;color:var(--secondary);margin-top:10px}.bd-diagnostics summary{cursor:pointer}.bd-relations{display:flex;flex-wrap:wrap;gap:10px 18px;margin:18px 0;font-size:12px}.bd-relations a:before{content:'↗ ';color:var(--accent)}.bd-act-hero{padding:20px 0;margin-bottom:18px}.bd-card-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:20px}.bd-card-values>div{display:flex;flex-direction:column;gap:8px;min-width:0}.bd-card-values span{font-size:12px;color:var(--secondary)}.bd-card-values strong{font-size:24px;font-weight:500;overflow-wrap:anywhere}.bd-line-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:18px 0;border-bottom:1px solid var(--border)}.bd-line-money{display:flex;gap:24px;align-items:start;text-align:right}.bd-line-money>div{display:flex;flex-direction:column;gap:8px}.bd-line-money small{color:var(--secondary);font-size:10px}.bd-line-money strong{font-size:13px;font-weight:500;white-space:nowrap}.bd-terms form{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:18px 0}.bd-terms input{max-width:200px}.bd-note{border-left:2px solid var(--border);padding:2px 0 2px 16px;margin-bottom:20px}.bd-note p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.bd-note small{font-size:11px;color:var(--secondary)}.bd-note-form{display:grid;gap:12px}.bd-note-form button{justify-self:start}.bd-skeleton{height:58px;background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;animation:bd-pulse 1.6s ease-in-out infinite alternate}.bd-preview strong{font-size:30px;display:block;margin:10px 0}.bd-preview small,.bd-preview p{color:var(--secondary);font-size:12px}.bd-loading .bd-skeleton:first-child{width:40%;height:32px;margin-bottom:30px}@keyframes bd-pulse{from{opacity:1}to{opacity:.55}}@media(prefers-reduced-motion:reduce){.bd-skeleton{animation:none}}
@media(max-width:1100px){.bd-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.bd-search{grid-column:span 2}.bd-dashboard{grid-template-columns:1fr}.bd-status-row{grid-template-columns:minmax(0,1fr) 35px minmax(85px,auto) auto}}
@media(max-width:767px){.bi-debt{padding:20px 16px 28px}.bi-debt h1{font-size:27px}.bd-eyebrow{font-size:9px;letter-spacing:.02em}.bd-refresh{font-size:0!important;padding:10px!important}.bd-refresh svg{width:18px}.bd-tabs{margin-bottom:18px}.bd-tabs a{flex:1;justify-content:center;font-size:13px;padding:8px}.bd-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bd-kpi{padding:14px 12px}.bd-kpi>strong{font-size:27px;margin:8px 0 4px}.bd-kpi>span{font-size:11px}.bd-kpi>small{font-size:9px}.bd-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bd-search{grid-column:1/-1}.bd-panel{padding:16px 14px}.bd-act-row{gap:10px 8px}.bd-row-money{min-width:112px}.bd-row-money>strong{font-size:15px}.bd-row-main>.bd-link{font-size:13px}.bd-row-meta{gap:6px;font-size:10px}.bd-badge{font-size:10px;padding:3px 4px}.bd-row-company{font-size:11px}.bd-status-row{grid-template-columns:minmax(0,1fr) 25px auto;gap:8px}.bd-status-row>button{display:none}.bd-card-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.bd-card-values strong{font-size:21px}.bd-line-row{grid-template-columns:1fr;gap:12px}.bd-line-money{justify-content:space-between;gap:12px;text-align:left}.bd-line-row strong{font-size:13px}.bd-freshness{text-align:left;font-size:10px}.bd-filter-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;width:100%}.bd-note p{font-size:13px}.bd-dashboard{gap:0}.bd-back{font-size:12px}.bd-relations{gap:8px 14px}.bd-pager button{padding:8px;font-size:12px}}

#bgp-sales[data-route=debt] #workspace>.section-heading{display:none}.bd-history{display:block;width:100%;height:auto;min-height:150px;max-height:300px}.bd-history-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.bd-history-dot{fill:var(--accent)}.bd-history text{fill:var(--secondary);font-size:11px}.bi-debt :is(.bd-row-money>strong,.bd-line-money strong){white-space:normal;overflow-wrap:anywhere}

.bi-debt .bd-status-row>strong{white-space:nowrap;overflow-wrap:normal}.bi-debt .bd-status-row>span:nth-child(3){white-space:nowrap;overflow-wrap:normal}@media(max-width:640px){.bi-debt .bd-status-row{grid-template-columns:minmax(0,1fr) max-content;gap:8px}.bi-debt .bd-status-row>span:nth-child(3){grid-column:1/-1}.bi-debt .bd-status-row>button{display:none}}
/* Debt filters and drill lists share the report's restrained, four-theme palette. */
#bgp-sales .bi-debt .bd-chat-log{overscroll-behavior-y:auto}
#bgp-sales .bi-debt .bd-chat-composer .bd-primary{background:var(--button-primary-bg,var(--accent));color:var(--button-on-primary,var(--bg));border-color:transparent}#bgp-sales .bi-debt .bd-chat-composer .bd-primary svg{color:inherit;stroke:currentColor}
#bgp-sales .bd-chat-head .bd-icon-button{display:grid;place-items:center;width:40px;height:40px;min-width:40px;flex:0 0 40px;padding:10px}#bgp-sales .bd-chat-head .bd-icon-button svg{display:block;width:18px;height:18px}#bgp-sales .bd-chat-composer button svg{display:block;flex:0 0 18px;width:18px;height:18px}#bgp-sales .bd-chat-composer button{display:flex;flex-direction:row;align-items:center;justify-content:center;white-space:nowrap;gap:8px}
@media(max-width:767px){#bgp-sales .bd-chat-composer .bd-chat-send-label{display:none}#bgp-sales .bd-chat-composer button{padding:12px;width:46px;min-width:46px;flex:0 0 46px}}
.bd-chat{padding:0;max-width:100%;min-width:0}.bd-chat-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid var(--border)}.bd-chat-head h2{margin:0 0 4px}.bd-chat-head p{margin:0}.bd-chat-head .bd-icon-button{font-size:0}.bd-chat-head svg{width:18px;height:18px}.bd-chat-log{height:420px;max-height:55dvh;min-height:220px;overflow:auto;overscroll-behavior-y:contain;padding:18px 22px;scrollbar-gutter:stable;background:color-mix(in srgb,var(--bg) 65%,var(--card));display:flex;flex-direction:column;gap:10px;overflow-anchor:none}.bd-chat-log:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.bd-chat-message{align-self:flex-start;max-width:82%;min-width:100px;border:1px solid var(--border);border-radius:12px 12px 12px 3px;padding:10px 12px;background:var(--card);box-shadow:0 1px 2px #00000008}.bd-chat-message.bd-chat-mine{align-self:flex-end;border-radius:12px 12px 3px 12px;background:color-mix(in srgb,var(--accent) 12%,var(--card));border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.bd-chat-author{display:block;font-size:11px;font-weight:600;color:var(--text)}.bd-chat-message p{margin:6px 0;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);user-select:text}.bd-chat-message time{display:block;text-align:right;font-size:10px;color:var(--secondary);white-space:nowrap}.bd-chat-date{align-self:center;text-align:center;font-size:10px;color:var(--secondary);padding:4px 10px;margin:4px 0;border:1px solid var(--border);border-radius:6px;background:var(--card)}.bd-chat-empty{margin:auto!important;max-width:300px;text-align:center;color:var(--secondary);font-size:13px}.bi-debt .bd-chat-older{display:block;margin:12px auto;font-size:12px;min-height:36px}.bi-debt .bd-chat-new{display:block;margin:10px auto;font-size:12px;color:var(--text);border-color:var(--accent)}.bd-chat [hidden]{display:none!important}.bd-chat-status{font-size:11px;color:var(--secondary);padding:8px 22px;margin:0!important;min-height:32px}.bd-chat-composer{display:flex;align-items:flex-end;gap:12px;padding:14px 22px 20px;border-top:1px solid var(--border)}.bd-chat-composer label{flex:1;min-width:0;font-size:0;gap:0}.bi-debt .bd-chat-composer textarea{font-size:14px;line-height:1.5;resize:vertical;max-height:180px;min-height:46px;background:var(--bg)}.bd-chat-composer button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px}.bd-chat-composer svg{width:16px;height:16px}.bd-line-field{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:14px;border-bottom:1px solid var(--border);padding:12px 0}.bd-line-field span{color:var(--secondary);font-size:12px}.bd-line-field strong{font-weight:500}.bd-line-row .bd-link{font-weight:600}.bi-debt .bd-chat-composer button:disabled{cursor:wait;opacity:1}
@media(max-width:767px){.bi-debt .bd-chat{padding:0}.bd-chat-head{padding:16px 14px}.bd-chat-head h2{font-size:17px}.bd-chat-head p{font-size:11px}.bd-chat-log{padding:14px 10px;height:380px;max-height:50dvh;scrollbar-gutter:auto}.bd-chat-message{max-width:90%;padding:8px 12px}.bd-chat-message p{font-size:14px}.bd-chat-composer{padding:12px 10px max(12px,env(safe-area-inset-bottom));gap:8px}.bd-chat-composer button{font-size:0;flex:0 0 46px;width:46px;height:46px;padding:12px}.bd-chat-composer svg{width:20px;height:20px}.bd-chat-status{padding:8px 14px;font-size:10px}.bd-line-field{grid-template-columns:1fr;gap:6px}}
.bi-debt .bd-filters{grid-template-columns:minmax(170px,1.3fr) repeat(4,minmax(110px,1fr))}
.bd-report-body{min-width:0}.bd-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.bd-panel-heading h2{margin:0 0 6px}.bd-panel-heading p{margin:0}.bi-debt .bd-icon-button{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;padding:8px;border:1px solid var(--border);background:transparent;color:var(--secondary);border-radius:10px}.bd-icon-button svg{width:18px;height:18px}.bd-grouping{display:flex;flex-wrap:wrap;gap:4px;max-width:100%}.bi-debt .bd-grouping button{font-size:12px;padding:8px 10px;background:transparent}.bi-debt .bd-grouping button[aria-pressed=true]{background:var(--hover);color:var(--accent);border-color:var(--accent)}.bd-project-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:16px 0;border-bottom:1px solid var(--border)}.bd-project-row:last-child{border-bottom:0}.bd-project-name{min-width:0;overflow-wrap:anywhere}.bd-project-name small{display:block;margin-top:6px;font-size:11px}.bi-debt .bd-project-name>button{border:0;padding:0;background:transparent;text-align:left}.bd-project-values{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-variant-numeric:tabular-nums}.bd-project-values small{font-size:11px}.bd-project-values strong{white-space:nowrap}.bd-group-total{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 20px;padding:16px 0;border-bottom:1px solid var(--border)}.bd-group-total strong{flex:1;min-width:120px}.bd-group-total small{width:100%;color:var(--secondary)}.bd-load-projects{margin-top:14px}.bd-catalog-status{padding:8px 14px;font-size:11px;color:var(--secondary)}.bd-catalog-more{display:block;width:calc(100% - 16px);margin:0 8px 8px}.bd-catalog-more[hidden]{display:none}.bd-history-wrap{position:relative;width:100%;height:280px;min-width:0;margin-top:16px}.bd-history-wrap .bd-history{width:100%;height:100%;min-height:0;max-height:none;overflow:visible}.bd-history-grid{stroke:var(--border);stroke-width:1}.bd-history-hair{stroke:var(--secondary);stroke-width:1;stroke-dasharray:3 4;pointer-events:none}.bd-history-tip{position:absolute;top:16px;display:flex;flex-direction:column;gap:8px;max-width:calc(100% - 16px);padding:12px 14px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;box-shadow:0 8px 30px #0002;pointer-events:none;font-variant-numeric:tabular-nums}.bd-history-tip[hidden]{display:none}.bd-history-tip strong{font-size:17px}.bd-history-tip small{color:var(--secondary);font-size:11px}.bd-history [data-week]:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}#bgp-sales .bi-debt.bd-fullscreen{position:fixed;inset:12px;width:calc(100% - 24px);height:calc(100dvh - 24px);max-width:none;max-height:none;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--bg);color:var(--text);overflow:auto}.bd-fullscreen::backdrop{background:#0009}.bd-fullscreen-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.bd-fullscreen .bd-panel{display:flex;flex-direction:column;margin:0;height:calc(100% - 58px);min-height:320px;box-sizing:border-box}.bd-fullscreen .bd-history-wrap{flex:1;min-height:220px}.bd-fullscreen .bd-panel-heading>button{display:none}
@media(max-width:1000px){.bi-debt .bd-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.bd-search{grid-column:1/-1}.bd-panel-heading{flex-wrap:wrap}.bd-projects .bd-panel-heading{flex-direction:column}}
@media(max-width:500px){.bd-history-wrap{height:240px}.bd-project-row{gap:10px}.bd-project-values strong{font-size:13px}.bd-project-name{font-size:12px}.bd-project-values small{font-size:10px}.bd-grouping{gap:4px}.bi-debt .bd-grouping button{padding:8px;font-size:10px}#bgp-sales .bi-debt.bd-fullscreen{inset:0;width:100%;height:100dvh;border-radius:0;padding:12px}.bd-history-tip{padding:10px}.bd-history-tip strong{font-size:15px}.bd-history-tip .bd-badge{font-size:10px}}

/* Revenue-style paired panels: both share the KPI grid's centre gutter. */
.bi-debt .bd-financial-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.bd-financial-dashboard>.bd-panel{min-width:0;margin:0 0 20px;min-height:490px}
.bd-financial-dashboard .bd-history-wrap{height:340px}
.bd-financial-dashboard .bd-dynamics-panel .bd-panel-heading{min-height:52px}
.bi-debt .bd-chart-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}
.bd-chart-tools .xsel{width:140px;min-width:0}.bd-chart-tools .xsel-t{width:100%}
.bd-distribution-panel .bd-panel-heading{flex-wrap:wrap;gap:12px}
.bd-chart-total{display:block;text-align:right;font-size:23px;font-weight:500;letter-spacing:-.4px;margin:10px 0 20px;font-variant-numeric:tabular-nums}
.bd-cfo-chart{min-width:0;width:100%}.bd-cfo-visual{display:block;width:100%;height:auto;overflow:visible;margin-bottom:16px}
.bd-cfo-visual :is(g[role=button],g[role=img]){fill:var(--bd-cfo-color);stroke:var(--card);stroke-width:2}
.bd-cfo-visual g[role=button]{cursor:pointer}.bd-cfo-visual g[role=button]:hover{filter:brightness(1.12)}
.bd-cfo-visual g[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bd-cfo-visual g text{fill:var(--bd-cfo-ink,#fff);stroke:none;font-size:11px;font-weight:500;pointer-events:none}
.bd-cfo-visual .bd-cfo-pie-label{fill:var(--text);font-size:11px}.bd-cfo-visual .bd-cfo-leader{fill:none;stroke:var(--secondary);stroke-width:1}
.bi-debt .bd-cfo-item{display:grid;width:100%;grid-template-columns:10px minmax(0,1fr) max-content;align-items:center;gap:10px;text-align:left;border:0;border-radius:0;border-bottom:1px solid var(--border);background:transparent;padding:12px 0;color:var(--text);font-size:13px;line-height:1.4}
.bi-debt .bd-cfo-item:hover{background:var(--hover)}.bd-cfo-item strong{font-size:12px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.bd-cfo-name{overflow-wrap:anywhere}.bd-cfo-swatch{width:9px;height:9px;display:block;border-radius:2px;background:var(--bd-cfo-color)}
.bd-cfo-bars .bd-cfo-item{grid-template-columns:10px minmax(0,1fr) max-content;padding:12px 0;row-gap:8px}
.bd-cfo-track{display:block;grid-column:2/-1;height:10px;background:var(--border);border-radius:2px;overflow:hidden}
.bd-cfo-bar{display:block;height:100%;background:var(--bd-cfo-color);border-radius:2px;transform-origin:left center}
.bd-cfo-negative .bd-cfo-bar{background:var(--negative,#dd7777)}
.bd-chart-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding-top:18px;margin-top:20px}
.bd-chart-footer small{font-size:11px}.bi-debt .bd-chart-footer button{white-space:nowrap;font-size:13px}
.bi-debt.bd-fullscreen .bd-cfo-chart{flex:1}.bd-fullscreen .bd-distribution-panel{height:auto;min-height:calc(100% - 58px)}
@media(max-width:1100px){.bi-debt .bd-financial-dashboard{grid-template-columns:1fr}.bd-financial-dashboard>.bd-panel{min-height:0}.bd-financial-dashboard .bd-history-wrap{height:300px}}
@media(max-width:500px){.bd-financial-dashboard .bd-history-wrap{height:240px}.bi-debt .bd-financial-dashboard{gap:0}.bd-chart-total{font-size:21px}.bd-cfo-chart .bd-cfo-item{font-size:12px;gap:8px}.bd-cfo-item strong{font-size:11px}.bd-chart-tools .xsel{width:140px}.bd-chart-footer{align-items:flex-start}.bd-chart-footer small{max-width:60%}}

.bd-financial-dashboard>.bd-panel{align-self:stretch}.bd-dynamics-panel{display:flex;flex-direction:column}.bd-financial-dashboard .bd-dynamics-panel .bd-history-wrap{flex:1;min-height:300px}
.bd-distribution-panel .bd-cfo-chart{height:390px;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-gutter:stable;padding-right:3px}
.bd-fullscreen .bd-distribution-panel .bd-cfo-chart{height:auto;overflow:visible;scrollbar-gutter:auto}
@media(max-width:1100px){.bd-financial-dashboard .bd-dynamics-panel .bd-history-wrap{flex:initial;min-height:240px}.bd-distribution-panel .bd-cfo-chart{height:auto;max-height:520px}}

/* Keep SVG intrinsic sizing from growing the shared grid row on view changes. */
.bd-financial-dashboard .bd-history-wrap>.bd-history{position:absolute;inset:0;display:block}

/* Task 242: on desktop the two charts share one screen-fitted row — the CFO list scrolls inside its panel instead of
   stretching the line chart down; the pie and the project map fit the panel. */
@media(min-width:1100px){
#bgp-sales .bi-debt .bd-financial-dashboard{height:clamp(420px,calc(100dvh - 440px),620px);grid-template-rows:minmax(0,1fr);align-items:stretch}
#bgp-sales .bi-debt .bd-financial-dashboard>.bgp-panel{display:flex;flex-direction:column;min-height:0;height:auto;margin-top:0;margin-bottom:0}
#bgp-sales .bi-debt .bd-financial-dashboard .source-line{flex:1;min-height:200px;height:auto}
#bgp-sales .bi-debt .bd-financial-dashboard .bgp-seller-list{flex:1;min-height:0;overflow:auto}
#bgp-sales .bi-debt .bd-financial-dashboard .bgp-seller-list[data-financial-view=treemap]{display:flex;flex-direction:column;overflow:hidden}
#bgp-sales .bi-debt .bd-financial-dashboard .bgp-seller-list[data-financial-view=treemap]>div{flex:1;display:flex;flex-direction:column;min-height:0}
#bgp-sales .bi-debt .bd-financial-dashboard .bgp-seller-list[data-financial-view=treemap] .bi-map-stage{height:auto;flex:1 1 auto;min-height:180px}
#bgp-sales .bi-debt .bd-financial-dashboard .bgp-seller-footer{flex:none}
}
#bgp-sales .bi-map-card-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
#bgp-sales .bi-map-card-links a{color:inherit;font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:3px}
#bgp-sales .bi-map-card-links a:hover{opacity:.75}
/* Task 242: project / company / group card — overview and payment history */
.bi-debt .bd-overview .bd-card-values{margin:6px 0 12px}
.bi-debt .bd-overview-states{display:flex;flex-wrap:wrap;gap:6px}
.bi-debt .bd-pay-months{display:grid;gap:6px;margin:10px 0 16px;max-width:720px}
.bi-debt .bd-pay-month{display:grid;grid-template-columns:84px minmax(0,1fr) 110px;align-items:center;gap:10px;font-size:12px}
.bi-debt .bd-pay-month strong{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}
.bi-debt .bd-pay-bar{display:block;height:8px;border-radius:4px;background:color-mix(in srgb,var(--line) 70%,transparent);overflow:hidden}
.bi-debt .bd-pay-bar>i{display:block;height:100%;border-radius:4px;background:var(--accent)}
.bi-debt .bd-pay-table-wrap{overflow-x:auto}
.bi-debt .bd-pay-table{width:100%;border-collapse:collapse;font-size:13px}
.bi-debt .bd-pay-table th{text-align:left;font-weight:500;font-size:11px;color:var(--muted,inherit);opacity:.8;padding:6px 8px;border-bottom:1px solid var(--line)}
.bi-debt .bd-pay-table td{padding:8px 8px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap}
.bi-debt .bd-pay-table td:nth-last-child(-n+2),.bi-debt .bd-pay-table th:nth-last-child(-n+2){text-align:right}
.bi-debt .bd-payments>button{margin-top:10px}
/* Task 248: CFO rows with a head photo — «N счетов» under the amount stays on one line */
#bgp-sales .bi-debt-sellers .bgp-seller-values .bgp-amount.plan{white-space:nowrap}
#bgp-sales .bi-debt .bd-stale,#bgp-sales .bi-debt .bd-excluded{margin:0 0 10px;padding:8px 12px;border:1px solid var(--warning,#c98a00);border-radius:8px;font-size:13px;color:var(--text)}  /* task 283 */
/* task 317: the payments of an invoice */
.bi-debt .bd-pay-table-3 td:nth-last-child(-n+3),.bi-debt .bd-pay-table-3 th:nth-last-child(-n+3){text-align:right}
.bi-debt .bd-pay-table tfoot th{font-size:13px;font-weight:600;opacity:1;color:var(--text);border-bottom:0;padding-top:8px;font-variant-numeric:tabular-nums}
.bi-debt .bd-pay-table td small{font-size:11px}
/* task 336: «Счета» — the list / table switch and the grid like the ledger's */
.bi-debt .bd-grid-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:10px}
.bi-debt .bd-grid-head .bd-list-heading{margin:0}
.bi-debt .bd-layout-switch{display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:10px;gap:2px}
.bi-debt .bd-layout-switch button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--secondary);font-size:13px;cursor:pointer;white-space:nowrap}
.bi-debt .bd-layout-switch button svg{width:15px;height:15px}
.bi-debt .bd-layout-switch button[aria-pressed=true]{background:color-mix(in srgb,var(--actual) 16%,transparent);color:var(--text)}
.bi-debt .bd-layout-switch button:focus-visible{outline:2px solid var(--actual);outline-offset:1px}
.bi-debt .bd-grid-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}
.bi-debt .bd-grid-excel{display:inline-flex;align-items:center;gap:8px}
#bgp-sales .bi-debt .bd-grid-excel [data-excel-export]{margin:0;font:inherit;min-height:38px;padding:8px 14px;border-radius:8px}
.bi-debt .bd-grid-excel .field-note:empty{display:none}
.bi-debt .bd-grid-state{margin:0 0 8px;font-size:12px}
.bi-debt .bd-grid-scroll{overflow:auto;max-height:calc(100vh - 260px);min-height:240px;border:1px solid var(--line);border-radius:8px}
.bi-debt .bd-grid{min-width:100%;border-collapse:separate;border-spacing:0;font-size:12px;line-height:1.3}
.bi-debt .bd-grid th,.bi-debt .bd-grid td{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.bi-debt .bd-grid thead tr:first-child th{position:sticky;top:0;z-index:5;padding:0;background:color-mix(in srgb,var(--line) 35%,var(--surface));text-align:left}
.bi-debt .bd-grid thead tr:first-child th button{width:100%;padding:6px 8px;border:0;background:transparent;color:var(--text);font-size:11px;font-weight:600;text-align:inherit;white-space:nowrap;cursor:pointer}
.bi-debt .bd-grid thead th.num{text-align:right}
.bi-debt .bd-grid th[aria-sort=ascending] button::after{content:' ↑'}
.bi-debt .bd-grid th[aria-sort=descending] button::after{content:' ↓'}
.bi-debt .bd-grid td{height:26px;padding:3px 8px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--surface)}
.bi-debt .bd-grid td.num{text-align:right;font-variant-numeric:tabular-nums}
.bi-debt .bd-grid tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--line) 12%,var(--surface))}
.bi-debt .bd-grid tbody tr:hover td{background:color-mix(in srgb,var(--actual) 8%,var(--surface))}
.bi-debt .bd-grid td[data-state=overdue]{color:var(--bad)}
.bi-debt .bd-grid tfoot td{position:sticky;bottom:0;padding:6px 8px;background:color-mix(in srgb,var(--line) 35%,var(--surface));font-variant-numeric:tabular-nums;white-space:nowrap}
.bi-debt .bd-grid-empty{padding:18px!important;text-align:center;color:var(--secondary)}
.bi-debt .bd-grid-more{margin-top:10px}
@media(max-width:767px){.bi-debt .bd-grid-tools{margin-left:0}.bi-debt .bd-grid-scroll{max-height:70vh}}
/* task 336 (owner 27.10.2026): the invoice card on one screen — the head carries the way back, the links and the state;
   the values in one row; the panels in two columns (the lines and the payments | the payment date, the terms, the discussion) */
.bi-debt .bd-head-meta{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 8px;align-self:center}
.bi-debt .bd-head-meta .bd-relations{margin:0}
.bi-debt .bd-head-meta .bd-back{font-size:13px;white-space:nowrap}
.bi-debt .bd-head-tags{display:flex;flex-wrap:wrap;gap:6px}
.bi-debt .bd-act-hero{padding:0;margin:0 0 16px}
.bi-debt .bd-act-hero .bd-card-values{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px 20px;margin-top:0;padding:14px 18px;border:1px solid var(--border);border-radius:12px;background:var(--card)}
.bi-debt .bd-act-hero .bd-card-values>div{gap:4px}
.bi-debt .bd-act-hero .bd-card-values strong{font-size:20px;white-space:nowrap}
.bi-debt .bd-act-hero>p{margin:10px 0 0}
.bi-debt .bd-act-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:16px;align-items:start}
.bi-debt .bd-act-main,.bi-debt .bd-act-side{min-width:0;display:flex;flex-direction:column;gap:16px}
.bi-debt .bd-act-layout .bd-panel{margin:0;padding:16px 18px}
.bi-debt .bd-act-layout .bd-panel h2{margin:0 0 8px;font-size:16px}
.bi-debt .bd-act-layout .bd-line-row{padding:10px 0}
.bi-debt .bd-act-layout .bd-terms form{margin:10px 0 0;gap:10px}
.bi-debt .bd-act-layout .bd-chat-log{height:220px;min-height:160px}
.bi-debt .bd-act-layout .bd-chat-head{padding:12px 18px}
.bi-debt .bd-act-layout .bd-line-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 16px}
.bi-debt .bd-act-layout .bd-line-row>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.bi-debt .bd-act-layout .bd-line-row>div:first-child>p{margin:0}
.bi-debt .bd-act-layout .bd-line-row .bd-row-meta{margin:0}
.bi-debt .bd-act-layout .bd-line-money{gap:16px}
.bi-debt .bd-act-layout .bd-line-money>div{gap:2px}
.bi-debt .bd-act-layout .bd-terms>p{margin:0 0 4px}
.bi-debt .bd-act-layout .bd-pager{margin-top:6px}
.bi-debt .bd-act-hero .bd-card-values{padding:10px 18px}
.bi-debt .bd-act-hero .bd-card-values strong{font-size:18px}
@media(max-width:1100px){.bi-debt .bd-act-layout{grid-template-columns:1fr}.bi-debt .bd-head{flex-wrap:wrap}.bi-debt .bd-head-meta{order:3;flex-basis:100%;margin:4px 0 0}}
.bi-debt:has(.bd-act-layout) .bd-head{margin-bottom:12px}
.bi-debt:has(.bd-act-layout) .bd-tabs{margin-bottom:14px}
/* task 340 (owner 27.10.2026): the invoice card — the date and period in the title, the delay in the head, the grid of the lines,
   the «1С» block, the discussion as a drawer on the right */
.bi-debt .bd-title-sub{font-size:15px;font-weight:400;color:var(--secondary);white-space:nowrap}
.bi-debt .bd-delay form{display:flex;align-items:center;gap:6px}
.bi-debt .bd-delay input{width:84px;min-height:32px;padding:4px 8px;font-size:16px}
.bi-debt .bd-delay .bd-delay-save{min-height:32px;padding:4px 10px;font-size:12px}
.bi-debt .bd-delay-error{color:var(--bad);font-size:11px}
.bi-debt .bd-lines .bd-grid-head h2{margin:0;font-size:16px}
.bi-debt .bd-act-layout:has(.bd-lines){grid-template-columns:minmax(0,1fr) 320px}
#bgp-sales .bd-chat-drawer .bd-chat-head{gap:8px}
.bi-debt .bd-lines .bd-grid-scroll{max-height:calc(100vh - 360px);min-height:160px}
.bi-debt .bd-1c-list{margin:8px 0 0;padding-left:18px;color:var(--secondary);font-size:13px;line-height:1.7}
.bi-debt .bd-chat-toggle{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;font-size:13px}
.bi-debt .bd-chat-toggle svg{width:15px;height:15px}
.bi-debt .bd-chat-toggle[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}
#bgp-sales .bi-debt.bd-chat-drawer{padding:0;margin:0;max-width:none;border-radius:0;animation:none;position:fixed;top:0;right:0;bottom:0;z-index:2000;width:min(440px,100vw);display:flex;flex-direction:column;background:var(--card);border-left:1px solid var(--border);box-shadow:-12px 0 32px rgba(0,0,0,.28)}
#bgp-sales .bi-debt.bd-chat-drawer:not(.is-open){display:none}
#bgp-sales .bi-debt.bd-chat-drawer.is-open{animation:bd-drawer-in .22s ease}
@keyframes bd-drawer-in{from{transform:translateX(100%)}to{transform:none}}
#bgp-sales .bd-chat-drawer .bd-drawer-bar{display:flex;justify-content:flex-end;padding:8px 10px 0}
#bgp-sales .bd-chat-drawer .bd-drawer-close{width:36px;min-height:36px;padding:0;display:inline-grid;place-items:center}
#bgp-sales .bd-chat-drawer .bd-chat{flex:1;display:flex;flex-direction:column;min-height:0;margin:0;border:0;border-radius:0}
#bgp-sales .bd-chat-drawer .bd-chat-log{flex:1;height:auto;max-height:none;min-height:0}
@media(min-width:1280px){#bgp-sales .bi-debt.bd-chat-open{padding-right:calc(34px + min(440px,100vw))}}
@media(prefers-reduced-motion:reduce){#bgp-sales .bi-debt.bd-chat-drawer.is-open{animation:none}}
@media(max-width:1100px){.bi-debt .bd-act-layout:has(.bd-lines){grid-template-columns:1fr}}
/* task 340: under the «Тестовая версия» bar (task 219) while it is shown */
html.bi-test #bgp-sales .bi-debt.bd-chat-drawer{top:26px}
/* task 348 (owner 27.10.2026): the cards of a project, a client, a group — what the card is and what its links are, compact tiles,
   «Сводка» with the states on the right of its title, the payments as columns, the delay at the top with its history behind «?» */
.bi-debt .bd-kind{display:inline-block;vertical-align:middle;margin-right:4px;padding:3px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--secondary);font-size:13px;font-weight:500;letter-spacing:0;line-height:1.4}
.bi-debt .bd-rel{display:inline-flex;align-items:baseline;gap:6px;min-width:0}
.bi-debt .bd-rel-label{color:var(--secondary);font-size:11px}
.bi-debt:has(.bd-head-meta) .bd-head{margin-bottom:14px}
.bi-debt .bd-kpis-compact{gap:12px;margin-bottom:14px}
.bi-debt .bd-kpis-compact .bd-kpi{padding:10px 14px}
.bi-debt .bd-kpis-compact .bd-kpi>span{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.bi-debt .bd-kpis-compact .bd-kpi>span>small{font-size:10px;color:var(--secondary);opacity:.85}
.bi-debt .bd-kpis-compact .bd-kpi>strong{font-size:26px;margin:4px 0 0}
.bi-debt .bd-overview{padding:14px 18px}
.bi-debt .bd-overview-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:8px}
.bi-debt .bd-overview-head h2{margin:0}
.bi-debt .bd-overview-head .bd-overview-states{justify-content:flex-end}
.bi-debt .bd-overview .bd-card-values{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 20px;margin:4px 0 0}
.bi-debt .bd-overview .bd-card-values>div{gap:4px}
.bi-debt .bd-overview .bd-card-values strong{font-size:20px}
.bi-debt .bd-payments{padding:14px 18px}
.bi-debt .bd-payments h2{margin-bottom:4px}
#bgp-sales .bi-debt .bd-pay-chart{height:220px;margin:8px 0 10px}
#bgp-sales .bi-debt .bd-pay-chart .bgp-plot{height:100%;min-height:0;width:100%}
.bi-debt .bd-pay-list-toggle{min-height:32px;padding:4px 12px;font-size:13px}
.bi-debt .bd-pay-table-wrap{margin-top:10px}
.bi-debt .bd-delay{position:relative}
.bi-debt .bd-head-meta .bd-delay{display:flex;align-items:center;gap:8px;font-size:13px}
.bi-debt .bd-head-meta .bd-delay>span{color:var(--secondary)}
.bi-debt .bd-help{display:inline-grid;place-items:center;width:18px;height:18px;min-height:18px;min-width:18px;padding:0;margin-left:6px;border-radius:50%;font-size:11px;line-height:1;vertical-align:middle;color:var(--secondary)}
.bi-debt .bd-help[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}
.bi-debt .bd-help-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:min(360px,calc(100vw - 32px));padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg,var(--card));box-shadow:0 10px 28px rgb(0 0 0 / .2);font-size:12px;color:var(--text)}
.bi-debt .bd-help-pop>strong{display:block;margin-bottom:8px;font-size:13px}
.bi-debt .bd-help-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:260px;overflow:auto}
.bi-debt .bd-help-list li{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding-bottom:6px;border-bottom:1px solid var(--border)}
.bi-debt .bd-help-list li:last-child{border-bottom:0;padding-bottom:0}
.bi-debt .bd-help-list time{color:var(--secondary);white-space:nowrap}
.bi-debt .bd-help-list span{font-weight:600;text-align:right}
.bi-debt .bd-help-list small{grid-column:1/-1;color:var(--secondary)}
.bi-debt .bd-card-grid{margin-top:4px}
@media(max-width:767px){
.bi-debt .bd-kind{font-size:11px;padding:2px 8px}
.bi-debt .bd-head-meta{gap:6px 12px}
.bi-debt .bd-rel{flex-wrap:wrap}
.bi-debt .bd-kpis-compact{gap:8px}
.bi-debt .bd-kpis-compact .bd-kpi{padding:8px 12px}
.bi-debt .bd-kpis-compact .bd-kpi>strong{font-size:22px}
.bi-debt .bd-overview,.bi-debt .bd-payments{padding:12px 14px}
.bi-debt .bd-overview .bd-card-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.bi-debt .bd-overview .bd-card-values strong{font-size:17px;white-space:normal}
.bi-debt .bd-overview-head .bd-overview-states{justify-content:flex-start}
#bgp-sales .bi-debt .bd-pay-chart{height:180px}
.bi-debt .bd-payments>p{font-size:12px}
.bi-debt .bd-help-pop{position:fixed;left:16px;right:16px;top:auto;width:auto}
}
/* task 406: the links of «Данные, требующие разбора» to «Проводки»; the delay of a project edited from the table of invoices */
.bi-debt .bd-diagnostic-link{text-decoration:underline;text-underline-offset:3px}
#bgp-sales .bi-debt.bd-delay-pop{position:fixed;top:var(--dp-top,0);left:var(--dp-left,0);z-index:1200;width:min(300px,calc(100vw - 16px));max-width:none;margin:0;padding:12px 14px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 8px 28px rgba(0,0,0,.35);animation:none;font-size:13px}
#bgp-sales .bi-debt.bd-delay-pop input{min-height:34px;padding:4px 8px;font-size:16px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text)}
#bgp-sales .bi-debt.bd-delay-pop .bd-delay-pop-buttons{display:flex;gap:8px;margin-top:4px}
#bgp-sales .bi-debt.bd-delay-pop .bd-delay-pop-buttons button{min-height:32px;padding:4px 12px}
#bgp-sales .bi-debt.bd-delay-pop .bd-delay-error:empty{display:none}
/* task 410: the forecast payment date — the cell of the invoice head, its form (the delay's floating form with a reason), the timeline of
   changes (the delay's history too): the date on the left, a dot on the line, «было → стало», the shift, the reason, who */
#bgp-sales .bi-debt .bd-forecast{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0}
#bgp-sales .bi-debt .bd-forecast .bd-forecast-flag{font-size:11px}
#bgp-sales .bi-debt .bd-forecast .bd-forecast-edit{align-self:flex-start;min-height:26px;padding:2px 10px;font-size:12px}
#bgp-sales .bi-debt .bd-forecast-note{margin:-8px 0 16px;font-size:12px}
#bgp-sales .bi-debt.bd-delay-pop.bd-forecast-pop{width:min(340px,calc(100vw - 16px))}
#bgp-sales .bi-debt.bd-delay-pop.bd-forecast-pop textarea{min-height:64px;padding:6px 8px;font:inherit;font-size:14px;resize:vertical;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text)}
#bgp-sales .bi-debt.bd-delay-pop.bd-forecast-pop .bd-forecast-shift{color:var(--secondary)}
#bgp-sales .bi-debt.bd-delay-pop.bd-forecast-pop .bd-forecast-shift:empty{display:none}
#bgp-sales .bi-debt .bd-help-pop.bd-timeline-pop{width:min(440px,calc(100vw - 32px))}
#bgp-sales .bi-debt .bd-help-list.bd-timeline{display:block;max-height:340px;padding:2px 2px 0 0}
#bgp-sales .bi-debt .bd-help-list.bd-timeline>li{position:relative;display:grid;grid-template-columns:84px 16px minmax(0,1fr);column-gap:10px;padding:0 0 14px;border:0}
#bgp-sales .bi-debt .bd-help-list.bd-timeline>li:last-child{padding-bottom:2px}
#bgp-sales .bi-debt .bd-help-list.bd-timeline>li::before{content:'';position:absolute;left:101px;top:16px;bottom:0;width:2px;background:var(--border)}
#bgp-sales .bi-debt .bd-help-list.bd-timeline>li:last-child::before{display:none}
#bgp-sales .bi-debt .bd-help-list.bd-timeline time{grid-column:1;text-align:right;font-size:11px;line-height:16px;white-space:normal;color:var(--secondary)}
#bgp-sales .bi-debt .bd-help-list.bd-timeline .bd-tl-dot{grid-column:2;justify-self:center;width:14px;height:14px;margin-top:1px;border:2px solid var(--secondary);border-radius:50%;background:var(--bg,var(--card))}
#bgp-sales .bi-debt .bd-help-list.bd-timeline>li:first-child .bd-tl-dot{border-color:var(--accent)}
#bgp-sales .bi-debt .bd-help-list.bd-timeline .bd-tl-body{grid-column:3;display:grid;gap:2px;min-width:0}
#bgp-sales .bi-debt .bd-help-list.bd-timeline .bd-tl-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:13px;font-weight:600;text-align:left}
#bgp-sales .bi-debt .bd-help-list.bd-timeline .bd-tl-title span{text-align:left;font-weight:600}
#bgp-sales .bi-debt .bd-help-list.bd-timeline .bd-tl-shift{padding:0 6px;border:1px solid currentColor;border-radius:4px;font-size:11px;font-weight:600}
#bgp-sales .bi-debt .bd-help-list.bd-timeline .is-later .bd-tl-shift{color:var(--bad)}
#bgp-sales .bi-debt .bd-help-list.bd-timeline .is-earlier .bd-tl-shift{color:var(--accent)}
#bgp-sales .bi-debt .bd-help-list.bd-timeline .bd-tl-note{margin:0;font-size:12px;line-height:1.4;color:var(--text)}
#bgp-sales .bi-debt .bd-help-list.bd-timeline .bd-tl-by{grid-column:auto;font-size:11px;color:var(--secondary)}
@media(max-width:767px){#bgp-sales .bi-debt .bd-help-list.bd-timeline>li{grid-template-columns:72px 16px minmax(0,1fr);column-gap:8px}#bgp-sales .bi-debt .bd-help-list.bd-timeline>li::before{left:87px}}
#bgp-sales .bi-debt .bd-help-pop.is-right{left:auto;right:0}
#bgp-sales .bi-debt .bd-act-hero{position:relative;z-index:3}   /* task 410: the head's popovers above the panels below it */
#bgp-sales .bi-debt .bd-help-list.bd-timeline time span{display:block;font-weight:400;text-align:right;white-space:nowrap}
/* task 411: the tabs of the invoice card and «История изменений» — the same timeline with a tag per kind and the changed lines */
#bgp-sales .bi-debt .bd-card-tabs{display:flex;gap:6px;margin:0 0 14px;border-bottom:1px solid var(--border)}
#bgp-sales .bi-debt .bd-card-tab{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--secondary);font-size:13px}
#bgp-sales .bi-debt .bd-card-tab svg{width:15px;height:15px}
#bgp-sales .bi-debt .bd-card-tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}
#bgp-sales .bi-debt .bd-changes .bd-help-list.bd-timeline{max-height:none;overflow:visible}
#bgp-sales .bi-debt .bd-changes .bd-help-list.bd-timeline>li{grid-template-columns:96px 16px minmax(0,1fr)}
#bgp-sales .bi-debt .bd-changes .bd-help-list.bd-timeline>li::before{left:113px}
#bgp-sales .bi-debt .bd-help-list.bd-timeline .bd-tl-tag{padding:0 6px;border-radius:4px;background:var(--line);color:var(--secondary);font-size:10px;font-weight:600}
#bgp-sales .bi-debt .bd-help-list.bd-timeline .bd-tl-details{margin:2px 0 0;padding-left:16px;display:grid;gap:2px;font-size:12px;line-height:1.4;color:var(--text)}
#bgp-sales .bi-debt .bd-help-list.bd-timeline .bd-tl-details li{display:list-item;padding:0;border:0}
@media(max-width:767px){#bgp-sales .bi-debt .bd-changes .bd-help-list.bd-timeline>li{grid-template-columns:72px 16px minmax(0,1fr)}#bgp-sales .bi-debt .bd-changes .bd-help-list.bd-timeline>li::before{left:87px}#bgp-sales .bi-debt .bd-card-tab{flex:1;justify-content:center}}
/* task 412: «Файлы проекта» — the project card (attach, delete) and, compactly, the side of the invoice card */
#bgp-sales .bi-debt .bd-files h2{margin-bottom:10px}
#bgp-sales .bi-debt .bd-files-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:0}
#bgp-sales .bi-debt .bd-files-list li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:8px 0;border-bottom:1px solid var(--border);min-width:0}
#bgp-sales .bi-debt .bd-files-list li:last-child{border-bottom:0}
#bgp-sales .bi-debt .bd-file-name{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;font-weight:600;color:var(--text);text-decoration:none}
#bgp-sales .bi-debt .bd-file-name span{overflow-wrap:anywhere}
#bgp-sales .bi-debt .bd-file-name:hover span{text-decoration:underline}
#bgp-sales .bi-debt .bd-file-name svg{flex:none;width:18px;height:18px;color:var(--accent)}
#bgp-sales .bi-debt .bd-files-list small{color:var(--secondary)}
#bgp-sales .bi-debt .bd-file-delete,#bgp-sales .bi-debt .bd-file-yes,#bgp-sales .bi-debt .bd-file-ask button{min-height:28px;padding:2px 10px;font-size:12px}
#bgp-sales .bi-debt .bd-file-delete{margin-left:auto}
#bgp-sales .bi-debt .bd-file-ask{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto}
#bgp-sales .bi-debt .bd-file-yes{color:var(--bad)}
#bgp-sales .bi-debt .bd-files-add{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
#bgp-sales .bi-debt .bd-file-add{display:inline-flex;align-items:center;gap:6px;min-height:34px}
#bgp-sales .bi-debt .bd-file-add svg{width:16px;height:16px}
#bgp-sales .bi-debt .bd-files-status{color:var(--secondary)}
#bgp-sales .bi-debt .bd-files-compact .bd-files-list li{padding:6px 0}
#bgp-sales .bi-debt .bd-files-compact .bd-file-name{font-weight:500;font-size:13px}
/* task 413: «?» (the tour) and the book (the guide) — round icons next to «Обновить»; the tour — a spotlight and a card */
#bgp-sales .bi-debt .bd-head-side{display:flex;align-items:center;gap:8px;flex:none}
#bgp-sales .bi-debt .bd-help-tools{display:flex;align-items:center;gap:8px}
#bgp-sales .bi-debt .bd-round{display:inline-grid;place-items:center;box-sizing:border-box;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--secondary);font-size:17px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer}
#bgp-sales .bi-debt .bd-round:hover,#bgp-sales .bi-debt .bd-round:focus-visible{color:var(--text);border-color:var(--accent)}
#bgp-sales .bi-debt .bd-round svg{width:18px;height:18px}
#bgp-sales .bi-debt.bd-tour{position:fixed;inset:0;z-index:1300;width:auto;max-width:none;margin:0;padding:0;background:transparent;animation:none}
#bgp-sales .bi-debt .bd-tour-spot{position:fixed;left:var(--tx,0);top:var(--ty,0);width:var(--tw,0);height:var(--th,0);border-radius:10px;box-shadow:0 0 0 9999px rgb(0 0 0 / .62);outline:2px solid var(--accent);outline-offset:0;transition:left .25s ease,top .25s ease,width .25s ease,height .25s ease;pointer-events:none}
#bgp-sales .bi-debt .bd-tour-card{position:fixed;left:var(--cx,16px);top:var(--cy,16px);width:min(360px,calc(100vw - 16px));display:grid;gap:8px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 12px 32px rgb(0 0 0 / .4);font-size:13px;line-height:1.45}
#bgp-sales .bi-debt .bd-tour-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
#bgp-sales .bi-debt .bd-tour-count{color:var(--secondary);font-size:11px;letter-spacing:.3px}
#bgp-sales .bi-debt .bd-tour-close{display:inline-grid;place-items:center;width:28px;height:28px;min-height:28px;padding:0;border:0;background:transparent;color:var(--secondary)}
#bgp-sales .bi-debt .bd-tour-close svg{width:16px;height:16px}
#bgp-sales .bi-debt .bd-tour-title{font-size:15px}
#bgp-sales .bi-debt .bd-tour-text{margin:0;color:var(--text)}
#bgp-sales .bi-debt .bd-tour-nav{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
#bgp-sales .bi-debt .bd-tour-nav button{min-height:32px;padding:4px 14px}
@media(max-width:599px){#bgp-sales .bi-debt .bd-tour-card{left:8px;right:8px;width:auto}#bgp-sales .bi-debt .bd-round{width:36px;height:36px;min-width:36px;min-height:36px}}