:root{
  --bg: var(--bg, #0c0d10);
  --panel: var(--panel, #131419);
  --panel-2: var(--panel-2, #1a1b22);
  --text: var(--text, #f1f3f9);
  --muted: var(--muted, #a3a7b3);
  --accent: var(--accent, #7c4dff);
  --border: var(--border, rgba(255,255,255,.08));
  --glass: var(--glass, rgba(255,255,255,.06));
}

.mdb-reviews .section-header .section-action{ min-width:48px; text-align:center; }

/* Form */
.mdb-review-form{
  background:var(--panel-2);
  border:1px solid var(--border);
  border-radius:12px;
  padding:12px;
  margin-bottom:12px;
}
.mdb-form-row{ display:flex; gap:12px; flex-wrap:wrap; }
.mdb-field{ display:flex; flex-direction:column; gap:6px; width:100%; }
.mdb-field--half{ width:calc(50% - 6px); }
@media (max-width:640px){ .mdb-field--half{ width:100%; } }

.mdb-field input, .mdb-field textarea{
  background:#1c1d24; color:var(--text); border:1px solid var(--border); border-radius:10px; padding:10px 12px;
}
.mdb-field label{ font-size:12px; color:var(--muted); }

.mdb-actions{ display:flex; align-items:center; gap:12px; margin-top:8px; }
.mdb-status{ color:var(--muted); font-size:12px; }

/* List */
.mdb-review-list{ display:grid; grid-template-columns:1fr; gap:10px; }
.mdb-review{
  display:flex; gap:10px; background:var(--panel-2);
  border:1px solid var(--border); border-radius:12px; padding:10px;
}
.mdb-avatar{
  width:40px; height:40px; border-radius:10px; background:var(--glass);
  border:1px solid var(--border); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:900;
}
.mdb-review-head{ display:flex; gap:8px; align-items:center; }
.mdb-author{ font-weight:800; }
.mdb-date{ color:var(--muted); font-size:12px; }
.mdb-review-text{ margin-top:4px; line-height:1.55; }

/* Load more */
.mdb-loadmore-wrap{ display:flex; justify-content:center; margin-top:10px; }
