/* Back-office record screens: customers, verification, balances, ledger, pricing, staff and support. */

/* KPI rows stay two tiles wide on phones. */
@media (max-width: 640px) { .rc-kpis.ct-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rc-kpis .ct-kpi strong { font-size: 19px; } }

/* Status tabs wrap instead of running off the screen. */
.rc-seg { max-width: 100%; }

/* Tabs on a customer record, with counts. */
.rc-tabs a .rc-n { font-size: 10.5px; font-weight: 700; background: rgba(0, 0, 0, .08); border-radius: 8px; padding: 1px 6px; }
.rc-tabs a.on .rc-n { background: rgba(255, 255, 255, .25); }

/* Saved filters under a list's filter panel. */
.rc-saved { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 12px; min-width: 0; }
.rc-chip { display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 12px; background: #fff; overflow: hidden; }
.rc-chip a { padding: 2px 10px; font-weight: 700; }
.rc-chip.on { border-color: var(--brand-primary); background: #eef6ff; }
.rc-chip form { display: inline; }
.rc-chip button { border: 0; border-left: 1px solid var(--line2); background: none; padding: 2px 8px; cursor: pointer; color: var(--muted); font-size: 14px; line-height: 1; }
.rc-savebox { width: 100%; }
.rc-savebox summary { list-style: none; display: inline-flex; cursor: pointer; }
.rc-savebox summary::-webkit-details-marker { display: none; }
.rc-savebox[open] summary { margin-bottom: 8px; }

/* Ticking rows for bulk actions. */
.rc-tick { width: 34px; text-align: center; }
.rc-bulk { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.rc-bulk .ct-input { width: auto; min-height: 30px; padding: 4px 8px; font-size: 12px; }
.rc-bulkmsg, .rc-bulkreason { margin-top: 10px; }
.rc-bulkreason .ct-field { max-width: 520px; }

/* CSV import preview. */
.rc-badrow td { background: #fff6f5; }
.rc-runbar { align-items: center; }
.rc-pre { display: block; white-space: pre-wrap; overflow-wrap: anywhere; }

/* Identity documents side by side. */
.rc-docs { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.rc-doc { border: 1px solid var(--line2); border-radius: 4px; padding: 8px; min-width: 0; background: var(--panel2); }
.rc-doc .tl { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; font-weight: 700; margin-bottom: 6px; }
.rc-doc img { display: block; width: 100%; height: 170px; object-fit: contain; background: #fff; border-radius: 3px; }
.rc-doc .ph { display: flex; align-items: center; justify-content: center; text-align: center; height: 170px; background: #fff; border: 1px dashed var(--line); border-radius: 3px; color: var(--muted); font-size: 12px; }
.rc-doc .ph i { font-size: 28px; }

/* Pricing plans. */
.rc-h { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.rc-list { margin: 6px 0 0; padding-left: 18px; display: grid; gap: 4px; font-size: 12.5px; }
.rc-label { font-size: 12px; font-weight: 700; color: var(--text2); }
.rc-checks { border: 1px solid var(--line2); border-radius: 4px; padding: 8px 12px 10px; margin: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; min-width: 0; }
.rc-checks legend { font-weight: 700; font-size: 12px; padding: 0 4px; }
.rc-checks legend small { font-weight: 400; color: var(--muted); }
.rc-feetbl .ct-input { min-width: 90px; width: 100%; text-align: right; }
.rc-feetbl td:first-child .ct-input { text-align: left; min-width: 140px; }
.rc-feetbl .err { display: block; white-space: normal; font-size: 11.5px; color: var(--badFg); font-weight: 700; }
.rc-limits { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.rc-fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }

/* Ticket conversation and delivery progress. */
.rc-thread { display: grid; gap: 8px; min-width: 0; }
.rc-thread .ct-msg p { margin: 0; overflow-wrap: anywhere; }
.rc-thread .att { margin-top: 6px; font-size: 12px; }
.rc-progress { min-width: 130px; }
.rc-progress .ct-meter { margin-top: 4px; }

@media (max-width: 640px) {
    .rc-bulk { width: 100%; }
    .rc-bulk .ct-input { flex: 1 1 auto; }
    .rc-doc img, .rc-doc .ph { height: 140px; }
}