/* Decizii și documente în masă (v1.2). Toate clasele noi au prefixul .bk- ; fără derulare laterală la 390 px și 1366 px. */

/* ---------- utilitare ---------- */
.bk-p { margin: 0; font-size: 13px; }
.bk-mt { margin-top: 8px; }
.bk-red, .tbl td small.bk-red { color: var(--red-text); font-weight: 600; }
.bk-green, .tbl td small.bk-green { color: var(--green-text); }
.bk-amber, .tbl td small.bk-amber { color: var(--amber-text); }
.tbl td small.bk-wrap { white-space: normal; overflow-wrap: anywhere; }
.bk-cell { display: flex; flex-direction: column; min-width: 0; }
.bk-cell b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bk-seg { display: flex; max-width: 100%; min-width: 0; }
.bk-seg .seg { display: flex; flex-wrap: wrap; max-width: 100%; }
.bk-seg .seg button { height: 28px; padding: 0 10px; }
.bk-span2 { grid-column: span 2; }
.bk-empty .empty { padding: 26px 16px; }
.bk-how { text-align: left; margin: 8px auto 0; padding-left: 20px; max-width: 620px; font-size: 13px; color: var(--text-weak); display: flex; flex-direction: column; gap: 4px; }

/* ---------- lista loturilor ---------- */
.bk-filterbar { gap: 8px; }
.bk-fsel { width: 180px; }
.bk-fsearch { width: 220px; }
.bk-prog-w { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bk-prog { display: block; height: 6px; border-radius: 99px; background: var(--border-soft); overflow: hidden; }
.bk-prog i { display: block; height: 100%; background: var(--green); border-radius: 99px; }

/* ---------- pașii asistentului ---------- */
.bk-steps { display: flex; gap: 6px; flex-wrap: wrap; }
.bk-step { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 12px 0 6px; border: 1px solid var(--border); border-radius: 99px; background: #fff; font-size: 13px; font-weight: 600; color: var(--text-weak); cursor: pointer; }
.bk-step b { display: inline-flex; align-items: center; justify-content: center; width: 21px; height: 21px; border-radius: 50%; background: var(--bg); font-size: 12px; }
.bk-step.on { border-color: var(--brand); color: var(--brand-dark); background: var(--brand-soft); }
.bk-step.on b { background: var(--brand); color: #fff; }
.bk-step.done b { background: var(--green-bg); color: var(--green-text); }
.bk-step:disabled { opacity: .5; cursor: not-allowed; }

/* ---------- filtre și lista de alegere ---------- */
.bk-filters { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px 10px; }
.bk-range { display: flex; align-items: center; gap: 4px; }
.bk-range .inp { min-width: 0; }
.bk-listhead { gap: 10px; margin: 10px 0 6px; }
.bk-lsearch { width: 220px; max-width: 100%; }
.bk-list { display: flex; flex-direction: column; max-height: 420px; overflow-y: auto; border: 1px solid var(--border-soft); border-radius: var(--radius-sm); }
.bk-it { display: flex; align-items: center; gap: 8px; padding: 5px 8px; border-bottom: 1px solid var(--border-soft); cursor: pointer; min-width: 0; font-size: 13px; }
.bk-it:last-child { border-bottom: 0; }
.bk-it.on { background: var(--brand-soft); }
.bk-it input { width: 16px; height: 16px; flex: none; accent-color: var(--brand); }
.bk-itn { min-width: 0; }
.bk-itn small { display: block; color: var(--text-weak); font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bk-itb { display: flex; gap: 4px; flex: none; }
.bk-sal { flex: none; min-width: 64px; text-align: right; font-variant-numeric: tabular-nums; }

/* bara de acțiuni a asistentului: rămâne vizibilă la listele lungi */
.bk-actions { position: sticky; bottom: 0; z-index: 6; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 10px; padding: 8px 0 2px; background: #fff; border-top: 1px solid var(--border-soft); }
.bk-wiz > .bk-actions { padding: 8px 12px; border: 1px solid var(--border); border-radius: var(--radius-sm); box-shadow: var(--shadow); }

/* ---------- regula ---------- */
.bk-rule { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; margin-bottom: 10px; }

/* ---------- grila de verificare (majorare) ---------- */
.bk-gridbar { gap: 8px; margin-bottom: 8px; }
.bk-pad { padding: 8px 12px 0; }
.bk-calc { font-size: 12px; }
.bk-grid { display: flex; flex-direction: column; border: 1px solid var(--border-soft); border-radius: var(--radius-sm); min-width: 0; }
.bk-gh, .bk-gr, .bk-gf { display: grid; grid-template-columns: 30px minmax(0, 1fr) 92px 128px 104px 34px; align-items: center; gap: 0 8px; padding: 4px 8px; min-width: 0; }
.bk-gh { position: sticky; top: 0; z-index: 2; background: var(--bg-soft); border-bottom: 1px solid var(--border); font-size: 11.5px; font-weight: 650; color: var(--text-weak); }
.bk-gr { border-bottom: 1px solid var(--border-soft); font-size: 13px; }
.bk-gr.off { background: #fafbfc; }
.bk-gr.off .bk-c-name b, .bk-gr.off .bk-c-old, .bk-gr.off .bk-c-diff { color: var(--text-faint); }
.bk-gr.blk { background: #fff6f5; }
.bk-gf { background: var(--bg-soft); border-top: 1px solid var(--border); font-size: 13px; }
.bk-grid .num { text-align: right; font-variant-numeric: tabular-nums; }
.bk-c-chk input { width: 16px; height: 16px; accent-color: var(--brand); }
.bk-c-name { min-width: 0; }
.bk-c-name small { display: block; font-size: 11.5px; color: var(--text-weak); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bk-c-diff small { display: block; font-size: 11px; color: var(--text-weak); }
.bk-c-diff.pos { color: var(--green-text); font-weight: 600; } .bk-c-diff.neg { color: var(--red-text); font-weight: 600; }
.bk-gf .pos { color: var(--green-text); }
.bk-c-w { grid-column: 2 / -1; display: flex; flex-wrap: wrap; gap: 4px 8px; padding: 2px 0 2px; }
.bk-inw { position: relative; display: flex; align-items: center; }
.bk-in { height: 28px; padding: 0 6px; font-size: 13px; }
.bk-c-new .bk-in { text-align: right; font-variant-numeric: tabular-nums; padding-right: 24px; }
.bk-in.man { border-color: #d39b2a; background: #fffaf0; font-weight: 650; }
.bk-reset { position: absolute; right: 3px; width: 20px; height: 20px; border: 0; border-radius: 4px; background: none; color: var(--amber-text); cursor: pointer; font-size: 14px; line-height: 1; }
.bk-reset:hover { background: var(--amber-bg); }
.bk-chip { display: inline-flex; align-items: center; height: 18px; padding: 0 6px; border-radius: 99px; background: var(--bg); color: var(--text-weak); font-size: 11px; font-weight: 600; white-space: nowrap; }
.bk-wm { display: inline-flex; align-items: flex-start; gap: 4px; font-size: 11.5px; line-height: 1.35; min-width: 0; overflow-wrap: anywhere; }
.bk-wm svg { flex: none; margin-top: 1px; }
.bk-wm.warn { color: var(--amber-text); }
.bk-wm.block { color: var(--red-text); font-weight: 600; }
.bk-wm.info { color: var(--text-weak); }
.bk-paste { height: auto; min-height: 150px; padding: 6px 8px; font-family: ui-monospace, Consolas, monospace; font-size: 12.5px; }

/* ---------- document în masă: valori comune, coloana pe persoană, previzualizare ---------- */
.bk-two { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 12px; align-items: start; }
.bk-common { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 8px 10px; }
.bk-opts { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 8px 10px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--border-soft); align-items: start; }
.bk-checks { gap: 6px; padding-top: 4px; }
.bk-colbar { gap: 6px; align-items: flex-end; margin-bottom: 8px; }
.bk-colsel { flex: 1 1 200px; min-width: 0; }
.bk-plist { display: flex; flex-direction: column; max-height: 520px; overflow-y: auto; border: 1px solid var(--border-soft); border-radius: var(--radius-sm); }
.bk-pr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 30px; align-items: center; gap: 4px 8px; padding: 4px 6px 4px 8px; border-bottom: 1px solid var(--border-soft); min-width: 0; }
.bk-pr:last-child { border-bottom: 0; }
.bk-pr.cur { background: var(--brand-soft); }
.bk-pr.bad { box-shadow: inset 3px 0 0 var(--red); }
.bk-pn { min-width: 0; border: 0; background: none; padding: 0; text-align: left; cursor: pointer; font-size: 13px; color: var(--text); }
.bk-pn small { display: block; font-size: 11.5px; color: var(--text-weak); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bk-pn b { overflow-wrap: anywhere; }
.bk-pv { min-width: 0; }
.bk-pv .inp { width: 100%; }
.bk-pw { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 3px 8px; }
.bk-prev { position: sticky; top: 8px; min-width: 0; background: var(--bg); border-radius: var(--radius-sm); padding: 8px; display: flex; flex-direction: column; gap: 8px; }
.bk-prevhead { gap: 8px; font-size: 13px; min-height: 22px; }

/* ---------- pagina lotului ---------- */
.bk-coll { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: #fff; min-width: 0; flex-wrap: wrap; }
.bk-coll small { display: block; font-size: 12px; color: var(--text-weak); }
.bk-coll > svg { color: var(--brand); flex: none; }
.bk-docs { display: flex; flex-wrap: wrap; gap: 4px; min-width: 0; }
.bk-doc { display: inline-flex; flex-direction: column; align-items: flex-start; max-width: 100%; padding: 2px 7px; border: 1px solid var(--border); border-radius: 6px; background: #fff; cursor: pointer; text-align: left; font-size: 12px; line-height: 1.25; }
.bk-doc:hover { border-color: var(--link); }
.bk-doc b { white-space: nowrap; color: var(--link); }
.tbl td .bk-doc small, .bk-doc small { display: block; font-size: 10.5px; color: var(--text-weak); white-space: nowrap; }
.bk-doc.off b { color: var(--text-faint); text-decoration: line-through; }
.tbl td small.bk-vals { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ---------- foaia documentului: anexa nominală (ecran și tipar) ---------- */
.doc-body table.bk-annex { margin: 4px 0 10px; }
.doc-body table.bk-annex th, .doc-body table.bk-annex td { font-size: 9.5pt; padding: 2px 4px; vertical-align: top; }
.doc-body table.bk-annex small { font-size: 8.5pt; }
.doc-body table.bk-annex tfoot th { background: #f7f7f7; }

/* ---------- pachetul de tipărit: fiecare document pe paginile lui ---------- */
.bk-bundle .doc-sheet + .doc-sheet { margin-top: 16px; }
@media print {
  .bk-bundle .doc-sheet + .doc-sheet { margin-top: 0; break-before: page; page-break-before: always; }
  .bk-actions, .bk-steps { display: none !important; }
}

/* ---------- ecrane mai înguste ---------- */
@media (max-width: 1100px) {
  .bk-two { grid-template-columns: minmax(0, 1fr); }
  .bk-prev { position: static; }
}
@media (max-width: 760px) {
  .bk-rule { grid-template-columns: minmax(0, 1fr); }
  .bk-span2 { grid-column: auto; }
  .bk-fsel, .bk-fsearch, .bk-lsearch { width: auto; flex: 1 1 150px; }
  .bk-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bk-listhead .right { margin-left: 0; }
  /* grila de verificare: două rânduri pe persoană */
  .bk-gh { display: none; }
  .bk-gr, .bk-gf { grid-template-columns: 26px repeat(3, minmax(0, 1fr)) 30px; grid-template-areas: "chk name name name eye" ". old new diff ." "w w w w w"; gap: 2px 6px; padding: 6px 6px; }
  .bk-c-chk { grid-area: chk; } .bk-c-name { grid-area: name; } .bk-c-eye { grid-area: eye; }
  .bk-c-old { grid-area: old; } .bk-c-new { grid-area: new; } .bk-c-diff { grid-area: diff; } .bk-c-w { grid-area: w; padding-left: 32px; }
  .bk-c-old::before, .bk-c-new::before, .bk-c-diff::before { content: attr(data-l); display: block; font-size: 10.5px; font-weight: 400; color: var(--text-faint); text-align: left; }
  .bk-c-old, .bk-c-diff { text-align: left !important; }
  .bk-gf { grid-template-areas: ". name name name ." ". old new diff ."; }
  .bk-gf > span:nth-child(1), .bk-gf > span:nth-child(6) { display: none; }
  .bk-gf > span:nth-child(2) { grid-area: name; } .bk-gf > span:nth-child(3) { grid-area: old; text-align: left; } .bk-gf > span:nth-child(4) { grid-area: new; text-align: left; } .bk-gf > span:nth-child(5) { grid-area: diff; text-align: left; }
  .bk-pr { grid-template-columns: minmax(0, 1fr) 30px; }
  .bk-pv { grid-column: 1 / 2; grid-row: 2; }
}
@media (max-width: 420px) {
  .bk-filters { gap: 6px 8px; }
  .bk-sal { min-width: 52px; }
  .bk-itb { display: none; }
}