/* Customer reviews (dayzhub.net/reviews, /mods/reviews), owner 2026-11-01. Uses the hub.css tokens. */
.rv{padding:120px 0 80px}
.rv .wrap{max-width:980px}
.rv-head{margin-bottom:26px}
.rv-head h1{margin:12px 0 10px}
.rv-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.rv-tabs a{padding:8px 14px;border-radius:10px;border:1px solid var(--line-2);color:var(--ink-2);font-size:14px;font-weight:600;background:rgba(255,255,255,.02)}
.rv-tabs a:hover{border-color:var(--line-3);color:var(--ink)}
.rv-tabs a.on{border-color:var(--gold-line);color:var(--gold);background:var(--gold-soft)}
.rv-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;margin:0 0 18px}
.rv-box h2{font-size:20px;margin:0 0 12px}
.rv-sum{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center}
.rv-avg{text-align:center;min-width:120px}
.rv-avg b{display:block;font:800 46px/1 var(--f-d,inherit);color:var(--ink)}
.rv-avg small{color:var(--ink-3);font-size:13px}
.rv-stars{color:var(--gold);letter-spacing:2px;font-size:18px}
.rv-stars .off{color:var(--ink-4)}
.rv-bars{display:grid;gap:6px}
.rv-bar{display:grid;grid-template-columns:52px 1fr 40px;gap:10px;align-items:center;font-size:13px;color:var(--ink-2)}
.rv-bar:hover{color:var(--ink)}
.rv-bar i{display:block;height:8px;border-radius:6px;background:rgba(255,255,255,.06);overflow:hidden}
.rv-bar i span{display:block;height:100%;background:var(--gold-grad)}
.rv-bar.on{color:var(--gold)}
.rv-list{display:grid;gap:12px}
.rv-item{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.rv-item header{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:0 0 8px}
.rv-item header b{color:var(--ink)}
.rv-item header .rv-mod{color:var(--gold);font-weight:600;font-size:13.5px}
.rv-item header time{color:var(--ink-3);font-size:13px;margin-left:auto}
.rv-item p{margin:0;color:var(--ink-2);white-space:pre-line;overflow-wrap:anywhere}
.rv-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(59,165,93,.12);color:#7BD99A;border:1px solid rgba(59,165,93,.3)}
.rv-badge.wait{background:var(--gold-soft);color:var(--gold);border-color:var(--gold-line)}
.rv-badge.no{background:rgba(237,66,69,.1);color:#F08A8C;border-color:rgba(237,66,69,.3)}
.rv-note{padding:12px 14px;border-radius:12px;margin:0 0 16px;font-size:14.5px;border:1px solid var(--gold-line);background:var(--gold-soft);color:var(--gold-2)}
.rv-note.ok{border-color:rgba(59,165,93,.35);background:rgba(59,165,93,.1);color:#9BE3B2}
.rv-note.err{border-color:rgba(237,66,69,.35);background:rgba(237,66,69,.08);color:#F5A3A5}
.rv-form{display:grid;gap:14px}
.rv-form label{font-weight:600;font-size:14px;color:var(--ink)}
.rv-form select,.rv-form textarea{width:100%;background:var(--bg-2);color:var(--ink);border:1px solid var(--line-2);border-radius:10px;padding:10px 12px;font:15px/1.5 var(--f-b)}
.rv-form textarea{min-height:120px;resize:vertical}
.rv-form .rv-check{display:flex;gap:8px;align-items:center;font-weight:500;color:var(--ink-2)}
.rv-form .rv-help{font-size:13px;color:var(--ink-3);margin:-6px 0 0}
.rv-rate{display:inline-flex;flex-direction:row-reverse;gap:4px}
.rv-rate input{position:absolute;opacity:0;width:1px;height:1px}
.rv-rate label{font-size:32px;line-height:1;color:var(--ink-4);cursor:pointer;transition:color .12s}
.rv-rate label:hover,.rv-rate label:hover ~ label,.rv-rate input:checked ~ label{color:var(--gold)}
.rv-rate input:focus-visible + label{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}
.rv-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.rv-pages{display:flex;gap:8px;justify-content:center;margin-top:18px}
.rv-empty{color:var(--ink-3);text-align:center;padding:26px 0}
.rv-console{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
@media (max-width:640px){
  .rv{padding:96px 0 60px}
  .rv-sum{grid-template-columns:1fr;gap:16px}
  .rv-item header time{margin-left:0;width:100%}
}