#bgp-sales .bi-revenue-detail-page{padding:24px;color:var(--text);min-width:0}
#bgp-sales .bi-revenue-detail-header{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding-bottom:20px}
#bgp-sales .bi-revenue-detail-header h1{font-size:26px;font-weight:600;flex:1;margin:0;overflow-wrap:anywhere}
#bgp-sales .bi-revenue-detail-total{font-size:24px;color:var(--actual);white-space:nowrap}
#bgp-sales .bi-revenue-detail-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px}
#bgp-sales .bi-revenue-detail-controls .xsel{min-width:110px}
#bgp-sales .bi-revenue-detail-group{border:1px solid var(--line);border-radius:10px;margin-bottom:12px;background:var(--surface);overflow:hidden}
#bgp-sales .bi-revenue-detail-group summary{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;cursor:pointer;background:var(--surface-hover)}
#bgp-sales .bi-revenue-detail-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(130px,.5fr);align-items:center;gap:16px;padding:16px 18px;border-top:1px solid var(--line)}
#bgp-sales .bi-revenue-detail-project,#bgp-sales .bi-revenue-detail-client{overflow-wrap:anywhere;min-width:0}
#bgp-sales .bi-revenue-detail-client{text-align:right;color:var(--secondary)}
#bgp-sales .bi-revenue-detail-amount{white-space:nowrap}
#bgp-sales .bi-revenue-detail-period{grid-column:1/-1;color:var(--secondary)}
#bgp-sales .bi-revenue-detail-controls [aria-pressed=true]{border-color:var(--actual);color:var(--actual)}
@media(max-width:640px){#bgp-sales .bi-revenue-detail-page{padding:16px 10px}#bgp-sales .bi-revenue-detail-header h1{flex-basis:100%;font-size:22px}#bgp-sales .bi-revenue-detail-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 12px}#bgp-sales .bi-revenue-detail-client{grid-column:1/-1}#bgp-sales .bi-revenue-detail-group summary{padding:12px}}

#bgp-sales .bi-revenue-detail-count{flex-basis:100%;font-size:13px;color:var(--secondary)}
#bgp-sales .bi-revenue-detail-company{grid-column:3;text-align:right;color:var(--secondary);overflow-wrap:anywhere;min-width:0}
#bgp-sales .bi-revenue-detail-facts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
#bgp-sales .bi-revenue-detail-period{grid-column:auto}
@media(min-width:641px){#bgp-sales .bi-revenue-detail-row{grid-template-columns:minmax(0,1fr) minmax(0,.6fr) minmax(0,.55fr)}#bgp-sales .bi-revenue-detail-company{grid-column:3;grid-row:2}}
@media(max-width:640px){#bgp-sales .bi-revenue-detail-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#bgp-sales .bi-revenue-detail-project{grid-column:1/-1}#bgp-sales .bi-revenue-detail-facts{grid-column:1;grid-row:2}#bgp-sales .bi-revenue-detail-amount{white-space:normal}#bgp-sales .bi-revenue-detail-client{grid-column:2;grid-row:2}#bgp-sales .bi-revenue-detail-company{grid-column:2;grid-row:3}#bgp-sales .bi-revenue-detail-group summary{flex-wrap:wrap}#bgp-sales .bi-revenue-detail-header{gap:12px}#bgp-sales .bi-revenue-detail-total{font-size:20px;white-space:normal;overflow-wrap:anywhere}}

/* Sales detail filters and admin diagnostics. */
.bi-sales-detail-report .bi-detail-practice-tools{display:flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:wrap}.bi-sales-detail-report .bi-detail-debug-control{display:flex;flex-direction:row;align-items:center;gap:6px;white-space:nowrap}.bi-sales-detail-report .bi-detail-debug-control input{width:auto}.bi-sales-detail-report [data-detail-technical][hidden]{display:none!important}@media(max-width:640px){.bi-sales-detail-report .bi-detail-practice-tools{margin-left:0;flex:1 1 100%;min-width:0}.bi-sales-detail-report .bi-detail-practice-tools>.bi-detail-field{flex:1 1 150px;min-width:0}}
/* task 444: the net revenue — «Сводная» (twelve months and the year; thousands or rubles) and «Строки» (the columns of a row) */
#bgp-sales .bi-detail-grid.bi-detail-grid-pivot :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(230px,1.6fr) repeat(12,minmax(66px,1fr)) minmax(96px,1.2fr);min-width:1180px;gap:6px}
#bgp-sales .bi-detail-grid.bi-detail-grid-pivot.bi-detail-pivot-rub :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(230px,1.4fr) repeat(12,minmax(104px,1fr)) minmax(120px,1.1fr);min-width:1700px}
#bgp-sales .bi-detail-grid.bi-detail-grid-pivot.bi-detail-pivot-year :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(230px,1fr) minmax(130px,200px);min-width:380px}
#bgp-sales .bi-detail-grid.bi-detail-pivot-year [data-detail-month]{display:none}
#bgp-sales .bi-detail-grid.bi-detail-grid-rows :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(220px,1.5fr) 70px 86px minmax(100px,.8fr) minmax(120px,.9fr) minmax(100px,.9fr) minmax(100px,.8fr) minmax(140px,1.2fr) minmax(104px,130px);min-width:1200px;gap:8px}
#bgp-sales .bi-detail-grid-rows .bi-detail-grid-head>span:not(:first-child):not(:last-child),#bgp-sales .bi-detail-grid-rows .bi-detail-grid-row>.bi-detail-text{text-align:left}
#bgp-sales .bi-detail-grid-rows .bi-detail-grid-row>.bi-detail-text{overflow:hidden;text-overflow:ellipsis}
#bgp-sales .bi-detail-grid-pivot .bi-detail-audit{min-width:1180px}
#bgp-sales .bi-detail-grid-pivot.bi-detail-pivot-rub .bi-detail-audit{min-width:1700px}
#bgp-sales .bi-detail-grid-pivot.bi-detail-pivot-year .bi-detail-audit{min-width:380px}
#bgp-sales .bi-detail-grid-rows .bi-detail-audit{min-width:1200px}
#bgp-sales .bi-detail-audit .bi-detail-origin{flex-basis:100%}
#bgp-sales .bi-detail-view-switch{flex-wrap:wrap;row-gap:6px}
#bgp-sales .bi-detail-view-switch .bi-detail-pivot-option{margin-left:8px}
#bgp-sales .bi-detail-view-switch .bi-detail-pivot-option[hidden]{display:none}
@media(max-width:700px){
 #bgp-sales .bi-detail-grid.bi-detail-grid-pivot :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(150px,1.2fr) repeat(12,60px) 78px;min-width:1010px}
 #bgp-sales .bi-detail-grid.bi-detail-grid-pivot.bi-detail-pivot-rub :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(150px,1.2fr) repeat(12,92px) 104px;min-width:1420px}
 #bgp-sales .bi-detail-grid.bi-detail-grid-pivot.bi-detail-pivot-year :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(150px,1fr) minmax(96px,130px);min-width:0}
 #bgp-sales .bi-detail-grid.bi-detail-grid-rows :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(150px,1.3fr) 62px 80px 96px 120px 110px 110px 140px 100px;min-width:1040px}
 #bgp-sales .bi-detail-grid-pivot .bi-detail-audit{min-width:1010px}
 #bgp-sales .bi-detail-grid-pivot.bi-detail-pivot-rub .bi-detail-audit{min-width:1420px}
 #bgp-sales .bi-detail-grid-pivot.bi-detail-pivot-year .bi-detail-audit{min-width:0}
 #bgp-sales .bi-detail-grid-rows .bi-detail-audit{min-width:1040px}
}
/* the names stay while the months scroll — on a wide screen too (narrower ones: charts-layout.css) */
@media(min-width:1100px){
 #bgp-sales :is(.bi-detail-grid-pivot,.bi-detail-grid-rows) :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total)>:first-child{position:sticky;left:0;z-index:1;align-self:stretch;box-sizing:border-box;margin:-10px 0 -10px -14px;padding:10px 0 10px 14px;background:var(--surface)}
 #bgp-sales :is(.bi-detail-grid-pivot,.bi-detail-grid-rows) .bi-detail-grid-row>:first-child{display:flex;align-items:center;gap:4px;min-width:0;background:var(--bg)}
 #bgp-sales :is(.bi-detail-grid-pivot,.bi-detail-grid-rows) .bi-detail-grid-row.bi-detail-leaf>:first-child{background:color-mix(in srgb,var(--actual) 8%,var(--surface));box-shadow:inset 3px 0 var(--actual)}
 #bgp-sales :is(.bi-detail-grid-pivot,.bi-detail-grid-rows) [data-detail-nodes] .bi-detail-grid-row:hover>:first-child{background:var(--surface-hover)}
}
/* the amount (the year of «Сводная», «Сумма» of «Строки») stays at the right edge while the columns between scroll */
#bgp-sales :is(.bi-detail-grid-pivot,.bi-detail-grid-rows) :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total)>:last-child{position:sticky;right:0;z-index:1;align-self:stretch;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;margin:-10px -14px -10px 0;padding:10px 14px 10px 8px;background:var(--surface)}
#bgp-sales :is(.bi-detail-grid-pivot,.bi-detail-grid-rows) .bi-detail-grid-row>:last-child{background:var(--bg)}
#bgp-sales :is(.bi-detail-grid-pivot,.bi-detail-grid-rows) .bi-detail-grid-row.bi-detail-leaf>:last-child{background:color-mix(in srgb,var(--actual) 8%,var(--surface))}
#bgp-sales :is(.bi-detail-grid-pivot,.bi-detail-grid-rows) [data-detail-nodes] .bi-detail-grid-row:hover>:last-child{background:var(--surface-hover)}
#bgp-sales :is(.bi-detail-grid-pivot,.bi-detail-grid-rows) [data-detail-nodes] .bi-detail-grid-row.bi-detail-leaf:hover>:last-child{background:color-mix(in srgb,var(--actual) 10%,var(--surface))}
@media(max-width:700px){#bgp-sales :is(.bi-detail-grid-pivot,.bi-detail-grid-rows) :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total)>:last-child{margin:-8px -10px -8px 0;padding:8px 10px 8px 6px}}