@import url("./main-layout.css");
@import url("./views/subscriptions-view.css");
@import url("./views/users-view.css");
@import url("./views/accounts-view.css");
@import url("@fontsource/poppins/index.css");

/* Theme / Lumo variables */
html,
spreadsheet-view-export,
grid-with-filters-view-export {
  --lumo-border-radius-s: 1px;
  --lumo-border-radius-m: 2px;
  --lumo-border-radius-l: 4px;

  --lumo-size-xl: 4rem;
  --lumo-size-l: 3rem;
  --lumo-size-m: 2.5rem;
  --lumo-size-s: 2rem;
  --lumo-size-xs: 1.75rem;

  --lumo-primary-color: rgb(248, 213, 0);
  --lumo-primary-color-50pct: rgba(248, 213, 0, 0.5);
  --lumo-primary-color-10pct: rgba(248, 213, 0, 0.1);

  --lumo-primary-text-color: hsl(60, 0%, 0%);
  --lumo-body-text-color: hsla(62, 0%, 0%, 0.94);
  --lumo-base-color: rgb(237, 236, 234);
}

/* Dialog theme: white-popup */
vaadin-dialog-overlay[theme~="white-popup"]::part(overlay) {
  background-color: #fff;
}

vaadin-dialog-overlay[theme~="white-popup"]::part(header) {
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
}

vaadin-dialog-overlay[theme~="white-popup"]::part(backdrop) {
  background: transparent;
}

.success-check-wrapper,
.error-x-wrapper {
  display: flex;
  justify-content: center;
  margin: 16px 0 12px;
}

.success-check-icon {
  width: 72px;
  height: 72px;
  color: #2ecc71;
}

.error-x-icon {
  width: 72px;
  height: 72px;
  color: #e74c3c;
}

.primary-black-text {
  color: black;
}

vaadin-grid::part(row) {
  background-color: white;
}

/* Grundfarbe für alle Body-Zellen */
vaadin-grid.white-rows::part(body-cell) {
  background-color: #fafafa; /* ganz leicht grau */
}

/* Jede zweite Zeile minimal anders (Zebra) */
vaadin-grid.white-rows::part(row):nth-child(even) vaadin-grid-cell-content {
  background-color: #f5f5f5;
}

/* Hover dezent */
vaadin-grid.white-rows::part(row):hover vaadin-grid-cell-content {
  background-color: #eeeeee;
}

/* Leerer Grid-Bereich bleibt weiß */
vaadin-grid.white-rows::part(scroller) {
  background-color: white;
}

/* Header ruhig & klar */
vaadin-grid.white-rows::part(header-cell) {
  background-color: #f3f3f3;
  font-weight: 600;
}