/* Dashboard der Bewertungs-App. Aussehen kommt von Polaris (polaris.js); hier nur Anordnung, die Polaris nicht abdeckt. */
* { box-sizing: border-box; }

body { margin: 0; }

.bw-inhalt { display: grid; gap: 16px; }

/* Zeile aus Knöpfen und kurzen Texten, bricht auf schmalen Bildschirmen um */
.bw-zeile { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-block: 8px; }

.bw-kennzahlen {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
  margin-block: 8px;
}
.bw-kennzahl { display: grid; gap: 2px; }
.bw-kennzahl strong { font-size: 1.5rem; line-height: 1.2; }

.bw-filter {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

.bw-schalter { display: grid; gap: 16px; }

.bw-sterne { color: #b98900; letter-spacing: 1px; white-space: nowrap; }

.bw-meldungen { display: grid; gap: 4px; min-width: 200px; }

.bw-datei { display: inline-flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.bw-datei input { max-width: 100%; }

.bw-bericht { display: grid; gap: 12px; margin-top: 12px; }

/* Klickbare Tabellenzeile (öffnet die Detailansicht) */
.bw-klickbar { cursor: pointer; }

/* Kundentext und Protokolltexte: Zeilenumbrüche bleiben, lange Wörter brechen um */
.bw-text { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 70ch; }

.bw-bilder { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; }
.bw-bilder img { max-width: 100%; height: auto; border-radius: 8px; }

/* Bewertungsanfragen (Teil 4): Textvorschläge zum Kopieren und Vorschau der Mail */
.bw-rechtstext-karte { display: grid; gap: 8px; justify-items: start; }
.bw-rechtstext { padding: 12px; border: 1px solid #d4d4d4; border-radius: 8px; background: #fafafa; user-select: text; }
.bw-vorschau { display: grid; gap: 8px; margin-top: 12px; }
.bw-vorschau-mail { width: 100%; max-width: 640px; height: 640px; border: 1px solid #d4d4d4; border-radius: 8px; background: #fff; }