/* ═══ THE ONLINE REVIEW MENU — profile rows, the credit strip, the buy sheet,
   credit cards in the thread (migration_review_menu.sql). Tokens from
   styles/tokens.css; the rows are the lesson-picker rows (.pf-lesson). ═══ */

/* Online side: two groups, eyebrowed only when both exist. .ro-menu marks a
   real review_offers row; the derived pre-menu row keeps its old look. */
.pf-vr-kind{margin:4px 0 -2px;}
.pf-lesson.pf-vr.ro-menu .l-p{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;}
.pf-lesson.pf-vr.ro-menu .l-p small{font-family:var(--sans);font-size:.66rem;font-weight:500;color:var(--slate);white-space:nowrap;margin-top:1px;}
.pf-lesson.pf-vr.ro-menu .l-p small .mono{font-size:.66rem;}

/* In person side: a lesson that bundles a swing check */
.pf-lt-inc{color:var(--fairway);font-weight:600;}

/* What the golfer already holds — the mint strip above the rows */
.pf-vr-strip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);background:var(--mint);
  font-size:.84rem;font-weight:600;color:var(--fairway);line-height:1.35;}
.pf-vr-strip>span{flex:1;min-width:0;}
.pf-vr-strip .mono{font-size:.84rem;color:inherit;}
.pf-vr-use{flex:none;background:var(--fairway);color:#fff;border:0;border-radius:30px;padding:7px 13px;
  font-family:var(--sans);font-size:.76rem;font-weight:700;cursor:pointer;}
.pf-vr-use:hover{background:var(--fairway-2);}

/* The buy sheet (inside .hub2-sheet) */
.ro-pay{margin:6px 16px 0;font-size:.8rem;color:var(--slate);line-height:1.45;}

/* Quick look: one slot, not three */
.vr3-clips.one{max-width:44%;}

/* Credit cards in the thread (bubble or ledger) */
.ro-card{display:flex;flex-direction:column;gap:4px;}
.ro-card .ro-head{font-size:.92rem;font-weight:700;color:var(--ink);line-height:1.35;}
.ro-card .ro-sub{font-size:.78rem;color:var(--slate);}
.ro-card .ro-head .mono,.ro-card .ro-sub .mono{font-size:inherit;}
.ro-card.ended .ro-head{color:var(--slate);font-weight:600;}
.ro-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.ro-acts .vr-mini-btn{display:inline-flex;align-items:center;gap:5px;}
.ro-acts .vr-mini-btn svg{width:13px;height:13px;}
.ro-card .hub-loading{margin-top:0;}

/* The request modal: heading keeps clear of the close button when an offer name rides along */
#vrRequestModal .modal-head h3.ro-named{padding-right:28px;}