/* ⭐ بخش نظر و امتیاز — templates/biz-reviews.html.
 *
 * هر صفحه رنگ‌های خودش را با این چند متغیر به بخش می‌دهد (جزئیات از
 * --md-*، منو از --surface/--ink، پنل از متغیرهای خودش)، پس تم روز و شب
 * هر صفحه خودبه‌خود این‌جا هم درست است:
 *   --bzr-surface --bzr-bg --bzr-ink --bzr-line --bzr-accent
 *
 * ⚠️ همه‌ی قاعده‌ها با «.bzr » شروع می‌شوند: صفحه‌ی جزئیات در تم شب
 * «body.dark-theme * {color:#fff}» دارد و قاعده‌ی تک‌کلاسی به آن می‌بازد
 * (ستاره‌ی طلایی سفید می‌شد). */
.bzr{
  --bzr-star:#f5a623;
  color:var(--bzr-ink,#222);
  font-family:inherit;
}
.bzr .bzr-h{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:17px;font-weight:800;margin:0 0 14px;color:var(--bzr-ink,#222)}
.bzr .bzr-sum{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:700;color:var(--bzr-ink,#222)}
.bzr .bzr-sum[hidden]{display:none}
.bzr .bzr-star,.bzr .bzr-stars{color:var(--bzr-star);letter-spacing:1px}
.bzr .bzr-off{color:var(--bzr-line,#ddd)}
.bzr .bzr-muted,.bzr .bzr-date{color:var(--bzr-ink,#222);opacity:.6;font-weight:500}
.bzr .bzr-avg,.bzr .bzr-cnt{color:var(--bzr-ink,#222)}

.bzr .bzr-form{border-bottom:1px solid var(--bzr-line,#e5e5e5);padding-bottom:16px;margin-bottom:16px}
.bzr [hidden]{display:none !important}
.bzr .bzr-done{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:14px;font-weight:700;color:#1a8f4a}
.bzr .bzr-done.warn{color:#d33}
.bzr .bzr-tag.warn{border-color:#d33;color:#d33}
.bzr .bzr-form-h{font-weight:700;font-size:14px;margin-bottom:8px;color:var(--bzr-ink,#222)}
/* ستاره‌ی ۱ اول جهت خواندن است: در صفحه‌ی راست‌به‌چپ از راست پر می‌شود،
   مثل ستاره‌های فهرست زیرش. */
.bzr .bzr-pick{display:flex;gap:2px;margin-bottom:10px}
.bzr .bzr-pick button{background:none;border:0;padding:2px 3px;font-size:28px;line-height:1;cursor:pointer;
  color:var(--bzr-line,#ddd);font-family:inherit;-webkit-tap-highlight-color:transparent}
.bzr .bzr-pick button.on{color:var(--bzr-star)}
.bzr .bzr-input{display:block;width:100%;box-sizing:border-box;padding:10px 12px;border-radius:12px;
  border:1px solid var(--bzr-line,#ddd);background:var(--bzr-bg,#fafafa);color:var(--bzr-ink,#222);
  font-family:inherit;font-size:14px;line-height:1.8;resize:vertical;-webkit-user-select:text;user-select:text}
.bzr .bzr-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:10px}
.bzr .bzr-send,.bzr .bzr-btn{padding:9px 20px;border:0;border-radius:12px;background:var(--bzr-accent,#1976d2);
  color:#fff;font-weight:700;font-family:inherit;font-size:14px;cursor:pointer}
.bzr .bzr-send[disabled]{opacity:.6;cursor:default}
.bzr .bzr-msg{font-size:13px;color:var(--bzr-ink,#222)}
.bzr .bzr-msg.err{color:#d33}
.bzr .bzr-msg.ok{color:#1a8f4a}
.bzr .bzr-msg a{color:var(--bzr-accent,#1976d2);font-weight:700}

.bzr .bzr-list{display:flex;flex-direction:column;gap:12px}
.bzr .bzr-item{padding:12px 14px;border-radius:12px;background:var(--bzr-bg,#fafafa);border:1px solid var(--bzr-line,#e5e5e5)}
.bzr .bzr-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.bzr .bzr-author{font-size:14px;color:var(--bzr-ink,#222)}
.bzr .bzr-date{font-size:12px;margin-inline-start:auto}
.bzr .bzr-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;
  background:rgba(26,143,74,.14);color:#1a8f4a}
.bzr .bzr-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;
  border:1px solid var(--bzr-line,#ddd);color:var(--bzr-ink,#222)}
.bzr .bzr-body{margin:0;font-size:14px;line-height:1.9;color:var(--bzr-ink,#222);opacity:.85;
  white-space:pre-line;overflow-wrap:anywhere}
.bzr .bzr-reply{margin-top:10px;padding:10px 12px;border-radius:10px;border-inline-start:3px solid var(--bzr-accent,#1976d2);
  background:var(--bzr-surface,#fff)}
.bzr .bzr-reply b{display:block;font-size:12px;margin-bottom:4px;color:var(--bzr-ink,#222)}
.bzr .bzr-reply p{margin:0;font-size:13px;line-height:1.8;color:var(--bzr-ink,#222);opacity:.85;overflow-wrap:anywhere}
.bzr .bzr-acts{display:flex;gap:14px;margin-top:8px}
.bzr .bzr-link{background:none;border:0;padding:0;font-family:inherit;font-size:13px;font-weight:700;
  color:var(--bzr-accent,#1976d2);cursor:pointer}
.bzr .bzr-link.danger{color:#d33}
.bzr .bzr-reply-box{margin-top:10px}
.bzr .bzr-empty{margin:0;font-size:14px;color:var(--bzr-ink,#222);opacity:.6}
