
:where(.rbcr) {
    --rbcr-surface: var(--surface, var(--card, #fff));
    --rbcr-surface-2: color-mix(in srgb, var(--foreground, #111) 4%, var(--rbcr-surface));
    --rbcr-fg: var(--foreground, #111);
    --rbcr-muted: color-mix(in srgb, var(--muted-foreground, #666) 72%, var(--foreground, #111));
    --rbcr-border: var(--border, rgba(127, 127, 127, .3));
    --rbcr-brand: var(--primary, #2563eb);
    --rbcr-brand-fg: var(--primary-foreground, #fff);
    --rbcr-brand-soft: color-mix(in srgb, var(--primary, #2563eb) 12%, transparent);
    --rbcr-tint: color-mix(in srgb, var(--foreground, #111) 6%, transparent);
    --rbcr-r: var(--radius, 10px);
    --rbcr-gutter: var(--rb-phone-gutter, 12px);
    --rbcr-in: color-mix(in srgb, var(--success, #16a34a) 62%, var(--foreground, #111));
    --rbcr-out: color-mix(in srgb, var(--danger, #dc2626) 70%, var(--foreground, #111));
    --rbcr-warn-fg: color-mix(in srgb, var(--warning, #d97706) 45%, var(--foreground, #111));
    --rbcr-brand-text: color-mix(in srgb, var(--primary, #2563eb) 70%, var(--foreground, #111));
}

.rbcr-page { width: 100%; min-width: 0; display: flex; flex-direction: column; gap: 16px; color: var(--rbcr-fg); }
.rbcr-page > * { min-width: 0; }
.rbcr-page .page-header { margin-bottom: 0; }
.rbcr-page__intro { min-width: 0; }

.rbcr-subnav {
    display: flex; gap: 8px; white-space: nowrap; overflow-x: auto; overscroll-behavior-x: contain;
    scrollbar-width: none; padding-block: 2px;
    -webkit-mask-image: linear-gradient(var(--rb-strip-fade-dir, to right), #000 calc(100% - 24px), transparent);
            mask-image: linear-gradient(var(--rb-strip-fade-dir, to right), #000 calc(100% - 24px), transparent);
}
.rbcr-subnav::-webkit-scrollbar { display: none; }
.rbcr-subnav__item { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; text-decoration: none; scroll-margin-inline: 24px; }
.rbcr-subnav__item:last-child { margin-inline-end: 24px; }
.rbcr-chip--on { font-weight: 600; }

.rbcr-notice {
    display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border-radius: var(--rbcr-r);
    background: color-mix(in srgb, var(--rbcr-brand) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--rbcr-brand) 35%, transparent); color: var(--rbcr-fg);
}
.rbcr-notice__icon { margin-top: 2px; color: var(--rbcr-brand); flex: 0 0 auto; }
.rbcr-notice__body { min-width: 0; }
.rbcr-notice__title { font-weight: 600; margin: 0; }
.rbcr-notice__text, .rbcr-notice__list { margin: 4px 0 0; }
.rbcr-notice__list { padding-inline-start: 18px; list-style: disc; }
.rbcr-notice__list a { color: inherit; text-decoration: underline; }
.rbcr-notice--success { background: color-mix(in srgb, var(--success, #16a34a) 12%, transparent); border-color: color-mix(in srgb, var(--success, #16a34a) 35%, transparent); }
.rbcr-notice--success .rbcr-notice__icon { color: var(--success, #16a34a); }
.rbcr-notice--warn { background: color-mix(in srgb, var(--warning, #d97706) 12%, transparent); border-color: color-mix(in srgb, var(--warning, #d97706) 35%, transparent); }
.rbcr-notice--warn, .rbcr-notice--warn .rbcr-notice__title { color: var(--rbcr-warn-fg); }
.rbcr-notice--warn .rbcr-notice__icon { color: var(--warning, #d97706); }
.rbcr-notice--danger { background: color-mix(in srgb, var(--danger, #dc2626) 12%, transparent); border-color: color-mix(in srgb, var(--danger, #dc2626) 35%, transparent); }
.rbcr-notice--danger .rbcr-notice__title { color: var(--rbcr-out); }
.rbcr-notice--danger .rbcr-notice__icon { color: var(--danger, #dc2626); }

.rbcr-cards {
    container: rbcr-cards / inline-size;
    display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
}
.rbcr-card {
    min-width: 0; display: flex; flex-direction: column; gap: 6px; padding: 16px;
    background: var(--rbcr-surface); color: var(--rbcr-fg);
    border: 1px solid var(--rbcr-border); border-radius: var(--rbcr-r);
}
.rbcr-card--off { background: var(--rbcr-surface-2); }
.rbcr-card__head { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rbcr-card__icon {
    display: inline-flex; align-items: center; justify-content: center; inline-size: 36px; block-size: 36px; flex: 0 0 auto;
    border-radius: 50%; background: var(--rbcr-brand-soft); color: var(--rbcr-brand);
}
.rbcr-card__title { display: block; margin: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rbcr-card__state { margin-inline-start: auto; font-size: .8125rem; color: var(--rbcr-muted); }
.rbcr-card__amount { margin: 4px 0 0; font-size: var(--rb-fs-2xl, 1.75rem); font-weight: 700; line-height: 1.15; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.rbcr-card__facts { margin: 0; display: grid; gap: 2px; font-size: .875rem; }
.rbcr-card__facts > div { display: flex; justify-content: space-between; gap: 12px; }
.rbcr-card__facts dt { color: var(--rbcr-muted); }
.rbcr-card__facts dd { margin: 0; font-variant-numeric: tabular-nums; font-weight: 600; color: var(--rbcr-fg); }
.rbcr-card__note { margin: 4px 0 0; font-size: .8125rem; color: var(--rbcr-out); }
@container rbcr-cards (max-width: 451px) {
    .rbcr-card { padding: 12px; }
    .rbcr-card__amount { font-size: var(--rb-fs-lg, 1.25rem); }
}

.rbcr-amount { font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.rbcr-amount--in { color: var(--rbcr-in); }
.rbcr-amount--out { color: var(--rbcr-out); }

.rbcr-section { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.rbcr-section__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.rbcr-section__title { margin: 0; }
.rbcr-section__link { color: var(--rbcr-brand-text); font-weight: 500; }
.rbcr-count { margin: 0; font-size: .875rem; color: var(--rbcr-muted); }

.rbcr-feed { background: var(--rbcr-surface); color: var(--rbcr-fg); border: 1px solid var(--rbcr-border); border-radius: var(--rbcr-r); overflow: hidden; }
.rbcr-feed__day {
    margin: 0; padding: 8px 14px; font-size: .8125rem; font-weight: 600; color: var(--rbcr-muted);
    background: var(--rbcr-surface-2); border-bottom: 1px solid var(--rbcr-border);
}
.rbcr-feed__list { list-style: none; margin: 0; padding: 0; }
.rbcr-feed__row { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-bottom: 1px solid var(--rbcr-border); min-width: 0; }
.rbcr-feed__list:last-child .rbcr-feed__row:last-child { border-bottom: 0; }
.rbcr-feed__icon {
    display: inline-flex; align-items: center; justify-content: center; inline-size: 34px; block-size: 34px; flex: 0 0 auto;
    border-radius: 50%; background: var(--rbcr-tint); color: var(--rbcr-fg);
}
.rbcr-feed__icon--in { background: color-mix(in srgb, var(--success, #16a34a) 12%, transparent); color: var(--success, #16a34a); }
.rbcr-feed__icon--out { background: color-mix(in srgb, var(--danger, #dc2626) 12%, transparent); color: var(--danger, #dc2626); }
.rbcr-feed__main { flex: 1 1 auto; min-width: 0; }
.rbcr-feed__label { display: block; font-weight: 600; color: var(--rbcr-fg); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rbcr-feed__label:hover { text-decoration: underline; }
.rbcr-feed__meta { margin: 2px 0 0; font-size: .8125rem; color: var(--rbcr-muted); display: flex; flex-wrap: wrap; gap: 4px; min-width: 0; }
.rbcr-feed__meta > * { min-width: 0; overflow-wrap: anywhere; }
.rbcr-feed__ref { color: var(--rbcr-brand-text); }
.rbcr-feed__ref--off { color: var(--rbcr-muted); font-style: italic; }
.rbcr-feed__amount { margin: 0; display: flex; flex-direction: column; align-items: flex-end; flex: 0 0 auto; text-align: end; }
.rbcr-feed__cur { font-size: .75rem; color: var(--rbcr-muted); }

.rbcr-filterbar {
    position: sticky; top: var(--rb-sticky-stack-h, var(--rb-sticky-header-h, 0px)); z-index: var(--rb-z-sticky-content, 20);
    display: flex; align-items: center; gap: 8px; padding-block: 6px;
    background: var(--background, var(--rbcr-surface));
}
.rbcr-filterbar__chips { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; flex: 1 1 auto; min-width: 0; white-space: nowrap; }
.rbcr-filterbar__chips::-webkit-scrollbar { display: none; }
.rbcr-filterbar__chips .chip { flex: 0 0 auto; text-decoration: none; }
.rbcr-filterbar__btn { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; }
.rbcr-active-filters { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.rbcr-active-filters__chip { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }

dialog.rbcr-sheet { padding: 0; border: 1px solid var(--rbcr-border); background: var(--rbcr-surface); color: var(--rbcr-fg); }
dialog.rbcr-sheet:modal { display: flex; flex-direction: column; }
dialog.rbcr-sheet::backdrop { background: rgb(0 0 0 / .5); }
html:has(dialog.rbcr-sheet[open]) { overflow: hidden; }
.rbcr-sheet__form { display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; margin: 0; }
.rbcr-sheet__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--rbcr-border); }
.rbcr-sheet__title { margin: 0; font-size: 1rem; font-weight: 600; }
.rbcr-sheet__body { overflow-y: auto; overscroll-behavior: contain; flex: 1 1 auto; min-height: 0; padding: 12px 16px; display: flex; flex-direction: column; gap: 12px; }
.rbcr-sheet__desc { margin: 0; color: var(--rbcr-muted); font-size: .875rem; }
.rbcr-sheet__status { padding: 8px 10px; border-radius: var(--rbcr-r); background: color-mix(in srgb, var(--danger, #dc2626) 12%, transparent); color: var(--rbcr-out); }
.rbcr-sheet__foot {
    position: sticky; bottom: 0; display: flex; justify-content: flex-end; gap: 8px; padding: 12px 16px;
    padding-bottom: max(12px, env(safe-area-inset-bottom)); background: inherit; border-top: 1px solid var(--rbcr-border);
}
@media (max-width: 639.98px) {
    dialog.rbcr-sheet:modal {
        margin: auto 0 0; inset-inline: 0; width: 100%; max-width: none;
        max-height: min(92dvh, calc(100dvh - env(safe-area-inset-top))); padding: 0; border: 0;
        border-radius: var(--radius-lg, 14px) var(--radius-lg, 14px) 0 0;
        background: var(--rbcr-surface); color: var(--rbcr-fg);
    }
    .rbcr-sheet__foot > * { flex: 1 1 0; justify-content: center; }
}
@media (min-width: 640px) {
    dialog.rbcr-sheet:modal { width: min(480px, 92vw); border-radius: var(--rbcr-r); }
}
.rbcr-field { min-width: 0; }
.rbcr-field__input { width: 100%; min-width: 0; }
.rbcr-field-row { display: flex; gap: 12px; flex-wrap: wrap; }
.rbcr-field-row > .rbcr-field { flex: 1 1 140px; }

.rbcr-table-wrap { overflow-x: auto; background: var(--rbcr-surface); border: 1px solid var(--rbcr-border); border-radius: var(--rbcr-r); position: relative; }
.rbcr-table { width: 100%; border-collapse: collapse; font-size: .9375rem; color: var(--rbcr-fg); }
.rbcr-table th, .rbcr-table td { padding: 10px 14px; text-align: start; vertical-align: top; border-bottom: 1px solid var(--rbcr-border); }
.rbcr-table thead th { font-size: .8125rem; font-weight: 600; color: var(--rbcr-muted); background: var(--rbcr-surface-2); white-space: nowrap; }
.rbcr-table tbody tr:last-child td { border-bottom: 0; }
.rbcr-table__num { text-align: end; white-space: nowrap; font-variant-numeric: tabular-nums; }
.rbcr-table__date { white-space: nowrap; color: var(--rbcr-muted); }
.rbcr-table__what { display: flex; gap: 10px; align-items: flex-start; min-width: 12rem; }
.rbcr-table__icon { color: var(--rbcr-muted); flex: 0 0 auto; padding-top: 2px; }
.rbcr-table__text { display: flex; flex-direction: column; min-width: 0; }
.rbcr-table__text a { color: var(--rbcr-fg); font-weight: 600; }
.rbcr-table__sub, .rbcr-table__text a.rbcr-table__sub { font-size: .8125rem; color: var(--rbcr-muted); font-weight: 400; overflow-wrap: anywhere; }
.rbcr-table__cur { font-size: .75rem; color: var(--rbcr-muted); overflow-wrap: anywhere; }
.rbcr-table td.rbcr-table__num { white-space: normal; }
.rbcr-table td.rbcr-table__num :is(.rbcr-amount, bdi) { white-space: nowrap; }
@media (max-width: 639.98px) {
    .rbcr-table, .rbcr-table tbody { display: block; }
    .rbcr-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .rbcr-table tr {
        display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 10px var(--rbcr-gutter);
        border-bottom: 1px solid var(--rbcr-border);
    }
    .rbcr-table tbody tr:last-child { border-bottom: 0; }
    .rbcr-table td { display: block; padding: 0; border: 0; min-width: 0; }
    .rbcr-table td.rbcr-table__what { grid-column: 1; grid-row: 1; min-width: 0; display: flex; }
    .rbcr-table td.rbcr-table__date { grid-column: 1; grid-row: 2; font-size: .8125rem; }
    .rbcr-table td.rbcr-table__num { grid-column: 2; text-align: end; max-width: 45vw; }
    .rbcr-table .rbcr-table__cur { display: block; }
    .rbcr-table td.rbcr-table__num:nth-child(3) { grid-row: 1; }
    .rbcr-table td.rbcr-table__num:nth-child(4) { grid-row: 2; font-size: .8125rem; color: var(--rbcr-muted); }
    .rbcr-table td.rbcr-table__num:nth-child(4)::before { content: attr(data-label) ": "; }
    .rbcr-table td.rbcr-table__num:nth-child(2) { grid-row: 1; }
    .rbcr-table-wrap { border-radius: 0; border-inline: 0; }
}

.rbcr-receipt { display: flex; flex-direction: column; gap: 14px; }
.rbcr-receipt__legs { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }
.rbcr-receipt__leg { padding: 16px; background: var(--rbcr-surface); color: var(--rbcr-fg); border: 1px solid var(--rbcr-border); border-radius: var(--rbcr-r); display: flex; flex-direction: column; gap: 4px; }
.rbcr-receipt__icon { color: var(--rbcr-brand); }
.rbcr-receipt__amount { margin: 0; font-size: var(--rb-fs-xl, 1.5rem); }
.rbcr-receipt__cur { font-size: .875rem; color: var(--rbcr-muted); }
.rbcr-receipt__after { margin: 0; font-size: .875rem; color: var(--rbcr-muted); }
.rbcr-receipt__back { margin: 0; }
.rbcr-receipt__back .btn { display: inline-flex; align-items: center; gap: 6px; }
.rbcr-facts { margin: 0; background: var(--rbcr-surface); color: var(--rbcr-fg); border: 1px solid var(--rbcr-border); border-radius: var(--rbcr-r); }
.rbcr-facts__row { display: grid; grid-template-columns: minmax(0, 12rem) minmax(0, 1fr); gap: 12px; padding: 10px 14px; border-bottom: 1px solid var(--rbcr-border); }
.rbcr-facts__row:last-child { border-bottom: 0; }
.rbcr-facts dt { color: var(--rbcr-muted); font-weight: 500; }
.rbcr-facts dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.rbcr-facts dd a { color: var(--rbcr-brand-text); }
.rbcr-facts__memo { white-space: pre-line; }
@media (max-width: 639.98px) {
    .rbcr-facts__row { grid-template-columns: minmax(0, 1fr); gap: 2px; }
}
@media (min-width: 640px) {
    .rbcr-facts__row--narrow { display: none; }
}
[dir="rtl"] .rbcr-flip-rtl { transform: scaleX(-1); }

.rbcr-empty {
    display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 28px 16px;
    border-radius: var(--rbcr-r); background: var(--rbcr-tint); color: var(--rbcr-fg);
}
.rbcr-empty__icon { font-size: 1.75rem; color: var(--rbcr-muted); }
.rbcr-empty__title { margin: 0; font-weight: 600; }
.rbcr-empty__hint { margin: 0; color: var(--rbcr-muted); font-size: .875rem; }
.rbcr-empty__action { margin-top: 6px; }

.rbcr-settings { margin: 0; }
.rbcr-settings__set { margin: 0; min-inline-size: 0; }
:where(body:not([data-theme-id="legacy"]) .rbcr) .acc-switch input:focus-visible + span { box-shadow: 0 0 0 2px var(--surface, #fff), 0 0 0 4px var(--primary, #2563eb); }
.rbcr-export .btn { display: inline-flex; align-items: center; gap: 6px; }
.rbcr-export { margin: 0; }

.rbcr-mod { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.rbcr-mod__item {
    display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; min-width: 0;
    background: var(--rbcr-surface); color: var(--rbcr-fg); border: 1px solid var(--rbcr-border); border-radius: var(--rbcr-r);
}
.rbcr-mod__head { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
.rbcr-mod__pick-hit {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
    min-inline-size: 44px; min-block-size: 44px; margin: -12px 0; margin-inline-start: -12px; cursor: pointer;
}
.rbcr-mod__pick { inline-size: 20px; block-size: 20px; margin: 0; accent-color: var(--rbcr-brand); }
.rbcr-mod__who { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
.rbcr-mod__member { font-weight: 600; overflow-wrap: anywhere; }
.rbcr-mod__trigger { font-size: .875rem; color: var(--rbcr-muted); }
.rbcr-mod__amount { margin: 0; flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; text-align: end; }
.rbcr-mod__sentence { margin: 0; font-size: .875rem; overflow-wrap: anywhere; }
.rbcr-mod__meta { margin: 0; display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: .8125rem; color: var(--rbcr-muted); min-width: 0; }
.rbcr-mod__meta > * { min-width: 0; overflow-wrap: anywhere; }
.rbcr-mod__held { display: inline-flex; align-items: center; gap: 4px; color: var(--rbcr-warn-fg); }
.rbcr-mod__ref { color: var(--rbcr-brand-text); }
.rbcr-mod__ref--off { color: var(--rbcr-muted); font-style: italic; }
.rbcr-mod__own { margin: 0; font-size: .875rem; color: var(--rbcr-muted); font-style: italic; }
.rbcr-mod__actions { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; }
.rbcr-mod__form { margin: 0; }
.rbcr-mod__actions .btn, .rbcr-mod__bulk .btn { display: inline-flex; align-items: center; gap: 6px; }
.rbcr-mod__reject { flex: 1 1 260px; min-width: 0; }
.rbcr-mod__reject > summary { list-style: none; cursor: pointer; width: max-content; max-width: 100%; }
.rbcr-mod__reject > summary::-webkit-details-marker { display: none; }
.rbcr-mod__reject[open] > summary { font-weight: 600; }
.rbcr-mod__reject-form { margin: 8px 0 0; display: flex; flex-direction: column; gap: 6px; }
.rbcr-mod__reject-form .btn { align-self: flex-start; }
.rbcr-mod__bulk { margin: 0; }
.rbcr-mod__bulk-set {
    margin: 0; padding: 14px 16px; min-width: 0; display: flex; flex-direction: column; gap: 10px;
    border: 1px solid var(--rbcr-border); border-radius: var(--rbcr-r); background: var(--rbcr-surface-2); color: var(--rbcr-fg);
}
.rbcr-mod__bulk-title { padding: 0; font-weight: 600; }
.rbcr-mod__bulk-help { margin: 0; font-size: .8125rem; color: var(--rbcr-muted); }
@media (max-width: 767.98px) {
    .rbcr-mod .btn, .rbcr-mod__bulk .btn { min-height: 44px !important; height: auto !important; }
}
@media (max-width: 639.98px) {
    .rbcr-mod__item { padding: 12px; }
    .rbcr-mod__actions > .rbcr-mod__form, .rbcr-mod__reject { flex: 1 1 100%; }
    .rbcr-mod__actions .btn, .rbcr-mod__reject > summary, .rbcr-mod__bulk .btn { width: 100%; justify-content: center; }
}

.rbcr-um-fallback { display: flex; align-items: center; gap: 8px; padding: 8px 12px; font-size: .875rem; color: inherit; text-decoration: none; }
.rbcr-um-fallback[hidden] { display: none; }
.rbcr-um__val { margin-inline-start: auto; padding-inline-start: 8px; font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap; }
[data-rbcr-um-item] { white-space: nowrap; }
@media (prefers-reduced-motion: no-preference) {
    .rbcr-um__val.is-bumped, .rbcr-navchip .is-bumped { animation: rbcr-bump .6s ease-out; }
    @keyframes rbcr-bump { 0% { transform: scale(1); } 40% { transform: scale(1.12); } 100% { transform: scale(1); } }
}

.rbcr-navchip {
    display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px;
    border: 1px solid color-mix(in srgb, currentColor 35%, transparent);
    background: color-mix(in srgb, currentColor 10%, transparent); color: inherit;
    font-weight: 600; font-variant-numeric: tabular-nums; text-decoration: none;
    white-space: nowrap; max-inline-size: 14ch; overflow: hidden; text-overflow: ellipsis; align-self: center;
    flex: 0 0 auto; min-width: 0; margin-inline: 4px;
}
.rbcr-navchip bdi { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.rbcr-navchip:hover { text-decoration: none; background: color-mix(in srgb, currentColor 16%, transparent); }
.rbcr-navchip i { color: inherit; }
@media (max-width: 767.98px) { .rbcr-navchip { display: none; } }

.rbcr-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.rbcr-actions .btn { display: inline-flex; align-items: center; gap: 6px; }
.rbcr-seg { display: flex; gap: 6px; white-space: nowrap; overflow-x: auto; scrollbar-width: none; padding-block: 2px; }
.rbcr-seg::-webkit-scrollbar { display: none; }
.rbcr-seg__item { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }

.rbcr-guide { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.rbcr-guide__group { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.rbcr-guide__title { margin: 0; }
.rbcr-guide__list {
    list-style: none; margin: 0; padding: 0; background: var(--rbcr-surface); color: var(--rbcr-fg);
    border: 1px solid var(--rbcr-border); border-radius: var(--rbcr-r); overflow: hidden;
}
.rbcr-guide__item { display: flex; align-items: flex-start; gap: 12px; padding: 10px 14px; border-bottom: 1px solid var(--rbcr-border); min-width: 0; }
.rbcr-guide__item:last-child { border-bottom: 0; }
.rbcr-guide__icon {
    display: inline-flex; align-items: center; justify-content: center; inline-size: 30px; block-size: 30px; flex: 0 0 auto;
    border-radius: 50%; background: var(--rbcr-brand-soft); color: var(--rbcr-brand);
}
.rbcr-guide__icon--out { background: color-mix(in srgb, var(--danger, #dc2626) 12%, transparent); color: var(--danger, #dc2626); }
.rbcr-guide__text { min-width: 0; overflow-wrap: anywhere; line-height: 1.45; padding-top: 4px; }

.rbcr-board {
    list-style: none; margin: 0; padding: 0; background: var(--rbcr-surface); color: var(--rbcr-fg);
    border: 1px solid var(--rbcr-border); border-radius: var(--rbcr-r); overflow: hidden;
}
.rbcr-board__row { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-bottom: 1px solid var(--rbcr-border); min-width: 0; }
.rbcr-board__row:last-child { border-bottom: 0; }
.rbcr-board__rank { display: inline-flex; align-items: center; gap: 4px; min-inline-size: 2.5em; flex: 0 0 auto; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--rbcr-muted); }
.rbcr-board__row--top .rbcr-board__rank { color: var(--rbcr-fg); }
.rbcr-board__crown { color: color-mix(in srgb, var(--warning, #d97706) 75%, var(--foreground, #111)); }
.rbcr-board__pic { flex: 0 0 auto; display: inline-flex; inline-size: 32px; block-size: 32px; }
.rbcr-board__pic > * { inline-size: 32px; block-size: 32px; }
.rbcr-board__name { flex: 1 1 auto; min-width: 0; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; color: var(--rbcr-fg); }
.rbcr-board__name:hover { text-decoration: underline; }
.rbcr-board__amount { flex: 0 0 auto; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }

.rb-pb-rows > .rb-pb-row:not(:has(> :is(.fa-comment, .fa-comments, .fa-heart, .fa-calendar, .fa-clock, .fa-check-circle, .fa-map-marker-alt, .fa-globe, .fa-exclamation-triangle))) > .rb-pb-row__value:not(.rb-pb-row__value--link) { flex-shrink: 0; }

.rbcr-profile {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; box-sizing: border-box; width: 100%; min-width: 0;
    margin: 0 0 12px; padding: 10px 14px; background: var(--rbcr-surface); color: var(--rbcr-fg);
    border: 1px solid var(--rbcr-border); border-radius: var(--rbcr-r);
}
.rbcr-profile__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; flex: 1 1 auto; min-width: 0; }
.rbcr-profile__item { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-width: 0; max-width: 100%; }
.rbcr-profile__chip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; min-width: 0; font-variant-numeric: tabular-nums; }
.rbcr-profile__icon { color: var(--rbcr-brand); flex: 0 0 auto; }
.rbcr-profile__cur { min-width: 0; max-width: 18ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rbcr-profile__amount { font-weight: 600; white-space: nowrap; }
.rbcr-profile__meta { display: inline-flex; flex-wrap: wrap; gap: 2px 6px; min-width: 0; font-size: .8125rem; color: var(--rbcr-muted); overflow-wrap: anywhere; }
.rbcr-profile__send { display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 0 0 auto; margin-inline-start: auto; }

.rbcr-wlist { display: flex; flex-direction: column; gap: 10px; min-width: 0; color: var(--rbcr-fg); }
.rbcr-wlist__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; min-width: 0; }
.rbcr-wlist__row { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 7px 0; min-width: 0; border-bottom: 1px solid var(--rbcr-border); }
.rbcr-wlist__row:last-child { border-bottom: 0; }
.rbcr-wlist__row--feed { align-items: flex-start; }
.rbcr-wlist__icon {
    display: inline-flex; align-items: center; justify-content: center; inline-size: 28px; block-size: 28px; flex: 0 0 auto;
    border-radius: 50%; background: var(--rbcr-brand-soft); color: var(--rbcr-brand); font-size: .8125rem;
}
.rbcr-wlist__icon--in { background: color-mix(in srgb, var(--success, #16a34a) 12%, transparent); color: var(--success, #16a34a); }
.rbcr-wlist__icon--out { background: color-mix(in srgb, var(--danger, #dc2626) 12%, transparent); color: var(--danger, #dc2626); }
.rbcr-wlist__pic { flex: 0 0 auto; display: inline-flex; inline-size: 28px; block-size: 28px; }
.rbcr-wlist__pic > * { inline-size: 28px; block-size: 28px; }
.rbcr :is(.rbcr-board__pic, .rbcr-wlist__pic) .rb-avatar-letter:is([style*="#f59e0b" i], [style*="#ef4444" i], [style*="#ec4899" i], [style*="#a855f7" i],
    [style*="#fb923c" i], [style*="#3b82f6" i], [style*="#0ea5e9" i], [style*="#06b6d4" i], [style*="#10b981" i], [style*="#84cc16" i],
    [style*="#eab308" i], [style*="#f97316" i], [style*="#dc2626" i], [style*="#db2777" i], [style*="#9333ea" i], [style*="#e8590c" i]) {
    background: color-mix(in oklab, var(--av-background) 70%, #000); color: #fff;
}
.rbcr-wlist__rank { flex: 0 0 auto; min-inline-size: 1.6em; text-align: end; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--rbcr-muted); }
.rbcr-wlist__main { flex: 1 1 8em; min-width: 0; display: flex; flex-direction: column; gap: 2px; overflow-wrap: anywhere; }
a.rbcr-wlist__main { display: block; flex-basis: 6em; }
.rbcr-wlist__name { font-weight: 600; color: var(--rbcr-fg); text-decoration: none; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rbcr-wlist__line { color: var(--rbcr-fg); text-decoration: none; line-height: 1.4; }
a.rbcr-wlist__line:hover, .rbcr-wlist__name:hover { text-decoration: underline; }
.rbcr.rbcr-wlist a.rbcr-wlist__line, .rbcr.rbcr-wlist a.rbcr-wlist__name, .rbcr.rbcr-wlist a.btn.rbcr-cta { color: var(--rbcr-fg); }
.rbcr-wlist__sub { font-size: .8125rem; color: var(--rbcr-muted); }
.rbcr-wlist__amount { flex: 0 1 auto; min-width: 0; max-width: 100%; margin-inline-start: auto; text-align: end; font-weight: 600; font-variant-numeric: tabular-nums; white-space: normal; overflow-wrap: anywhere; }
.rbcr-wlist__money { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; min-width: 0; }
.rbcr-wlist__money .rbcr-wlist__amount, .rbcr-wlist__line .rbcr-wlist__amount { margin-inline-start: 0; text-align: start; }
.rbcr-wlist__cur { font-weight: 400; font-size: .8125rem; color: var(--rbcr-muted); overflow-wrap: anywhere; }
.rbcr-wlist__line .rbcr-wlist__cur { margin-inline-start: 4px; }
.rbcr-wlist__text { margin: 0; line-height: 1.45; color: var(--rbcr-fg); }
.rbcr-wlist__actions { display: flex; flex-direction: column; gap: 8px; }
.rbcr-cta { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; box-sizing: border-box; }

.rbcr-meters {
    list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; background: var(--rbcr-surface); color: var(--rbcr-fg);
    border: 1px solid var(--rbcr-border); border-radius: var(--rbcr-r); overflow: hidden;
}
.rbcr-meters__row { display: flex; flex-direction: column; gap: 6px; padding: 10px 14px; border-bottom: 1px solid var(--rbcr-border); min-width: 0; }
.rbcr-meters__row:last-child { border-bottom: 0; }
.rbcr-meters__head { display: flex; justify-content: space-between; gap: 12px; min-width: 0; }
.rbcr-meters__label { min-width: 0; overflow-wrap: anywhere; }
.rbcr-meters__value { flex: 0 0 auto; font-weight: 600; font-variant-numeric: tabular-nums; }
.rbcr-meter {
    appearance: none; -webkit-appearance: none; display: block; inline-size: 100%; block-size: 8px; border: 0;
    border-radius: 999px; overflow: hidden; background: var(--rbcr-tint); color: var(--rbcr-brand);
}
.rbcr-meter::-webkit-progress-bar { background: var(--rbcr-tint); border-radius: 999px; }
.rbcr-meter::-webkit-progress-value { background: var(--rbcr-brand); border-radius: 999px; }
.rbcr-meter::-moz-progress-bar { background: var(--rbcr-brand); border-radius: 999px; }

.rbcr-form { margin: 0; min-width: 0; }
.rbcr-form__body { min-width: 0; }
.rbcr-sheet__foot .btn { display: inline-flex; align-items: center; gap: 6px; }
.rbcr-field__hints { display: flex; flex-direction: column; gap: 2px; }
.rbcr-field__hint { margin: 0; color: var(--rbcr-muted); overflow-wrap: anywhere; }
.rbcr-field__hint bdi { font-weight: 600; color: var(--rbcr-fg); font-variant-numeric: tabular-nums; }
.rbcr-field__hint--promo { color: var(--rbcr-warn-fg); }
.rbcr-field__hint--promo bdi { color: var(--rbcr-warn-fg); }
.rbcr-field__hint--promo i { color: var(--warning, #d97706); }
.rbcr-field__error { margin: 2px 0 0; font-size: .8125rem; font-weight: 500; color: var(--rbcr-out); }
.rbcr-field__error[hidden] { display: none; }
.rbcr .rb-input[aria-invalid="true"] { border-color: color-mix(in srgb, var(--danger, #dc2626) 70%, var(--foreground, #111)); }
.rbcr-codeinput { text-transform: uppercase; letter-spacing: .06em; font-variant-numeric: tabular-nums; }

.rbcr-picker { position: relative; }
.rbcr-picker__list {
    list-style: none; margin: 4px 0 0; padding: 4px; max-height: 13.5rem; overflow-y: auto; overscroll-behavior: contain;
    background: var(--rbcr-surface); color: var(--rbcr-fg); border: 1px solid var(--rbcr-border); border-radius: var(--rbcr-r);
}
.rbcr-picker__list[hidden] { display: none; }
.rbcr-picker__option { cursor: pointer; min-height: 40px; min-width: 0; }
.rbcr-picker__option .rb-recipient-picker__option-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--rbcr-fg); }
.rbcr-picker__option[aria-selected="true"] { background: var(--rbcr-brand-soft); }
.rbcr-picker__pic { inline-size: 24px; block-size: 24px; border-radius: 50%; flex: 0 0 auto; object-fit: cover; }
.rbcr-picker__hint { padding: 8px 10px; font-size: .8125rem; color: var(--rbcr-muted); text-align: center; }

.rbcr-sum { margin: 0; padding: 4px 14px; background: var(--rbcr-surface); color: var(--rbcr-fg); border: 1px solid var(--rbcr-border); border-radius: var(--rbcr-r); }
.rbcr-sheet .rbcr-sum { background: var(--rbcr-surface-2); }
.rbcr-sum__row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--rbcr-border); min-width: 0; }
.rbcr-sum__row:last-child { border-bottom: 0; }
.rbcr-sum__row[hidden] { display: none; }
.rbcr-sum dt { color: var(--rbcr-muted); flex: 0 0 auto; }
.rbcr-sum dd { margin: 0; text-align: end; font-weight: 600; font-variant-numeric: tabular-nums; min-width: 0; overflow-wrap: anywhere; }
.rbcr-sum__row--total dd { font-size: var(--rb-fs-lg, 1.125rem); }
.rbcr-sum__memo { white-space: pre-line; font-weight: 400; }
.rbcr-send__lead { margin: 0; font-size: .875rem; color: var(--rbcr-muted); }
.rbcr-send__step { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.rbcr-send__step[hidden] { display: none; }
.rbcr-send__note { margin: 0; font-size: .875rem; overflow-wrap: anywhere; white-space: pre-line; }
.rbcr-send__note[hidden] { display: none; }
.rbcr-send__note-label { color: var(--rbcr-muted); }
.rbcr-sheet__status { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; outline: none; }
.rbcr-sheet__status[hidden] { display: none; }
.rbcr-sheet__foot [hidden] { display: none !important; }
.rbcr-exquote[data-empty] { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

@media (max-width: 767.98px) {
    .rbcr-subnav .chip, .rbcr-filterbar .chip, .rbcr-seg .chip, .rbcr-active-filters__chip {
        min-height: 44px !important; padding-block: 10px !important; display: inline-flex; align-items: center;
        min-width: 44px !important; justify-content: center;
    }
    .rbcr-sheet .btn, .rbcr-actions .btn, .rbcr-filterbar__btn, .rbcr-export .btn, .rbcr-receipt__back .btn, .rbcr-empty__action {
        min-height: 44px !important; height: auto !important; display: inline-flex; align-items: center;
    }
    .rbcr-section__link { display: inline-flex; align-items: center; min-height: 44px; }
    .rbcr-cta, .rbcr-profile__send { min-height: 44px !important; height: auto !important; }
    .rbcr-form__actions .tc-btn { min-height: 44px; }
    .rbcr-picker__option { min-height: 44px; }
    .rbcr select.rbcr-field__input,
    .rbcr input.rbcr-field__input:not([type="checkbox"]):not([type="radio"]) { min-height: 44px !important; }
}
@media (max-width: 767.98px) {
    .rbcr-filterbar { box-shadow: 0 0 0 100vmax var(--background, var(--rbcr-surface)); clip-path: inset(0 -100vmax); }
}
@media (max-width: 639.98px) {
    .rbcr-page:has(.page-header .btn-primary) { padding-bottom: 72px; }
    .rbcr-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .rbcr-actions .btn { min-height: 44px; justify-content: center; }
    .rbcr-feed.rb-bleed .rbcr-feed__row, .rbcr-feed.rb-bleed .rbcr-feed__day { padding-inline: var(--rbcr-gutter); }
    .rbcr-sum { padding-inline: 12px; }
    .rbcr-sum__row { flex-wrap: wrap; }
    .rbcr-profile { padding: 10px 12px; }
    .rbcr-profile__send { width: 100%; margin-inline-start: 0; }
}

.rbcr :focus-visible, .rbcr-um-fallback:focus-visible, [data-rbcr-um-item]:focus-visible { outline: 2px solid var(--ring, var(--primary, #2563eb)); outline-offset: 2px; }
