@import url('./main-layout.css');

html {
  --lumo-size-xl: 3rem;
  --lumo-size-l: 2.5rem;
  --lumo-size-m: 2rem;
  --lumo-size-s: 1.75rem;
  --lumo-size-xs: 1.5rem;
  --lumo-space-xl: 1.875rem;
  --lumo-space-l: 1.25rem;
  --lumo-space-m: 0.625rem;
  --lumo-space-s: 0.3125rem;
  --lumo-space-xs: 0.1875rem;
  --lumo-font-size: 1rem;
  --lumo-font-size-xxxl: 1.75rem;
  --lumo-font-size-xxl: 1.375rem;
  --lumo-font-size-xl: 1.125rem;
  --lumo-font-size-l: 1rem;
  --lumo-font-size-m: 0.875rem;
  --lumo-font-size-s: 0.8125rem;
  --lumo-font-size-xs: 0.75rem;
  --lumo-font-size-xxs: 0.6875rem;
  --lumo-line-height-m: 1.4;
  --lumo-line-height-s: 1.2;
  --lumo-line-height-xs: 1.1;
  --lumo-primary-color: #3A083E;
  --lumo-primary-text-color: #6b1f72;
}

.view-padding {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

vaadin-grid.retreat-table::part(header-cell) {
  border: 0.5px solid #D3D3D3;
  background-color: #C8BFE7;
  color: #3A083E;
  font-weight: bold;
}

vaadin-grid.retreat-table::part(body-cell) {
  font-size: var(--lumo-font-size-m);
}

vaadin-grid.retreat-table::part(footer-cell) {
  font-size: var(--lumo-font-size-m);
  font-weight: 600;
}

vaadin-dialog-overlay::part(title) {
  font-size: var(--lumo-font-size-m);
  font-weight: 600;
}

vaadin-select, vaadin-date-picker, vaadin-number-field, vaadin-integer-field, vaadin-combo-box {
  --vaadin-input-field-border-width: 0.5px;
}

.dashboard-card {
  border-radius: var(--lumo-border-radius-l);
  box-shadow: var(--lumo-box-shadow-s);
  padding: var(--lumo-space-m) var(--lumo-space-l);
  min-width: 180px;
  background: var(--lumo-base-color);
}

.dashboard-card .count {
  font-size: 2rem;
  font-weight: 700;
  color: var(--lumo-primary-text-color);
}

.dashboard-card .label {
  color: var(--lumo-secondary-text-color);
  font-size: var(--lumo-font-size-s);
  text-transform: uppercase;
  letter-spacing: .04em;
}

.banned-row {
  background-color: var(--lumo-error-color-10pct);
}