/* Referrals & credit: builds on the shared pencil-sketch system (admin-portal.css, scope .ap). Dark/light from site theme variables. */
.rf .card{margin:14px 0}.rf h2{font-weight:900}.rf input[readonly]{width:100%;font-weight:800;min-height:44px}
.rf-big{font-size:2.4rem;font-weight:900;margin:.1em 0}.rf-small{font-size:.92rem;opacity:.9}
.rf-list{list-style:none;padding:0;margin:8px 0}.rf-list li{border-top:2.5px dashed var(--line);padding:10px 0;overflow-wrap:anywhere}
.rf-pill{display:inline-block;font-weight:800;font-size:.82rem;border:2.5px solid var(--line);border-radius:8px;padding:1px 8px}.rf-paid{background:var(--hi);color:#111}
.rf-void,.rf-clawed-back{opacity:.7}
.rf-scroll{overflow-x:auto}.rf-table{width:100%;border-collapse:collapse}.rf-table th,.rf-table td{border-bottom:2px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
.rf-rw{border:2.5px solid var(--line);border-radius:12px 4px 12px 4px/4px 12px 4px 12px;padding:10px 14px;margin:12px 0}.rf-rw h3{margin:.1em 0;font-weight:900}
.rf-chk{display:flex;gap:10px;align-items:flex-start;font-weight:700}.rf-chk input{width:26px;height:26px;flex:none}
.rf-msg{font-weight:800;min-height:1.2em}.rf-flag{display:inline-block;font-weight:900;font-size:.75rem;border:2px dashed var(--line);border-radius:6px;padding:0 6px}
.rf .btn{min-height:44px}
.rf-adm table{font-size:.9rem}.rf-adm .rf-acts{display:flex;gap:6px;flex-wrap:wrap}.rf-adm h3{font-weight:900;margin-top:18px}
/* Loyalty free months progress bar (loyalty.js) */
.lo-bar{height:18px;border:2.5px solid var(--line);border-radius:10px;overflow:hidden;margin:8px 0;background:transparent}.lo-bar span{display:block;height:100%;background:var(--hi)}