/* PRTY OS — Finance › Bankline export panel. Prefix: bkl- */
.bkl-screen { display: flex; flex-direction: column; gap: var(--s-4); }
.bkl-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); border: 1px solid var(--line); border-radius: var(--r-3); background: var(--surface); overflow: hidden; }

.bkl-pill { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: var(--r-2); font-size: var(--fs-11); font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; }
.bkl-pill--grey { background: var(--hover); color: var(--text-3); }
.bkl-pill--amber { background: color-mix(in srgb, var(--amber) 16%, transparent); color: var(--amber); }
.bkl-pill--green { background: color-mix(in srgb, var(--green) 16%, transparent); color: var(--green); }

.bkl-builder { display: flex; flex-direction: column; gap: var(--s-3); }
.bkl-builder__filters { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.bkl-builder__filters .select, .bkl-builder__filters .input { min-height: 44px; }
.bkl-builder__total { font-size: var(--fs-14); padding: 8px 0; }
.bkl-note { color: var(--amber); font-size: var(--fs-12); }

.bkl-readylist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; max-height: 320px; overflow-y: auto; }
.bkl-readyrow { display: flex; align-items: center; gap: 10px; padding: 8px 4px; min-height: 44px; border-bottom: 1px solid var(--line-soft); flex-wrap: wrap; }
.bkl-readyrow__label { display: flex; align-items: center; gap: 10px; flex: 1 1 auto; flex-wrap: wrap; }
.bkl-readyrow__name { font-weight: 500; }
.bkl-readyrow__amount { margin-left: auto; font-variant-numeric: tabular-nums; }

.bkl-banner { display: flex; align-items: center; gap: 8px; padding: var(--s-2) var(--s-3); border-radius: var(--r-2); }
.bkl-banner--warn { background: color-mix(in srgb, var(--amber) 14%, transparent); color: var(--amber); border: 1px solid color-mix(in srgb, var(--amber) 40%, transparent); }

.bkl-batch { display: flex; flex-direction: column; gap: var(--s-2); margin-bottom: var(--s-3); }
.bkl-batch__head { display: flex; align-items: center; justify-content: space-between; }
.bkl-batch__items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.bkl-batch__actions { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.bkl-report { background: var(--hover); border-radius: var(--r-2); padding: var(--s-2); }
.bkl-confirm { display: flex; flex-wrap: wrap; gap: var(--s-2); align-items: center; padding-top: var(--s-2); border-top: 1px solid var(--line-soft); }
.bkl-confirm .input { min-height: 44px; flex: 1 1 200px; }

.bkl-heldlist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.bkl-held { border: 1px solid var(--line-soft); border-radius: var(--r-2); padding: var(--s-2); }
.bkl-held__reasons { color: var(--amber); margin: 4px 0 0; padding-left: 16px; }

.bkl-address-form { border: 1px dashed var(--line); }
.bkl-address-form__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s-2); }
.bkl-address-form__grid .input { min-height: 44px; }

@media (max-width: 720px) {
  .bkl-builder__filters { flex-direction: column; }
  .bkl-builder__filters .select, .bkl-builder__filters .input { width: 100%; min-height: 44px; }
  .bkl-batch__actions .btn { min-height: 44px; }
  .bkl-readyrow { min-height: 44px; }
  .bkl-address-form__grid { grid-template-columns: 1fr; }
}

/* Paying accounts (our own debit accounts) */
.bkl-paying { display: flex; flex-direction: column; }
.bkl-field { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.bkl-field .input, .bkl-field .select { min-height: 44px; width: 100%; box-sizing: border-box; }
.bkl-paying-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-2); }
.bkl-wrap { overflow-wrap: anywhere; word-break: break-word; }
.bkl-warning { background: color-mix(in srgb, var(--amber) 14%, transparent); border: 1px solid color-mix(in srgb, var(--amber) 40%, transparent); color: var(--text); border-radius: var(--r-2); padding: var(--s-2) var(--s-3); }
.bkl-routes { display: flex; flex-direction: column; gap: 6px; }
.bkl-route { border-top: 1px solid var(--line-soft); padding-top: 6px; }
.bkl-paying-card .btn, .bkl-paying-company .btn { min-height: 36px; }
@media (max-width: 720px) {
  .bkl-paying-form__grid { grid-template-columns: 1fr; }
  .bkl-paying-card .btn, .bkl-paying-company .btn { min-height: 44px; }
}