/* стили раздела «Расчёты» — pages/billing.js (долги, акты) и pages/carriers.js (наёмники) */
.bl-page{display:flex;flex-direction:column;gap:20px;min-width:0}
.bl-page [hidden]{display:none !important}
.bl-small{font-size:13px}
.bl-nowrap{white-space:nowrap}
.bl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.bl-flash{padding:12px 16px;background:var(--soft);border-left:4px solid var(--ok);font-size:15px;font-weight:600;line-height:1.5}
.bl-err{margin:0;font-size:15px}
.bl-err:empty{display:none}
.bl-in0{margin:0}

/* переключатели: фильтр, форма оплаты, период */
.bl-seg{gap:0}
.bl-seg .chip{min-height:40px}
.bl-seg .chip+.chip{margin-left:-1px}
.bl-seg .chip span{margin-left:4px;opacity:.8}
.bl-gap{gap:6px}
.bl-gap .chip{min-height:44px}
.bl-datefield{display:flex;flex-direction:column;gap:4px}
.bl-lbl{font-size:14px;color:var(--muted)}
.bl-date{display:flex;flex-wrap:wrap;align-items:center;gap:0}
.bl-date .chip{min-height:44px}
.bl-date .chip+.chip{margin-left:-1px}
.bl-date input{margin-left:10px}

/* список слева, карточка справа */
.split.bl-split{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}
.split.bl-acts{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.split.bl-one{grid-template-columns:minmax(0,1fr)}
@media (max-width:1100px){.split.bl-split,.split.bl-acts{grid-template-columns:minmax(0,1fr)}}
.bl-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:14px 20px 10px}
.panel .bl-head h2{padding:0}
.bl-search{padding:0 20px 12px}
.bl-search input{width:100%}
.bl-empty{margin:0;border-top:1px solid var(--line2)}
.bl-page .list .line1>span:first-child{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.badge.bl-over{background:var(--danger);color:#fff;min-height:22px;font-size:12px}
.list>.bl-flash{margin:0;border-top:1px solid var(--line2)}

.bl-card-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}
.bl-card-head h2{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:20px}
.bl-card-title{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 280px}
.bl-card-head>.bl-big{flex:0 0 auto}
.bl-big{font-size:28px;font-weight:600}
.bl-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bl-mini>div{padding:10px 12px;background:var(--soft);display:flex;flex-direction:column;gap:2px;min-width:0}
.bl-mini span{font-size:14px;color:var(--muted)}
.bl-mini b{font-size:17px;font-weight:600}
.bl-mini small{font-size:13px;color:var(--muted)}
.bl-age,.bl-limit{margin:0;font-size:14px;line-height:1.5}
.bl-cap{caption-side:top;text-align:left;font-weight:600;font-size:15px;padding:0 0 6px;color:var(--ink)}

/* оплаты и выплаты */
.bl-pays{display:flex;flex-direction:column}
.bl-pays h3,.bl-form h3{margin:0 0 6px;font-size:15px;font-weight:600}
.bl-pays>p{margin:4px 0 0}
.bl-pay{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:8px 0;border-top:1px solid var(--line2);font-size:15px}
.bl-pay-note{flex-basis:100%;font-size:13px;color:var(--muted);line-height:1.45}
.bl-pay.is-void{color:var(--faint)}
.bl-pay.is-void b{text-decoration:line-through}
.bl-to-act{font-weight:400;font-size:13px}
.bl-void{flex-basis:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.bl-link{background:none;border:0;padding:0;min-height:32px;font:inherit;font-size:14px;color:var(--link);text-decoration:underline;cursor:pointer}
.bl-link:hover{color:#144A85}
.bl-void-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}
.bl-form{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--soft)}
.bl-form h3{font-size:16px}
.bl-submit,.bl-center{align-items:center}

/* акты */
.bl-acts-table td{vertical-align:middle}
.bl-acts-table td.bl-num,.bl-lines td.mono{white-space:nowrap}
.bl-acts-table td.bl-num .badge{margin-top:4px}
tr.bl-void-row td{color:var(--faint)}
.bl-page tr.sel td:first-child{box-shadow:inset 4px 0 0 var(--accent)}
.panel.bl-builder{gap:14px}
.bl-pick{display:flex;flex-direction:column;gap:8px}
.bl-pick-item{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 14px;text-align:left;font:inherit;font-size:15px;cursor:pointer;border:1px solid #C2C8CE;background:#fff;color:var(--ink)}
.bl-pick-item:hover:not(:disabled){background:var(--soft)}
.bl-pick-item[aria-pressed=true]{background:var(--accent-bg);border-color:var(--accent)}
.bl-pick-item:disabled{background:var(--soft);color:var(--muted);cursor:default}
.bl-pick-item>span{min-width:0}
.bl-pick-name{font-weight:600;flex:1 1 auto}
.bl-pick-hint{font-size:14px;text-align:right;flex:0 1 60%}
.bl-preview{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:var(--soft);font-size:15px}
.bl-preview:empty{display:none}
.bl-preview>b{font-size:16px}
.bl-loading{margin:0}
.bl-total{font-size:20px;font-weight:600}
.bl-warns{margin:0;padding-left:18px;color:var(--danger);font-size:14px;line-height:1.5}
.bl-details summary{cursor:pointer;color:var(--link);min-height:32px;padding-top:4px}
.bl-details table{margin-top:6px;background:#fff}
.bl-big-btn{min-height:48px;font-size:16px}
.bl-act-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 20px;padding:18px 20px}
.bl-act-title{display:flex;flex-direction:column;gap:6px;min-width:0}
.bl-act-name{align-items:center;gap:12px}
.panel .bl-act-name h2{padding:0;font-size:22px}
.bl-act-actions{align-items:center;gap:8px}
.bl-act>.bl-flash,.bl-in{margin:0 20px 14px}
.bl-act .bl-cap{padding:0 12px 6px}
.bl-act-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px;padding:14px 20px 18px;border-top:1px solid var(--line2)}
.bl-paid{font-size:16px}
.bl-foot-line{flex-basis:100%}
.btn2.bl-blue{border-color:var(--link);color:var(--link)}
.bl-act .bl-pays{margin-bottom:18px}

/* наёмники: машины без перевозчика */
.bl-orphan{display:flex;flex-direction:column;gap:10px;padding:14px 20px 18px;border-top:4px solid var(--accent);background:#FCF4EF}
.bl-orphan h3{margin:0;font-size:16px;font-weight:600}
.bl-orphan p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.bl-orphan p.bl-err{color:var(--danger);font-size:15px}
.bl-orphan select{min-width:220px;max-width:100%}
.bl-check{width:22px;height:22px;min-height:0;margin:0;accent-color:var(--accent)}

@media (max-width:600px){
  .bl-mini{grid-template-columns:minmax(0,1fr)}
  .bl-big{font-size:22px}
  .bl-date input{margin:8px 0 0}
  .bl-pick-item{flex-direction:column;align-items:flex-start}
  .bl-pick-hint{text-align:left}
}