.booking-card {
  transition: box-shadow 0.2s;
}[dir] .booking-card {
  border-radius: 12px !important;
}
[dir] .booking-card:hover {
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
.booking-card .booking-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #616161;
}
[dir] .booking-card .booking-icon {
  border-radius: 4px;
  background: #f5f5f5;
}
.booking-card .booking-icon--flight {
  color: #1a73e8;
}
[dir] .booking-card .booking-icon--flight {
  background: #e8f0fe;
}
.booking-card .booking-icon--hotel, .booking-card .booking-icon--accommodation {
  color: #3949ab;
}
[dir] .booking-card .booking-icon--hotel, [dir] .booking-card .booking-icon--accommodation {
  background: #e8eaf6;
}
.booking-card .booking-icon--train {
  color: #7b1fa2;
}
[dir] .booking-card .booking-icon--train {
  background: #f3e8fd;
}
.booking-card .booking-icon--tour {
  color: #2e7d32;
}
[dir] .booking-card .booking-icon--tour {
  background: #e8f5e9;
}
.booking-card .booking-icon--transfer, .booking-card .booking-icon--car_rental {
  color: #e65100;
}
[dir] .booking-card .booking-icon--transfer, [dir] .booking-card .booking-icon--car_rental {
  background: #fff3e0;
}
.booking-card .booking-icon--tour_package {
  color: #00695c;
}
[dir] .booking-card .booking-icon--tour_package {
  background: #e0f2f1;
}
.booking-card .booking-title {
  font-size: 15px;
  line-height: 1.4;
}
.booking-card .booking-info-row {
  gap: 4px 16px;
}
.booking-card .booking-info-row .info-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #757575;
}
.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 500;
}
[dir] .status-badge {
  padding: 2px 8px;
  border-radius: 4px;
}
.status-badge .status-dot {
  width: 6px;
  height: 6px;
  flex-shrink: 0;
}
[dir] .status-badge .status-dot {
  border-radius: 50%;
  background: currentColor;
}
.status-badge--success {
  color: #2e7d32;
}
[dir] .status-badge--success {
  background: #e8f5e9;
  border: 1px solid #a5d6a7;
}
.status-badge--processing {
  color: #e65100;
}
[dir] .status-badge--processing {
  background: #fff3e0;
  border: 1px solid #ffcc80;
}
.status-badge--cancelled {
  color: #c62828;
}
[dir] .status-badge--cancelled {
  background: #ffebee;
  border: 1px solid #ef9a9a;
}
.status-badge--failed {
  color: #c62828;
}
[dir] .status-badge--failed {
  background: #ffebee;
  border: 1px solid #ef9a9a;
}
[dir] .my-bookings-stepper .q-stepper {
  background: transparent;
  box-shadow: none;
}
.my-bookings-stepper .q-stepper__header {
  flex-wrap: wrap;
}
[dir] .my-bookings-stepper .q-stepper__header {
  border-bottom: 0;
}
.my-bookings-stepper .q-stepper .q-stepper__tab {
  width: 25%;
}
@media (max-width: 1024px) {
.my-bookings-stepper .q-stepper .q-stepper__tab {
    width: 100%;
}
}
.my-bookings-stepper .q-stepper .q-stepper__tab .q-stepper__title {
  color: black;
}
[dir] .my-bookings-stepper .q-stepper .q-stepper__tab .q-stepper__title {
  margin-bottom: 5px;
}
.my-bookings-stepper .q-stepper .q-stepper__tab .q-stepper__caption {
  color: #555;
}
.eg-shopping[data-v-6999a681] {
  max-width: 1280px;
}[dir] .eg-shopping[data-v-6999a681] {
  margin: auto;
  padding: 24px 16px;
  background: white;
}
@media (max-width: 1024px) {
[dir] .eg-shopping[data-v-6999a681] {
    padding: 20px 12px;
}
}
[dir] .booking-item-skeleton[data-v-6999a681] {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
[dir] .rounded-input[data-v-6999a681]  .q-field__control {
  border-radius: 12px;
}
[dir] .booking-tabs-row[data-v-6999a681] {
  border-bottom: 1px solid #e8e8e8;
}
[dir] .booking-tabs[data-v-6999a681] {
  border-bottom: none;
}
.booking-tabs[data-v-6999a681]  .q-tab__label {
  text-transform: none;
}
