/* Compact departure dropdown card */
.dep-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  margin: 6px 0 8px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .045) !important;
}

.dep-lbl {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 3px 7px !important;
  margin-bottom: 5px !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #2563eb !important;
  font-size: .59rem !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}

.dep-lbl .dep-ic svg {
  width: 11px !important;
  height: 11px !important;
}

.dep-main {
  align-items: center !important;
  margin-top: 0 !important;
}

.dep-time {
  font-size: 1.33rem !important;
  line-height: 1.04 !important;
  letter-spacing: -.025em !important;
}

.dep-sub {
  margin-top: 3px !important;
  font-size: .71rem !important;
}

.dep-boat {
  display: inline-flex !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  background: #eff6ff !important;
  color: #2563eb !important;
  box-shadow: none !important;
}

.dep-boat svg {
  width: 18px !important;
  height: 18px !important;
}

.dep-div {
  margin: 8px 0 0 !important;
  border-color: #e2e8f0 !important;
}

.dep-view {
  min-height: 30px !important;
  padding: 7px 0 0 !important;
  font-size: .72rem !important;
  color: #2563eb !important;
}

.dep-view .dep-arr {
  font-size: 1rem !important;
}

/* The loose chips were wasting space. All timings now live inside the dropdown. */
.dep-card > .dep-chips {
  display: none !important;
}

.dep-expand {
  display: none !important;
  margin-top: 8px !important;
  padding: 9px 10px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 9px !important;
  background: #f1f5f9 !important;
}

.dep-expand.open {
  display: block !important;
}

.dep-expand .dep-g {
  margin-bottom: 8px !important;
}

.dep-expand .dep-g:last-child {
  margin-bottom: 0 !important;
}

.dep-expand .dep-g small {
  margin-bottom: 5px !important;
  color: #64748b !important;
  font-size: .61rem !important;
  letter-spacing: .045em !important;
}

.dep-expand .dep-chips {
  display: flex !important;
  margin-top: 0 !important;
  gap: 6px !important;
}

.dep-expand .dep-chip {
  min-height: 27px !important;
  padding: 4px 9px !important;
  border: 1px solid #d8e1ec !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #334155 !important;
  font-size: .68rem !important;
  box-shadow: none !important;
}

@media (max-width: 860px) {
  .dep-card { padding: 9px 11px !important; }
  .dep-boat { width: 36px !important; height: 36px !important; min-width: 36px !important; }
  .dep-time { font-size: 1.25rem !important; }
  .dep-expand .dep-chip { min-height: 30px !important; padding: 5px 10px !important; }
}