/* ===== PDF Editor > Send for Review ===== */
#pdfedSendReviewBtn:hover .pdfed-slide-label { max-width: 130px; }

.pdfedrev-overlay { position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(4,8,16,.62); backdrop-filter:blur(3px); }
.pdfedrev-card { position:relative; width:100%; max-width:440px; max-height:calc(100vh - 32px); overflow:auto; padding:24px 22px 22px; border:1px solid var(--border); border-radius:18px; background:linear-gradient(160deg, var(--bg2), var(--bg3)); color:var(--text); box-shadow:0 24px 60px rgba(0,0,0,.5); }
.pdfedrev-card h3 { margin:0 0 6px; font-family:'Fraunces',Georgia,serif; font-size:21px; font-weight:600; }
.pdfedrev-sub { margin:0 0 16px; font-size:12.5px; line-height:1.5; color:var(--text2); }
.pdfedrev-x { position:absolute; top:10px; right:12px; width:30px; height:30px; border:0; border-radius:50%; background:transparent; color:var(--text2); font-size:22px; line-height:1; cursor:pointer; }
.pdfedrev-x:hover { background:var(--surface2); color:var(--text); }
.pdfedrev-lbl { display:block; margin:12px 0 5px; font-size:11.5px; font-weight:600; color:var(--text2); }
.pdfedrev-in { width:100%; box-sizing:border-box; padding:9px 11px; border:1px solid var(--border); border-radius:10px; background:var(--bg3); color:var(--text); font-family:'Inter',sans-serif; font-size:13px; outline:none; }
.pdfedrev-in:focus { border-color:var(--cyan); }
.pdfedrev-linkbox { margin-top:16px; padding:12px; border:1px solid var(--border); border-radius:12px; background:var(--surface); }
.pdfedrev-linkrow { display:flex; gap:8px; }
.pdfedrev-ver { margin-top:8px; font-size:11.5px; color:#34D399; }
.pdfedrev-btn { flex-shrink:0; padding:9px 16px; border:1px solid var(--border); border-radius:999px; background:var(--surface2); color:var(--text); font-size:12.5px; font-weight:600; cursor:pointer; transition:all .15s; }
.pdfedrev-btn:hover { border-color:var(--cyan); }
.pdfedrev-btn.primary { width:100%; margin-top:18px; border:0; background:linear-gradient(135deg, var(--cyan), var(--purple)); color:#fff; }
.pdfedrev-btn:disabled { opacity:.6; cursor:default; }

.pdfedrev-acts { display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
.pdfedrev-btn.danger:hover { border-color:rgba(239,68,68,.55); color:#ef4444; }
#pdfedSendReviewBtn { position:relative; }
#pdfedRevDot { position:absolute; top:-6px; right:-6px; min-width:17px; height:17px; padding:0 4px; border-radius:9px; background:#EF4444; color:#fff; font-size:10px; font-weight:700; line-height:17px; text-align:center; border:2px solid var(--pdfed-strip-bg, var(--bg2)); box-sizing:content-box; }

/* ===== Review panel ===== */
.rvp { position:fixed; inset:0; z-index:100001; display:flex; flex-direction:column; background:var(--bg); color:var(--text); padding-top:env(safe-area-inset-top,0px); }
.rvp-load { margin:auto; color:var(--text2); font-size:14px; }
.rvp-head { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:10px 16px; background:var(--bg2); border-bottom:1px solid var(--border); }
.rvp-title { font-family:'Fraunces',Georgia,serif; font-size:17px; font-weight:600; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:46vw; }
.rvp-badge { font-size:10.5px; font-weight:700; padding:3px 10px; border-radius:999px; background:rgba(16,185,129,.14); color:var(--green); }
.rvp-sp { flex:1; }
.rvp-note { padding:9px 16px; font-size:12.5px; color:var(--cyan); background:rgba(0,194,255,.08); border-bottom:1px solid var(--border); }
.rvp-main { flex:1; min-height:0; display:grid; grid-template-columns:minmax(0,1fr) 320px; }
@media(max-width:820px){ .rvp-main { grid-template-columns:1fr; grid-template-rows:minmax(0,3fr) minmax(0,2fr); } }
.rvp-pages, .rvp-cmpwrap { overflow:auto; padding:18px; background:var(--pdfed-canvas-area-bg, var(--bg3)); display:flex; flex-direction:column; gap:18px; }
.rvp-pg { position:relative; width:100%; max-width:720px; margin:0 auto; background:#fff; border-radius:3px; box-shadow:0 10px 30px rgba(0,0,0,.35); user-select:none; }
.rvp-pg.click { cursor:crosshair; }
.rvp-pg img { position:absolute; inset:0; width:100%; height:100%; display:block; pointer-events:none; }
.rvp-cmpwrap { gap:14px; }
.rvp-cmphead, .rvp-cmprow { display:grid; grid-template-columns:1fr 1fr; gap:14px; width:100%; max-width:1100px; margin:0 auto; }
.rvp-cmphead span { font-size:11px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:var(--text2); }
.rvp-side { overflow:auto; padding:16px; background:var(--pdfed-panel-bg, var(--bg2)); border-left:1px solid var(--border); }
.rvp-sh { font-size:11px; font-weight:700; letter-spacing:.7px; text-transform:uppercase; color:var(--text3); margin-bottom:4px; }
.rvp-prog { font-size:12.5px; color:var(--green); margin-bottom:8px; font-weight:600; }
.rvp-tip, .rvp-empty { font-size:12.5px; color:var(--text2); margin:4px 0 8px; line-height:1.5; }
.rvp-cm { display:flex; gap:10px; padding:10px 8px; margin:0 -8px; border-top:1px solid var(--border); border-radius:8px; cursor:pointer; }
.rvp-cm:hover { background:var(--surface); }
.rvp-cm.nw { background:rgba(0,194,255,.08); }
.rvp-num { flex:0 0 22px; height:22px; border-radius:50%; background:var(--purple); color:#fff; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.rvp-num.own { background:var(--dg-ink, #4E7DA6); }
.rvp-num.done { background:var(--green); }
.rvp-ct { min-width:0; flex:1; }
.rvp-ct b { font-size:12.5px; font-weight:600; }
.rvp-ct small { color:var(--text3); font-size:11px; }
.rvp-tx { font-size:13px; line-height:1.45; margin-top:2px; overflow-wrap:anywhere; }
.rvp-cm.isdone .rvp-tx { text-decoration:line-through; color:var(--text3); }
.rvp-nb { font-size:9.5px; font-weight:800; letter-spacing:.6px; color:#04182B; background:var(--cyan); border-radius:4px; padding:1px 5px; margin-left:6px; }
.rvp-chk { flex:0 0 auto; width:17px; height:17px; margin-top:2px; accent-color:var(--green); cursor:pointer; }
.rvp-pin { position:absolute; width:24px; height:24px; margin:-12px 0 0 -12px; border-radius:50% 50% 50% 0; transform:rotate(-45deg); background:var(--purple); border:2px solid #fff; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(0,0,0,.4); z-index:3; cursor:pointer; }
.rvp-pin span { transform:rotate(45deg); color:#fff; font-size:11px; font-weight:700; }
.rvp-pin.own { background:var(--dg-ink, #4E7DA6); }
.rvp-pin.done { background:var(--green); }
.rvp-pin.hl { outline:3px solid var(--cyan); outline-offset:2px; }
.rvp-pin.new { animation:rvpPulse 1.4s ease-in-out infinite; }
@keyframes rvpPulse { 0%,100% { box-shadow:0 0 0 0 rgba(0,194,255,.7), 0 2px 8px rgba(0,0,0,.4); } 50% { box-shadow:0 0 0 9px rgba(0,194,255,0), 0 2px 8px rgba(0,0,0,.4); } }
.rvp-draft { position:absolute; z-index:5; width:230px; background:var(--bg2); color:var(--text); border:1px solid var(--border2); border-radius:12px; padding:10px; box-shadow:0 12px 32px rgba(0,0,0,.5); cursor:default; }
.rvp-draft textarea { width:100%; height:66px; resize:none; background:var(--bg); color:var(--text); border:1px solid var(--border); border-radius:10px; padding:8px 10px; font:13px 'Inter',sans-serif; outline:none; box-sizing:border-box; }
.rvp-draft textarea:focus { border-color:var(--cyan); }
.rvp-row { display:flex; gap:6px; margin-top:8px; }

/* ---- Review tab docked in the PDF Editor right panel (same SARVARC look as the Sign Desk) ---- */
#pdfedReviewPanel { padding:14px 12px; }
.rvd-sheet { position:relative; flex:0 0 46px; height:60px; background:#F7F8FB; border-radius:3px 10px 3px 3px; padding:9px 6px; display:flex; flex-direction:column; gap:4px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
.rvd-sheet::after { content:''; position:absolute; top:0; right:0; width:10px; height:10px; background:linear-gradient(225deg, var(--bg3) 50%, #D5DBE8 50%); border-bottom-left-radius:3px; }
.rvd-sheet i { display:block; height:2.5px; border-radius:2px; background:#C9D1E0; }
.rvd-sheet i:nth-child(2) { width:80%; } .rvd-sheet i:nth-child(3) { width:60%; }
.rvd-sheet b { margin-top:auto; align-self:flex-start; background:var(--cyan); color:#04182B; font-size:7px; font-weight:800; padding:2px 6px 2px 4px; clip-path:polygon(0 0,86% 0,100% 50%,86% 100%,0 100%); }
.rvd-empty { display:flex; flex-direction:column; align-items:center; text-align:center; gap:14px; padding:26px 10px; }
.rvd-empty p { margin:0; font-size:12px; line-height:1.6; color:var(--text2); max-width:230px; }
.rvd-head { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid var(--border); border-radius:14px; background:linear-gradient(160deg, var(--bg2), var(--bg3)); }
.rvd-hinfo { min-width:0; display:flex; flex-direction:column; gap:6px; align-items:flex-start; }
.rvd-title { font-family:'Fraunces',Georgia,serif; font-size:15px; font-weight:600; line-height:1.25; overflow-wrap:anywhere; }
.rvd-live { font-size:10.5px; font-weight:700; padding:2px 9px; border-radius:999px; background:rgba(16,185,129,.14); color:#34D399; }
.rvd-progress { margin:14px 0 12px; }
.rvd-ptxt { font-size:12px; color:var(--text2); } .rvd-ptxt b { font-size:12.5px; color:var(--text); }
.rvd-pbar { margin-top:7px; height:5px; border-radius:999px; background:var(--bg3); border:1px solid var(--border); overflow:hidden; }
.rvd-pbar i { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg, var(--cyan), var(--green)); transition:width .3s; }
.rvd-row { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:0 0 4px; }
.rvd-btn { display:inline-flex; align-items:center; justify-content:center; gap:7px; background:transparent; border:1px solid var(--border); color:var(--text); border-radius:999px; padding:8px 14px; font-family:'Inter',sans-serif; font-size:12px; font-weight:600; cursor:pointer; transition:all .18s; }
.rvd-btn:hover { border-color:var(--cyan); background:rgba(0,194,255,.08); }
.rvd-btn.primary { background:linear-gradient(135deg, var(--cyan), var(--purple)); border-color:transparent; color:#fff; }
.rvd-btn.primary:hover { box-shadow:0 6px 22px rgba(0,194,255,.4); }
.rvd-link { background:none; border:0; color:var(--cyan); cursor:pointer; font-size:11.5px; padding:4px 2px; }
.rvd-note { margin:10px 0 0; padding:9px 11px; font-size:12px; line-height:1.5; color:var(--cyan); background:rgba(0,194,255,.08); border:1px solid var(--border2); border-radius:12px; }
.rvd-draft { margin-top:12px; padding:11px; border:1px solid var(--border2); border-radius:14px; background:var(--bg2); }
.rvd-dh { font-size:11.5px; color:var(--text2); margin-bottom:8px; }
.rvd-draft textarea { width:100%; min-height:64px; resize:vertical; box-sizing:border-box; background:var(--bg2); border:1px solid var(--border); color:var(--text); border-radius:10px; padding:8px 11px; font-family:'Inter',sans-serif; font-size:12px; outline:none; transition:border-color .2s; margin-bottom:8px; }
.rvd-draft textarea:focus { border-color:var(--cyan); }
.rvd-sh { margin:16px 0 8px; font-size:10px; font-weight:700; letter-spacing:.9px; text-transform:uppercase; color:var(--text3); }
.rvd-card { display:flex; gap:10px; align-items:flex-start; padding:11px; margin-bottom:8px; border:1px solid var(--border); background:var(--bg2); border-radius:14px; cursor:pointer; transition:border-color .2s, transform .2s; }
.rvd-card:hover { border-color:var(--cyan); transform:translateY(-1px); }
.rvd-card.nw { background:rgba(0,194,255,.08); }
.rvd-card.hl { border-color:var(--cyan); box-shadow:0 0 0 2px rgba(0,194,255,.25); }
.rvd-flag { flex:0 0 auto; min-width:26px; height:20px; padding:0 9px 0 7px; margin-top:1px; display:flex; align-items:center; justify-content:center; font-size:10.5px; font-weight:800; background:var(--cyan); color:#04182B; clip-path:polygon(0 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,0 100%); }
.rvd-flag.own { background:#4E7DA6; color:#fff; }
.rvd-flag.done { background:var(--green); color:#fff; }
.rvd-ct { min-width:0; flex:1; }
.rvd-who { display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 7px; }
.rvd-who b { font-size:12.5px; font-weight:600; }
.rvd-who small { color:var(--text3); font-size:11px; }
.rvd-new { font-size:9px; font-weight:800; letter-spacing:.6px; color:#04182B; background:var(--cyan); padding:1px 6px 1px 5px; clip-path:polygon(0 0,86% 0,100% 50%,86% 100%,0 100%); }
.rvd-tx { margin-top:3px; font-size:12.5px; line-height:1.5; overflow-wrap:anywhere; }
.rvd-card.isdone .rvd-tx { text-decoration:line-through; color:var(--text3); }
.rvd-check { flex:0 0 auto; width:18px; height:18px; margin-top:1px; border-radius:6px; border:1.5px solid var(--text3); background:transparent; color:transparent; display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0; transition:all .12s; }
.rvd-check:hover { border-color:var(--green); }
.rvd-check.on { background:var(--green); border-color:var(--green); color:#fff; }
.rvd-older { margin-top:16px; }
.rvd-older summary { cursor:pointer; margin-bottom:8px; font-size:10px; font-weight:700; letter-spacing:.9px; text-transform:uppercase; color:var(--text3); }
.rvd-hint { font-size:11.5px; color:var(--text3); line-height:1.55; margin:12px 0 0; }
/* pins on the live page: SARVARC cyan, steel for your own notes, green when done */
.rvd-layer { position:absolute; inset:0; pointer-events:none; z-index:40; }
.rvd-pin { pointer-events:auto; background:var(--cyan); }
.rvd-pin span { color:#04182B; }
.rvd-pin.own span, .rvd-pin.done span { color:#fff; }
/* placing a note: dashed cyan outline, same cue as placing a field on a document to sign */
#pdfedCanvasWrap.rvd-picking { outline:2px dashed rgba(0,194,255,.6); outline-offset:-2px; }
#pdfedCanvasWrap.rvd-picking, #pdfedCanvasWrap.rvd-picking * { cursor:crosshair !important; }

/* ---- Delete and drag on notes (calm, no red or green; same look as the client page) ---- */
.rvd-del { flex:0 0 auto; width:26px; height:26px; margin-top:-2px; border:0; border-radius:7px; background:transparent; color:var(--text3); display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0; transition:background .12s,color .12s; }
.rvd-del:hover { background:var(--surface2); color:var(--text); }
.rvd-conf { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:8px; padding:8px 10px; border:1px solid var(--border2); border-radius:10px; background:var(--bg); }
.rvd-conf span { flex:1 1 100%; font-size:11.5px; color:var(--text2); }
.rvd-btn.sm { padding:5px 12px; font-size:11.5px; }
.rvd-btn.solid { background:var(--text); border-color:transparent; color:var(--bg); }
.rvd-btn.solid:hover { background:#fff; box-shadow:none; }
.rvd-pin.rvd-drag { cursor:grab; touch-action:none; }
.rvd-pin.lifted { opacity:.25; }
.rvd-pin.ghost { position:fixed; z-index:100010; pointer-events:none; box-shadow:0 10px 22px rgba(0,0,0,.55); }
body.rvd-dragging, body.rvd-dragging * { cursor:grabbing !important; user-select:none !important; -webkit-user-select:none !important; }