/* Admin -> Website reviews (2026-11-05, Ren). webreviews.js */
.wr-top{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between;margin-bottom:14px}
.wr-intro{font-size:13px;color:var(--text-2);line-height:1.5;margin:0;max-width:620px}
.wr-stats{display:flex;gap:10px}
.wr-stat{background:var(--surface,#fff);border:1px solid var(--border,#e3e8e4);border-radius:12px;padding:8px 14px;display:flex;flex-direction:column;min-width:110px}
.wr-stat span{font-size:11px;color:var(--text-3)}
.wr-stat b{font-size:18px}
.wr-stat b small{font-size:12px;font-weight:500;color:var(--text-3)}
.wr-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.wr-tab{min-height:38px;padding:0 16px;border-radius:999px;border:1.5px solid var(--border-hard,#d5ddd7);background:var(--surface,#fff);color:var(--text,#17201a);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.wr-tab.on{background:#17201a;color:#fff;border-color:#17201a}
.wr-list{background:var(--surface,#fff);border:1px solid var(--border,#e3e8e4);border-radius:14px;overflow:hidden}
.wr-row{display:grid;grid-template-columns:100px 1fr 120px 300px;gap:14px;align-items:center;padding:12px 18px;border-top:1px solid var(--border,#eef1ee)}
.wr-row:first-child{border-top:0}
.wr-head{font-size:11px;font-weight:700;color:var(--text-3);background:#fafbfa}
.wr-stars{color:#e8a400;font-size:15px;letter-spacing:1px;white-space:nowrap}
.wr-stars .off{color:#c9d3cc}
.wr-txt{font-size:13px;line-height:1.5;margin:0 0 3px}
.wr-txt.none{color:var(--text-3);font-style:italic}
.wr-meta{font-size:11px;color:var(--text-3)}
.wr-badge{display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px}
.wr-badge.new{background:#fff4db;color:#7a4f00}
.wr-badge.on{background:#e6f4ea;color:#145522}
.wr-badge.hidden{background:#eef1ee;color:#4a5a4e}
.wr-act{display:flex;gap:8px;justify-content:flex-end}
.wr-btn{min-height:38px;padding:0 14px;border-radius:10px;border:1.5px solid var(--border-hard,#d5ddd7);background:var(--surface,#fff);color:var(--text,#17201a);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.wr-btn.go{background:var(--green,#1e7a33);border-color:var(--green,#1e7a33);color:#fff}
.wr-btn:disabled{opacity:.5;cursor:default}
.wr-empty{padding:28px;text-align:center;color:var(--text-3);font-size:13px}
.wr-tip{margin-top:12px;padding:10px 14px;background:#e8f0fe;color:#1f3f8a;border-radius:12px;font-size:12px;line-height:1.5;max-width:760px}
@media (max-width:820px){
  .wr-row{grid-template-columns:1fr;gap:6px}
  .wr-head{display:none}
  .wr-act{justify-content:flex-start}
}
body.dark-mode .wr-head{background:rgba(255,255,255,.03)}
body.dark-mode .wr-tab.on{background:#eef3f0;color:#17201a;border-color:#eef3f0}
.wr-reset{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 18px;border:1px solid #f1c9c4;border-radius:14px;background:#fff7f6;max-width:760px}
.wr-reset b{display:block;font-size:13px;margin-bottom:3px}
.wr-reset span{font-size:12px;color:var(--text-2);line-height:1.5}
.wr-reset > div{flex:1;min-width:260px}
.wr-btn.danger{border-color:#b42318;color:#b42318;background:#fff}
body.dark-mode .wr-reset{background:rgba(180,35,24,.08);border-color:rgba(180,35,24,.35)}