/*
 * Einheitliche Abrundung im Dashboard.
 *
 * Von Ronny, 2026-08-04: Alle Boxen bekommen 10px Radius, auch die Suchleiste.
 * Diese Datei wird als letzte eingebunden und überschreibt deshalb die
 * Vorgaben aus Bootstrap, style.css und den Skin-Dateien.
 */

:root {
  --ets-radius: 10px;
}

/* Karten und Kacheln */
.card,
.card.dash1-card,
.panel,
.box,
.widget,
.modal-content,
.dropdown-menu,
.popover,
.toast,
.alert,
.list-group,
.table-responsive,
.tag,
.badge {
  border-radius: var(--ets-radius) !important;
}

/* Kopf und Fuß einer Karte folgen deren Rundung, damit nichts übersteht */
.card > .card-header,
.card > .card-body:first-child,
.card > img:first-child {
  border-top-left-radius: var(--ets-radius) !important;
  border-top-right-radius: var(--ets-radius) !important;
}

.card > .card-footer,
.card > .card-body:last-child,
.card > img:last-child {
  border-bottom-left-radius: var(--ets-radius) !important;
  border-bottom-right-radius: var(--ets-radius) !important;
}

/* Eingabefelder, Auswahlfelder und Schaltflächen */
.form-control,
.form-select,
select,
textarea,
input[type='text'],
input[type='search'],
input[type='email'],
input[type='password'],
input[type='number'],
input[type='date'],
.btn,
.input-group > .form-control,
.input-group > .btn {
  border-radius: var(--ets-radius) !important;
}

/* Suchleiste in der Kopfzeile — überschreibt den fest gesetzten Wert */
.header-search,
input.header-search,
.mobile-view-search {
  border-radius: var(--ets-radius) !important;
}

/* Gruppierte Felder: außen abgerundet, innen bündig */
.input-group > :not(:last-child).form-control,
.input-group > :not(:last-child).btn {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.input-group > :not(:first-child).form-control,
.input-group > :not(:first-child).btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Bilder in Karten und Tabellen laufen sonst über die Ecken hinaus */
.card img.card-img-top {
  border-top-left-radius: var(--ets-radius) !important;
  border-top-right-radius: var(--ets-radius) !important;
}

/* Runde Elemente bleiben rund */
.rounded-circle,
.avatar,
.badge-pill,
.rounded-pill {
  border-radius: 50rem !important;
}

/*
 * Erklärender Satz unter der Seitenüberschrift.
 * Absätze erben im Grundgerüst 32px Einzug — dadurch stand der Satz gegenüber
 * der Überschrift versetzt. Gilt für alle Seiten. (Ronny 2026-08-05)
 */
.page-subtitle {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/*
 * Kopfzeile bündig zu den Kacheln.
 * Die Kachel-Reihe ist eine Bootstrap-Row mit margin-right:-15px, die Kacheln
 * selbst haben 6px Spaltenabstand. Ohne Angleichung endet der Filter-Knopf
 * 17px vor der Kachelkante. (Ronny 2026-08-05)
 */
.page-header {
  margin-right: -15px !important;
  padding-right: 6px !important;
}

/*
 * Der Filter-Knopf trägt 8px Abstand nach rechts, weil die Regel
 * `.btn-list > .btn:not(:last-child)` greift — das zugehörige Ausklappmenü
 * zählt als Geschwister dahinter. Nur in diesem Fall Abstand aufheben,
 * damit mehrere Knöpfe nebeneinander weiterhin Luft behalten.
 */
.page-header .btn-list > .btn:has(+ .dropdown-menu:last-child) {
  margin-right: 0 !important;
}