/* ЭДО (ed-) и Банк (bk-). Только токены из ui.css. */

/* ---------- ЭДО ---------- */
.ed-head{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;justify-content:space-between;margin-bottom:12px}
.ed-head .tabs{margin-bottom:0;flex:1;min-width:0}
.ed-tools{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:6px}
.ed-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.ed-bar select{width:auto;max-width:100%}
.ed-bar input[type=search]{flex:1 1 220px;min-width:0;max-width:360px}
.ed-t td{min-width:0}
.ed-ttl{font-weight:600;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ed-in{color:var(--ok3);font-weight:700}
.ed-out{color:var(--acc3);font-weight:700}
.ed-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.ed-grid>*{min-width:0;overflow-wrap:anywhere}
.ed-pick{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.ed-pick .btn{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ed-chosen{padding:8px 12px;border-radius:var(--radius-sm);background:var(--fill)}
.ed-provs{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:14px}
.ed-prov{display:flex;flex-direction:column;gap:10px;min-width:0}
.ed-h{margin:16px 0 8px}
.ed-mono,.bk-mono{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:break-all}
.ed-err,.bk-err{color:var(--bad3);font-size:12px;max-width:340px;overflow-wrap:anywhere}
.ed-code{font-size:28px;font-weight:700;letter-spacing:.12em;text-align:center;padding:12px;border-radius:var(--radius);background:var(--fill)}
.ed-kind{margin-bottom:6px}
.ed-k-invoice input[type=text],.ed-k-file input[type=text]{flex:1 1 220px;min-width:0;max-width:420px}

/* ---------- Банк ---------- */
.bk-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.bk-bar input[type=date]{width:auto;max-width:160px}
.bk-t .bk-acts{white-space:nowrap}
.bk-off td{opacity:.55}
.bk-small{font-size:15px}
.bk-h{margin-bottom:10px}
.bk-pick{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.bk-pick .btn{max-width:100%;overflow:hidden;text-overflow:ellipsis}

@media (max-width:640px){
  .ed-head{flex-direction:column;align-items:stretch}
  .ed-tools{padding-bottom:0}
  .ed-ttl{max-width:200px}
  .bk-bar .spacer{display:none}
  .bk-t .bk-acts{white-space:normal}
}