/*!
 * BOBOOM Bewertungen – Frontend Styles
 * v=bo20250820-1
 * Struktur: Liste + Karte + Formular
 */

/* REV: BASE START */
.bo-bewertungen { --gap: 12px; --radius: 12px; --shadow: 0 6px 22px rgba(0,0,0,.06); --accent:#16a34a; --muted:#64748b; --border:#e5e7eb; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
.bo-bewertungen * { box-sizing: border-box; }
.bo-bewertungen .bew-wrap { display: grid; gap: var(--gap); }
.bo-bewertungen .bew-kpis { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--gap); }
.bo-bewertungen .kpi { background: #fff; border:1px solid var(--border); border-radius: var(--radius); padding: 14px; box-shadow: var(--shadow); }
.bo-bewertungen .kpi .label { font-size: 12px; color: var(--muted); }
.bo-bewertungen .kpi .val { font-size: 22px; font-weight: 700; }
/* REV: BASE END */

/* REV: LISTE START */
.bo-bewertungen .bew-list { display: grid; gap: var(--gap); }
.bo-bewertungen .bew-card { background:#fff; border:1px solid var(--border); border-radius: var(--radius); padding:16px; box-shadow: var(--shadow); }
.bo-bewertungen .bew-head { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.bo-bewertungen .bew-stars { font-size: 16px; letter-spacing: 1px; }
.bo-bewertungen .bew-title { font-weight: 700; }
.bo-bewertungen .bew-meta { color: var(--muted); font-size: 12px; }
.bo-bewertungen .bew-badge { margin-left:auto; font-size:11px; padding:3px 8px; border-radius:999px; background:#dcfce7; color:#14532d; border:1px solid #86efac; }
.bo-bewertungen .bew-text p { margin: 8px 0; }
/* REV: LISTE END */

/* REV: FORM START */
.bo-bewertungen .bew-form { display:grid; gap:10px; background:#fff; border:1px solid var(--border); border-radius: var(--radius); padding:16px; box-shadow: var(--shadow); }
.bo-bewertungen .bew-form .row { display:grid; gap:8px; }
.bo-bewertungen .bew-form label { font-size: 12px; color: var(--muted); }
.bo-bewertungen .bew-form input[type="text"],
.bo-bewertungen .bew-form input[type="number"],
.bo-bewertungen .bew-form textarea { width:100%; padding:10px; border:1px solid var(--border); border-radius:10px; outline: none; }
.bo-bewertungen .bew-form textarea { min-height:110px; resize: vertical; }
.bo-bewertungen .bew-form .actions { display:flex; gap:10px; justify-content:flex-end; }
.bo-bewertungen .bew-form button { background: var(--accent); color:#fff; border: none; border-radius: 10px; padding: 10px 14px; cursor: pointer; }
.bo-bewertungen .bew-form button:hover { filter: brightness(.95); }
/* REV: FORM END */

/* REV: RESPONSIVE START */
@media (max-width: 720px) {
  .bo-bewertungen .bew-kpis { grid-template-columns: 1fr; }
}
/* REV: RESPONSIVE END */