.rbi-heading-actions{display:flex;gap:10px;flex-wrap:wrap}.rbi-connection{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 24px;border:1px solid #dce4eb;border-radius:10px;background:#f5f8fb;margin:0 0 24px}.rbi-connection>div:first-child{display:flex;gap:16px;align-items:flex-start;min-width:0}.rbi-account-mark{display:grid;place-items:center;width:36px;height:36px;flex:none;background:#173c5b;color:white;font-weight:600;border-radius:8px;font-size:20px}.rbi-connection p{margin:5px 0;color:#596673}.rbi-connection small{color:#596673}.rbi-connection-value{display:grid;gap:4px;min-width:180px;justify-items:end}.rbi-connection-value>span{font-size:12px;color:#596673}.rbi-connection-value>strong{font-size:23px;letter-spacing:-.4px}.rbi-detail .rb-detail-grid{grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:28px}.rbi-detail .rb-actions{gap:8px;flex-wrap:wrap}.rbi-charge-detail{border-top:1px solid #e3e6e9;margin-top:28px;padding-top:24px}.rbi-notice{padding:14px 16px;border-radius:6px;background:#f3f5f7;border:1px solid #e0e5e9;color:#495561;line-height:1.65}.rbi-received{margin-top:18px;padding:16px;background:#f2f7f5;border-radius:6px}.rbi-bill-form{max-width:740px;margin:auto}.rbi-bill-form .form-grid{grid-template-columns:1fr 1fr;gap:20px;margin:24px 0 16px}.rbi-bill-form input,.rbi-bill-form select,.rbi-bill-form textarea{font-size:16px;min-height:42px;width:100%}.rbi-bill-form .rb-consent input{width:18px;min-height:18px;flex-shrink:0}.rbi-bill-context{padding:8px 18px;background:#f7f8f9;border-radius:8px}.rbi-source-note{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #dce4eb;border-radius:8px;background:#f5f8fb;margin:16px 0}.rbi-source-note small{display:block;color:#667380;margin-top:4px}.rb-charge-table small{display:block;color:#667380;font-size:12px;margin-top:5px}.rb-charge-table th:first-child{min-width:210px}.rb-page .rb-view-tabs{flex-wrap:wrap}.rb-page .rb-heading{align-items:flex-start}.rb-page .rb-heading h1{margin:0}.rb-page .rb-stats{margin-bottom:24px}.rb-page .rb-table td{vertical-align:top}.rb-page .rb-table .rb-action-cell{vertical-align:middle}.rb-page .rb-list-footer{gap:12px}.rbi-detail .rb-pipeline{gap:8px}.rbi-detail .rb-pipeline li{min-width:0}.rbi-detail .rb-pipeline small{overflow-wrap:anywhere}.rbi-bill-form .rb-alert .button{margin:8px 0}.rbi-bill-form .field{margin:0}.rbi-detail .rb-timeline li strong{font-size:13px}.rbi-detail .rb-review-line{gap:16px;align-items:start}.rbi-detail .rb-review-line>strong{text-align:right;max-width:65%}
@media(min-width:900px){dialog.drawer:has(.rbi-detail){width:min(940px,calc(100vw - 40px));max-width:940px}}
@media(max-width:760px){.rbi-connection{padding:18px;align-items:stretch;flex-direction:column;gap:18px}.rbi-connection-value{border-top:1px solid #dce4eb;padding-top:16px;justify-items:start}.rbi-detail .rb-detail-grid{grid-template-columns:1fr}.rbi-detail .rb-timeline{border-top:1px solid #e0e5e9;padding-top:20px}.rbi-source-note{flex-direction:column;align-items:start}.rbi-heading-actions{width:100%}.rbi-detail .rb-pipeline{display:grid;grid-template-columns:1fr 1fr}.rbi-bill-form .form-grid{grid-template-columns:1fr}.rb-page .rb-view-tabs .button{padding:10px 12px}.rb-page .rb-stats{grid-template-columns:1fr}.rb-page .rb-stat{padding:16px 0;border-right:0;border-bottom:1px solid #e3e6e9}.rb-page .rb-list-footer{flex-direction:column;align-items:start}.rbi-detail .rb-review-line{font-size:13px}}