/* Task 295 (design 287 §10.2): «Отчёт по журналу» — the grid of the sales details (prototype-native.css .bi-detail-*) with its own columns:
   the name, the chosen measures (data-measures = 1…7 on the grid) and «Строк». No inline styles under the CSP: the column count is an attribute. */
#bgp-sales .bi-ledger-report .bi-ledger-controls{align-items:end}
#bgp-sales .bi-ledger-report .bi-ledger-month{flex:0 1 150px}
#bgp-sales .bi-ledger-report .bi-ledger-month input{height:38px;min-height:38px;padding:0 10px;box-sizing:border-box;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;color-scheme:light dark}
#bgp-sales .bi-ledger-report .bi-ledger-archive{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;color:var(--text);width:auto;cursor:pointer}
#bgp-sales .bi-ledger-report .bi-ledger-archive input{width:16px;height:16px;margin:0;accent-color:var(--actual)}
#bgp-sales .bi-ledger-report .bi-ledger-summary{gap:14px 22px}
#bgp-sales .bi-ledger-report .bi-ledger-summary strong{font-variant-numeric:tabular-nums;white-space:nowrap}
#bgp-sales .bi-ledger-report .bi-ledger-measures{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
#bgp-sales .bi-ledger-report .bi-ledger-measures-title{font-size:12px;color:var(--secondary);margin-right:4px}
#bgp-sales .bi-ledger-report .bi-ledger-measure{flex-direction:row;gap:6px;padding:4px 8px;margin:0;font-size:12px;color:var(--text);cursor:pointer;min-height:30px}
#bgp-sales .bi-ledger-report .bi-ledger-measure input{width:14px;height:14px;margin:0;accent-color:var(--actual)}
#bgp-sales .bi-ledger-report [data-measure-cell][hidden]{display:none}
#bgp-sales .bi-ledger-report [data-ledger-caption]{font-size:13px}
#bgp-sales .bi-ledger-report [data-ledger-denied]{margin:12px 0;color:var(--text)}
#bgp-sales .bi-ledger-report .bi-detail-tree-actions .bi-financial-details{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font-size:12px}
/* the columns: name, N measures, «Строк» */
#bgp-sales .bi-ledger-grid .bi-detail-grid-head,#bgp-sales .bi-ledger-grid .bi-detail-grid-row,#bgp-sales .bi-ledger-grid .bi-detail-grid-total{grid-template-columns:minmax(220px,1fr) repeat(7,minmax(92px,128px)) minmax(56px,72px);min-width:1080px}
#bgp-sales .bi-ledger-grid .bi-detail-audit{min-width:1080px}
#bgp-sales .bi-ledger-grid[data-measures="1"] :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(240px,1fr) minmax(110px,150px) minmax(56px,72px);min-width:450px}
#bgp-sales .bi-ledger-grid[data-measures="2"] :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(240px,1fr) repeat(2,minmax(100px,140px)) minmax(56px,72px);min-width:560px}
#bgp-sales .bi-ledger-grid[data-measures="3"] :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(240px,1fr) repeat(3,minmax(100px,140px)) minmax(56px,72px);min-width:680px}
#bgp-sales .bi-ledger-grid[data-measures="4"] :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(240px,1fr) repeat(4,minmax(96px,136px)) minmax(56px,72px);min-width:800px}
#bgp-sales .bi-ledger-grid[data-measures="5"] :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(240px,1fr) repeat(5,minmax(96px,132px)) minmax(56px,72px);min-width:920px}
#bgp-sales .bi-ledger-grid[data-measures="6"] :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(240px,1fr) repeat(6,minmax(96px,130px)) minmax(56px,72px);min-width:1040px}
#bgp-sales .bi-ledger-grid[data-measures="1"] .bi-detail-audit{min-width:450px}
#bgp-sales .bi-ledger-grid[data-measures="2"] .bi-detail-audit{min-width:560px}
#bgp-sales .bi-ledger-grid[data-measures="3"] .bi-detail-audit{min-width:680px}
#bgp-sales .bi-ledger-grid[data-measures="4"] .bi-detail-audit{min-width:800px}
#bgp-sales .bi-ledger-grid[data-measures="5"] .bi-detail-audit{min-width:920px}
#bgp-sales .bi-ledger-grid[data-measures="6"] .bi-detail-audit{min-width:1040px}
#bgp-sales .bi-ledger-grid .bi-detail-grid-head>span{overflow-wrap:anywhere}
@media(max-width:640px){
 #bgp-sales .bi-ledger-report .bi-ledger-month{flex-basis:auto}
 #bgp-sales .bi-ledger-report .bi-ledger-archive{grid-column:1/-1}
 #bgp-sales .bi-ledger-report .bi-ledger-summary{gap:10px 16px}
 /* a phone: a narrow name column, so the first measures are in view; the rest scroll inside the grid */
 #bgp-sales .bi-ledger-grid .bi-detail-grid-head,#bgp-sales .bi-ledger-grid .bi-detail-grid-row,#bgp-sales .bi-ledger-grid .bi-detail-grid-total{grid-template-columns:minmax(150px,1fr) repeat(7,88px) 52px;min-width:900px;gap:8px;padding:8px 10px}
 #bgp-sales .bi-ledger-grid .bi-detail-audit{min-width:900px}
 #bgp-sales .bi-ledger-grid[data-measures="1"] :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(150px,1fr) 96px 52px;min-width:330px}
 #bgp-sales .bi-ledger-grid[data-measures="2"] :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(150px,1fr) repeat(2,88px) 52px;min-width:420px}
 #bgp-sales .bi-ledger-grid[data-measures="3"] :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(150px,1fr) repeat(3,88px) 52px;min-width:510px}
 #bgp-sales .bi-ledger-grid[data-measures="4"] :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(150px,1fr) repeat(4,88px) 52px;min-width:600px}
 #bgp-sales .bi-ledger-grid[data-measures="5"] :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(150px,1fr) repeat(5,88px) 52px;min-width:700px}
 #bgp-sales .bi-ledger-grid[data-measures="6"] :is(.bi-detail-grid-head,.bi-detail-grid-row,.bi-detail-grid-total){grid-template-columns:minmax(150px,1fr) repeat(6,88px) 52px;min-width:800px}
}
/* the active preset: var(--bg) on var(--actual) is 4.49 in the light theme — var(--surface) keeps it ≥ 4.5 in the four themes */
#bgp-sales .bi-ledger-report .bi-saved-preset.is-active .bi-saved-preset-use{color:var(--surface)}