.pj-parking-date-field,
.pj-history-date-field {
  color-scheme: dark;
  cursor: pointer;
  border-color: rgba(45, 212, 191, .72) !important;
  background: linear-gradient(135deg, rgba(6, 78, 79, .92), rgba(8, 47, 73, .94)) !important;
  color: #ecfeff !important;
  box-shadow: inset 0 0 0 1px rgba(94, 234, 212, .14), 0 0 0 1px rgba(13, 148, 136, .16);
}
.pj-parking-date-field:focus,
.pj-history-date-field:focus {
  border-color: #5eead4 !important;
  box-shadow: 0 0 0 3px rgba(45, 212, 191, .22) !important;
}
.pj-parking-date-field::-webkit-calendar-picker-indicator,
.pj-history-date-field::-webkit-calendar-picker-indicator {
  opacity: 1;
  cursor: pointer;
  filter: brightness(0) invert(1);
}
.pj-parking-date-submit,
.pj-history-date-submit {
  min-height: 40px;
  border: 1px solid rgba(94, 234, 212, .5);
  border-radius: 8px;
  padding: 0 16px;
  background: linear-gradient(135deg, #0d9488, #0f766e);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 6px 18px rgba(13, 148, 136, .2);
}
.pj-parking-date-submit:hover,
.pj-history-date-submit:hover { background: linear-gradient(135deg, #14b8a6, #0d9488); }

.pj-history-filter-compact .pj-history-date-field {
  width: 145px !important;
  min-width: 145px !important;
  min-height: 34px !important;
  padding: 5px 9px !important;
  font-size: 11px !important;
}
.pj-history-filter-compact .pj-history-date-submit {
  min-height: 34px;
  padding: 0 12px;
  font-size: 11px;
}

/* Booking history keeps its title and filters aligned without crowding. */
.pj-history-filter-compact .pj-booking-history-toolbar {
  display: grid !important;
  grid-template-columns: minmax(300px, 380px) minmax(680px, 1fr) !important;
  align-items: center !important;
  column-gap: 24px !important;
  row-gap: 12px !important;
  padding: 18px 20px 14px !important;
  margin: 0 !important;
}

.pj-history-filter-compact .pj-booking-history-title {
  align-self: center;
  margin: 0 !important;
}

.pj-history-filter-compact .pj-booking-history-title > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.pj-history-filter-compact .pj-booking-history-controls {
  display: grid !important;
  grid-template-columns: 145px 145px 74px minmax(220px, 1fr) 140px 74px !important;
  grid-template-rows: 36px 46px !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 0 0 auto !important;
}

.pj-history-filter-compact .pj-booking-history-control-shell {
  display: contents !important;
}

.pj-history-filter-compact .pj-booking-history-controls input,
.pj-history-filter-compact .pj-booking-history-controls select,
.pj-history-filter-compact .pj-booking-history-controls button {
  margin: 0 !important;
}

.pj-history-filter-compact .pj-booking-history-from-date {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.pj-history-filter-compact .pj-booking-history-to-date {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.pj-history-filter-compact .pj-history-date-submit {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

.pj-history-filter-compact .pj-booking-history-text-search {
  grid-column: 1 / 5 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 46px !important;
}

.pj-history-filter-compact .pj-booking-history-status {
  grid-column: 5 !important;
  grid-row: 2 !important;
  width: 100% !important;
  height: 46px !important;
}

.pj-history-filter-compact .pj-booking-history-main-submit {
  grid-column: 6 !important;
  grid-row: 2 !important;
  width: 74px !important;
  height: 46px !important;
}

@media (max-width: 1350px) {
  .pj-history-filter-compact .pj-booking-history-toolbar {
    grid-template-columns: 1fr !important;
  }

  .pj-history-filter-compact .pj-booking-history-controls {
    width: 100% !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 1050px) {
  .pj-history-filter-compact .pj-booking-history-controls {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .pj-history-filter-compact .pj-booking-history-text-search {
    flex: 1 1 240px !important;
  }
}