/* review.css — Review & confirm screen (Step 2 of 2) */

.rv{height:100%;display:flex;flex-direction:column;background:var(--canvas);}

/* Header — modal style, no tab bar */
.rv-header{flex-shrink:0;display:flex;align-items:center;position:relative;min-height:50px;padding:16px 8px 10px;background:var(--canvas);border-bottom:1px solid var(--line);}
.rv-title{position:absolute;left:50%;top:16px;transform:translateX(-50%);height:44px;display:flex;align-items:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--ink);}

.rv-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.rv-scroll::-webkit-scrollbar{display:none;}

/* Badge context block */
.rv-badge-block{padding:8px 24px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;}
.rv-eyebrow{align-self:flex-start;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:14px 0 6px;}
.rv-stage{position:relative;width:100%;height:218px;background:var(--stage);border-radius:20px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden;}
.rv-glow{position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 62%);top:50%;left:50%;transform:translate(-50%,-54%);}
.rv-ped{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);width:140px;height:20px;border-radius:50%;background:radial-gradient(ellipse,rgba(33,30,26,.16),rgba(33,30,26,0) 70%);}
.rv-badge-img{position:relative;width:172px;height:172px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(33,30,26,.20));z-index:1;}
/* tight gap — illustration + name are one unit */
.rv-badge-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:27px;line-height:1.06;letter-spacing:-.02em;color:var(--ink);margin:0;}
.rv-cat{margin-top:12px;}
.rv-cat .cat-tag{position:static;top:auto;left:auto;}
.rv-desc{font-size:14.5px;line-height:1.5;color:var(--ink-2);margin:14px 0 0;font-weight:450;max-width:330px;}

/* Section head — divider signals shift from context to action */
.rv-section-head{display:flex;align-items:baseline;justify-content:space-between;padding:6px 24px 0;margin-top:4px;border-top:1px solid var(--line-2);padding-top:22px;}
.rv-section-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:19px;letter-spacing:-.015em;color:var(--ink);}
.rv-headcount{font-size:13px;font-weight:600;color:var(--ink-2);}
.rv-sel-label{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);padding:14px 24px 8px;}

/* Recipient selection chips */
.rv-chips{display:flex;flex-direction:column;gap:9px;padding:0 24px;}
.rv-chip{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line-2);border-radius:14px;padding:9px 9px 9px 11px;box-shadow:0 1px 2px rgba(33,30,26,.03);}
.rv-chip-text{flex:1;min-width:0;}
.rv-chip-name{font-size:15.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rv-chip-sub{font-size:12.5px;color:var(--ink-2);margin-top:1px;}
.rv-remove{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:none;background:var(--canvas-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;}
.rv-remove:active{background:#E4DCCD;}
.rv-empty{font-size:14px;line-height:1.5;color:var(--ink-3);padding:14px 16px;text-align:center;background:#fff;border:1px dashed var(--line-2);border-radius:14px;}

/* + Add member */
.rv-add{display:inline-flex;align-items:center;gap:8px;margin:13px 24px 0;background:none;border:none;color:var(--purple-strong);font-family:inherit;font-size:15.5px;font-weight:700;letter-spacing:-.01em;cursor:pointer;padding:8px 4px;align-self:flex-start;}
.rv-add:active{opacity:.6;}
.rv-add-plus{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--purple-tint);color:var(--purple-strong);font-size:18px;font-weight:600;line-height:1;}

/* Note */
.rv-note-block{padding:20px 24px 28px;}
.rv-note-label{display:block;font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:-.005em;margin-bottom:9px;}
.rv-note-label span{color:var(--ink-3);font-weight:500;}
.rv-note{width:100%;border:1px solid var(--line-2);border-radius:14px;background:#fff;padding:13px 15px;font-family:inherit;font-size:15.5px;line-height:1.45;color:var(--ink);resize:none;outline:none;transition:border-color .15s, box-shadow .15s;}
.rv-note:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-tint);}
.rv-note::placeholder{color:var(--ink-3);}

/* Footer */
.rv-footer{flex-shrink:0;padding:12px 18px;padding-bottom:30px;background:var(--canvas);border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(33,30,26,.04);}
.btn-confirm{width:100%;height:54px;border-radius:14px;border:none;background:var(--purple-strong);color:#fff;font-family:inherit;font-size:17px;font-weight:700;letter-spacing:-.01em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 4px 14px rgba(81,79,136,.32);transition:transform .12s, background .15s;}
.btn-confirm:active{transform:scale(.985);background:#474576;}
.btn-confirm:disabled{background:#D8D3C9;color:#fff;box-shadow:none;cursor:default;}