/* Receivables and billing (arx- prefix). */
.arx-agebar { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.arx-agebar a { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 10px 12px 14px; background: var(--panel, #fff); border: 1px solid var(--line, #dfe6ec); border-radius: var(--radius, 4px);
    text-decoration: none; color: var(--text, #0d2233); min-width: 0; overflow: hidden; }
.arx-agebar a small { color: var(--muted, #6b7f92); font-size: 11.5px; }
.arx-agebar a b { font-size: 16px; overflow-wrap: anywhere; }
.arx-agebar a i { position: absolute; left: 0; bottom: 0; height: 4px; background: #1f9d6a; }
.arx-agebar a.t-info i { background: #2f6fde; } .arx-agebar a.t-warn i { background: #e3a008; } .arx-agebar a.t-bad i { background: #e8664a; } .arx-agebar a.t-bad2 i { background: #c2255c; }
.arx-agebar a.on { border-color: var(--brand-primary, #1a73c8); box-shadow: inset 0 0 0 1px var(--brand-primary, #1a73c8); }
.arx-agebar a:hover { border-color: var(--brand-primary, #1a73c8); }
.arx-lvl { display: inline-block; min-width: 24px; padding: 1px 5px; border-radius: 3px; background: #fff4dc; color: #8a5a00; font-size: 11px; font-weight: 700; text-align: center; }
.arx-apply { display: flex; flex-direction: column; gap: 6px; }
.arx-apply .ct-filters { flex-wrap: wrap; }
.arx-link { width: 260px; max-width: 100%; font-size: 11.5px; }
.arx-focus td { background: #f2f8ff; }
.arx-formfoot { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; background: transparent; border: 0; padding: 0; }
.arx-hot { color: #b42335; font-weight: 700; }
.ct-tbl tr.arx-flag-broken td:first-child, .ct-tbl tr.arx-flag-disputed td:first-child { box-shadow: inset 3px 0 0 #e8664a; }
.ct-tbl tr.arx-flag-promise_due td:first-child { box-shadow: inset 3px 0 0 #e3a008; }
.arx-grade { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; font-weight: 800; font-size: 12px; color: #fff; background: #8a9bb0; }
.arx-grade.gA { background: #1f9d6a; } .arx-grade.gB { background: #2a9d8f; } .arx-grade.gC { background: #e3a008; } .arx-grade.gD { background: #e8664a; } .arx-grade.gE { background: #c2255c; }
.arx-pts { height: 4px; background: #edf1f4; border-radius: 2px; margin-top: 3px; overflow: hidden; }
.arx-pts i { display: block; height: 100%; background: #2a9d8f; }
.arx-off td { opacity: .55; }
.arx-h { margin: 14px 0 6px; font-size: 13px; }
.arx-plans { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.arx-price { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 8px; }
.arx-price span { display: flex; flex-direction: column; }
.arx-price b { font-size: 18px; }
.arx-price small { color: var(--muted, #6b7f92); font-size: 11px; }
.arx-methods { border: 0; padding: 0; margin: 0 0 12px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.arx-methods legend { font-weight: 700; margin-bottom: 8px; padding: 0; }
.arx-method { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 8px 12px; border: 1px solid var(--line, #dfe6ec); border-radius: var(--radius, 4px); cursor: pointer; background: var(--panel, #fff); }
.arx-method:has(input:checked) { border-color: var(--brand-primary, #1a73c8); box-shadow: inset 0 0 0 1px var(--brand-primary, #1a73c8); background: #f5f9ff; }
.arx-method i { font-size: 20px; color: var(--brand-primary, #1a73c8); }
.arx-method span { display: flex; flex-direction: column; min-width: 0; }
.arx-method small { color: var(--muted, #6b7f92); font-size: 11.5px; }
.arx-paybtn { width: 100%; justify-content: center; min-height: 44px; font-size: 15px; margin-top: 6px; }
.arx-paypage { max-width: 640px; margin: 0 auto; display: flex; flex-direction: column; gap: 14px; }
.arx-payamt { display: flex; flex-direction: column; gap: 2px; margin-bottom: 12px; }
.arx-payamt b { font-size: 28px; }
.arx-payamt span { color: var(--muted, #6b7f92); }
.arx-subcard { display: flex; gap: 18px; flex-wrap: wrap; align-items: center; }
.arx-subcard > div { display: flex; flex-direction: column; min-width: 0; }
.arx-subcard small { color: var(--muted, #6b7f92); font-size: 11.5px; }
.arx-subcard .grow { flex: 1 1 240px; }
.arx-360 { padding: 0; gap: 0; }
@media (max-width: 900px) {
    .arx-agebar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
    .arx-agebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .arx-methods { grid-template-columns: 1fr; }
    .arx-link { width: 100%; }
}

/* Narrow side panels: wrap long names instead of cutting them off. */
.arx-side td { white-space: normal; word-break: break-word; vertical-align: top; }
.arx-side td.r { white-space: nowrap; }
.arx-side .sub { display: block; }