/* «Revolut Business» — web/js/pages/revolut.js */
.rv-page { background: #fff; min-height: 100%; font: 14px/20px 'Bpmonline Open Sans', 'Open Sans', sans-serif; color: #444; }
.rv-top { display: flex; flex-wrap: wrap; gap: 16px; padding: 4px 20px 16px; align-items: flex-start; }
.rv-card { flex: 1 1 340px; max-width: 560px; border: 1px solid #e3e7ed; border-radius: 4px; padding: 14px 16px; box-sizing: border-box; }
.rv-card-h { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 15px; color: #0d2e4e; margin-bottom: 10px; }
.rv-card-h.rv-sub { margin-top: 16px; padding-top: 12px; border-top: 1px solid #eef1f5; }
.rv-pill { margin-left: auto; font-weight: 400; font-size: 12px; padding: 2px 10px; border-radius: 10px; }
.rv-pill.ok { background: #e3f5e1; color: #1b7a10; }
.rv-pill.no { background: #f1f3f6; color: #6b7685; }
.rv-f { display: flex; align-items: center; gap: 10px; min-height: 32px; }
.rv-f > label { width: 130px; flex: none; color: #6b7685; }
.rv-f input, .rv-f select, .rv-inp { flex: 1; min-width: 0; height: 28px; border: 1px solid #d3d8df; border-radius: 2px; padding: 0 8px; font: inherit; color: #333; box-sizing: border-box; }
.rv-f input.rv-num { flex: 0 0 110px; }
.rv-btns { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.rv-btns .cl-btn.dis { opacity: .5; cursor: default; }
.rv-meta { display: flex; flex-direction: column; gap: 2px; margin-top: 8px; font-size: 12px; color: #6b7685; }
.rv-err { color: #c62828; }
.rv-hint { font-size: 12px; color: #8a94a3; }
.rv-lnk { color: #006ce0; cursor: pointer; white-space: nowrap; }
.rv-lnk:hover { text-decoration: underline; }
.rv-steps { margin: 0 0 8px; padding-left: 18px; }
.rv-steps li { margin-bottom: 4px; }
.rv-steps code { font-size: 12px; background: #f4f6f9; padding: 1px 4px; border-radius: 2px; word-break: break-all; }
.rv-cert { width: 100%; height: 92px; box-sizing: border-box; font: 11px/14px monospace; color: #555; border: 1px solid #d3d8df; resize: vertical; }
.rv-accs { display: flex; flex-direction: column; gap: 2px; margin-bottom: 8px; }
.rv-accs div { display: flex; justify-content: space-between; gap: 12px; }
.rv-note { padding: 0 20px 12px; color: #6b7685; }
.rv-tabs { display: flex; gap: 4px; padding: 0 20px; border-bottom: 1px solid #e3e7ed; }
.rv-tabs span { padding: 8px 14px; cursor: pointer; color: #6b7685; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.rv-tabs span.on { color: #0d2e4e; border-bottom-color: #006ce0; font-weight: 600; }
.rv-tabs b { margin-left: 6px; font-weight: 400; background: #f1f3f6; border-radius: 9px; padding: 0 7px; font-size: 12px; }
.rv-grid > .cl-hdr, .rv-grid > .cl-acts { display: none; }
/* діалог прив'язки */
.cl-modal.rv-dlg { width: 760px; max-width: calc(100vw - 32px); max-height: calc(100vh - 120px); overflow: auto; background: #fff; box-shadow: 0 4px 16px rgba(0,0,0,.25); padding: 16px 20px; box-sizing: border-box; font: 14px/20px 'Bpmonline Open Sans', 'Open Sans', sans-serif; color: #444; }
.rv-dlg-h { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 16px; color: #0d2e4e; }
.rv-dlg-h .sp { flex: 1; }
.rv-kv { display: grid; grid-template-columns: 110px 1fr; gap: 2px 10px; margin-bottom: 12px; }
.rv-kv > span { color: #6b7685; }
.rv-kv > b { font-weight: 400; word-break: break-word; }
.rv-dlg-s { display: flex; flex-direction: column; gap: 4px; margin-bottom: 8px; }
.rv-dlg-s .rv-inp { height: 30px; }
.rv-cands { border: 1px solid #e3e7ed; max-height: 320px; overflow: auto; }
.rv-cand { display: grid; grid-template-columns: 22px 90px 82px 1fr 110px 130px 120px; gap: 6px; align-items: center; padding: 6px 8px; cursor: pointer; border-bottom: 1px solid #f1f3f6; }
.rv-cand:hover { background: #f5f8fc; }
.rv-cand.on { background: #e8f1fc; }
.rv-cand .r { text-align: right; }
.rv-cand .rv-acc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rv-cand .rv-due, .rv-cand .rv-st { font-size: 12px; color: #6b7685; }
.rv-cbx { width: 14px; height: 14px; border: 1px solid #b5bec9; border-radius: 2px; box-sizing: border-box; }
.rv-cand.on .rv-cbx { background: #006ce0; border-color: #006ce0; box-shadow: inset 0 0 0 2px #fff; }
.rv-dlg-b { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.rv-dlg-b .cl-btn.dis { opacity: .5; cursor: default; }
@media (max-width: 700px) {
  .rv-top { padding: 4px 12px 12px; }
  .rv-f > label { width: 100px; }
  .rv-cand { grid-template-columns: 22px 1fr 1fr; }
  .rv-cand .rv-acc, .rv-cand .rv-due, .rv-cand .rv-st { grid-column: 2 / -1; }
}