/* Screen2ipcam reviews side panel (20/10/2026) - prefixed rv- to avoid class collisions */
.rv-tab{position:fixed;right:0;top:42%;z-index:9990;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 9px;border:0;border-radius:12px 0 0 12px;
  background:linear-gradient(180deg,#1d6fa5,#22b356);color:#fff;font:700 14px "Segoe UI",Tahoma,sans-serif;cursor:pointer;box-shadow:-4px 6px 18px rgba(7,17,31,.25)}
.rv-tab .rv-tab-t{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.04em}
.rv-tab .rv-tab-s{font-size:17px;color:#ffd84a}
.rv-tab.rv-rtl{right:auto;left:0;border-radius:0 12px 12px 0}
.rv-tab.rv-rtl .rv-tab-t{transform:none}
.rv-tab:hover{filter:brightness(1.08)}
.rv-ov{position:fixed;inset:0;background:rgba(7,17,31,.45);z-index:9991;opacity:0;visibility:hidden;transition:.2s}
.rv-ov.on{opacity:1;visibility:visible}
.rv-pn{position:fixed;top:0;right:0;bottom:0;width:min(460px,100vw);z-index:9992;background:#fff;color:#0a1422;box-shadow:-20px 0 50px rgba(7,17,31,.25);
  transform:translateX(105%);transition:transform .28s cubic-bezier(.2,.7,.2,1);overflow-y:auto;font:15px/1.55 "Segoe UI",Tahoma,sans-serif;padding:0 0 30px}
.rv-pn.rv-rtl{right:auto;left:0;transform:translateX(-105%)}
.rv-pn.on{transform:none}
html.rv-lock{overflow:hidden}
.rv-hd{position:sticky;top:0;background:#fff;display:flex;justify-content:space-between;gap:12px;padding:18px 20px 12px;border-bottom:1px solid #e3e9f2;z-index:1}
.rv-hd h3{margin:0;font-size:21px}.rv-hd p{margin:2px 0 0;color:#62728a;font-size:13.5px}
.rv-x{flex:none;width:40px;height:40px;border-radius:10px;border:1px solid #d5dfeb;background:#fff;font-size:18px;cursor:pointer;color:#0a1422}
.rv-src{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 20px 4px}
.rv-ag{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;border:1px solid #e3e9f2;border-radius:12px;padding:9px 11px;text-decoration:none;color:inherit;background:#f7fafd}
.rv-ag b{font-size:19px}.rv-ag .rv-st{color:#f5a400}.rv-agn{font-weight:600;font-size:13.5px}.rv-ag small{color:#62728a;font-size:12px;width:100%}
.rv-wbtn{margin:12px 20px 4px;width:calc(100% - 40px);border:0;border-radius:12px;padding:12px;font:700 15px "Segoe UI",Tahoma,sans-serif;color:#fff;cursor:pointer;
  background:linear-gradient(90deg,#1d6fa5,#22b356)}
.rv-form{margin:10px 20px;padding:14px;border:1px solid #e3e9f2;border-radius:14px;background:#f7fafd;display:grid;gap:10px}
.rv-f{display:grid;gap:4px;font-size:13px;color:#62728a}
.rv-f input,.rv-f textarea{font:15px "Segoe UI",Tahoma,sans-serif;border:1px solid #c9d5e3;border-radius:9px;padding:9px 10px;color:#0a1422;background:#fff;width:100%;box-sizing:border-box}
.rv-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rv-pick{display:flex;gap:2px;direction:ltr}.rv-pick button{border:0;background:none;font-size:28px;color:#c9d5e3;cursor:pointer;padding:0 2px;line-height:1}
.rv-pick button.on{color:#f5a400}
.rv-hp{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}
.rv-send{border:0;border-radius:10px;padding:11px;font:700 15px "Segoe UI",Tahoma,sans-serif;background:#0a1422;color:#fff;cursor:pointer}
.rv-send:disabled{opacity:.6}
.rv-msg{margin:0;font-size:14px}.rv-msg.ok{color:#08702f}.rv-msg.bad{color:#b42318}
.rv-list{padding:6px 20px 0;display:grid;gap:12px}
.rv-c{border:1px solid #e3e9f2;border-radius:14px;padding:14px 16px;background:#fff}
.rv-ch{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.rv-who b{font-size:16px}.rv-who span{display:block;font-size:12.5px;color:#62728a}
.rv-ch time{font-size:12.5px;color:#62728a;flex:none}
.rv-sl{display:flex;align-items:center;gap:8px;margin:4px 0}
.rv-st{color:#f5a400;letter-spacing:1px;direction:ltr}
.rv-sb{font-size:11.5px;font-weight:700;color:#1d6fa5;background:#e5f0fb;border-radius:6px;padding:1px 7px}
.rv-tx{margin:6px 0;color:#2c3d55}
.rv-lnk{font-size:13px;color:#1d6fa5;text-decoration:none;font-weight:600}
.rv-rp{margin-top:10px;background:#f4f7fb;border-inline-start:3px solid #22b356;border-radius:8px;padding:8px 11px}
.rv-rp b{font-size:13px;color:#14833a}.rv-rp p{margin:3px 0 0;font-size:14px;color:#2c3d55}
.rv-v{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.rv-cnt{font-size:12.5px;color:#62728a;margin-inline-end:auto}
.rv-vb{border:1px solid #d5dfeb;background:#fff;border-radius:8px;padding:5px 10px;font:600 13px "Segoe UI",Tahoma,sans-serif;cursor:pointer;color:#2c3d55}
.rv-vb.on{background:#e3f7ea;border-color:#22b356;color:#08702f}
.rv-load{color:#62728a;text-align:center}
@media(max-width:640px){.rv-tab{top:36%;padding:10px 6px;font-size:12px}.rv-src{grid-template-columns:1fr 1fr}.rv-row{grid-template-columns:1fr}}
@media print{.rv-tab,.rv-pn,.rv-ov{display:none!important}}

.rv-pn{overflow-x:hidden;box-sizing:border-box}.rv-pn *{box-sizing:border-box}.rv-form,.rv-f,.rv-row>*,.rv-list,.rv-c{min-width:0}.rv-f input,.rv-f textarea{max-width:100%}
.rv-form[hidden]{display:none!important}
.rv-pg{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;padding:16px 20px 0}
.rv-pg button{min-width:36px;height:36px;border-radius:9px;border:1px solid #d5dfeb;background:#fff;font:600 14px "Segoe UI",Tahoma,sans-serif;color:#2c3d55;cursor:pointer}
.rv-pg button.on{background:#1d6fa5;border-color:#1d6fa5;color:#fff}
.rv-pg button:disabled{opacity:.35;cursor:default}
.rv-pg span{color:#62728a}

.rv-tab{z-index:40}