/* UTIL-014 Chọn tên hoặc số ngẫu nhiên. Kế thừa font Arial từ bộ UI chung; không ghi đè FontAwesome. */
.rp-tabs{display:flex;gap:6px;margin:0 0 16px;padding:4px;border-radius:14px;background:var(--sou-soft);max-width:420px}
.rp-tabs [role=tab]{flex:1 1 0;min-height:46px;padding:8px 12px;border:0;border-radius:11px;background:transparent;color:var(--sou-ink);font:700 16px Arial,"Helvetica Neue",Helvetica,sans-serif;cursor:pointer}
.rp-tabs [role=tab][aria-selected=true]{background:#fff;color:var(--sou-primary);box-shadow:0 2px 8px rgba(16,36,94,.12)}
.rp-tabs [role=tab]:focus-visible{outline:2px solid #3869ed;outline-offset:2px}
.rp-info{margin:-4px 0 12px;color:var(--sou-muted);font-size:14px;font-weight:700;min-height:1px;overflow-wrap:anywhere}
.rp-hint{display:block;margin:-6px 0 12px;color:var(--sou-muted);font-size:14px}
.rp-more{margin:4px 0 8px;border:1px solid var(--sou-line);border-radius:12px;padding:0 12px}
.rp-more>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700;color:var(--sou-ink)}
.rp-more[open]{padding-bottom:4px}
.rp-more textarea{min-height:90px}
.rp-result h2{font-size:20px}
.rp-result h2:focus{outline:none}
.rp-empty{margin:6px 0 0;color:var(--sou-muted);font-size:15px}
.rp-meta{margin:0 0 12px;color:var(--sou-muted);font-size:14px;overflow-wrap:anywhere}
.rp-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;max-height:460px;overflow:auto}
.rp-chips li{display:inline-flex;align-items:baseline;gap:8px;max-width:100%;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid var(--sou-line);box-shadow:0 2px 6px rgba(16,36,94,.05)}
.rp-order{color:var(--sou-muted);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.rp-value{min-width:0;color:var(--sou-ink);font-size:18px;font-weight:700;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.rp-chips li small{color:var(--sou-muted);font-size:13px}
.rp-chips.is-single li{width:100%;flex-direction:column;align-items:center;padding:20px 16px;text-align:center}
.rp-chips.is-single .rp-value{font-size:40px;line-height:1.15}
.rp-more-note{margin:10px 0 0;color:var(--sou-muted);font-size:14px}
.rp-result .sou-toolbar .sou-button{min-height:44px}
.rp-note{margin:14px 0 0;color:var(--sou-muted);font-size:14px}
.rp-history{margin-top:24px;padding-top:18px;border-top:1px solid var(--sou-line)}
.rp-history-head{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}
.rp-history-head h2{font-size:19px}
.rp-history-head .sou-button{min-height:44px;padding:8px 14px;font-size:15px}
.rp-history-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;max-height:340px;overflow:auto}
.rp-history-list li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--sou-line);border-radius:12px;background:#f7f9fd}
.rp-history-list small{color:var(--sou-muted);font-size:13px;overflow-wrap:anywhere}
.rp-history-list span{font-weight:700;color:var(--sou-text);overflow-wrap:anywhere}
@media(max-width:600px){.rp-tabs{max-width:none}.rp-chips.is-single .rp-value{font-size:32px}.rp-result .sou-toolbar .sou-button{flex:1 1 calc(50% - 8px)}}
@media print{.rp-tabs,.rp-form,.rp-history-head .sou-button,.rp-note{display:none!important}.rp-columns{display:block}.rp-chips{max-height:none;overflow:visible}}