/* date-picker.css — V31 Task 4.1
 * Three native <select> chips + Send button. Visual language matches
 * .nx-qr quick-reply pills already used in setSmartInputMode.
 */

.dp-row {
  display: flex;
  gap: 6px;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 4px 0 2px;
}

.dp-select {
  flex: 1 1 80px;
  min-width: 0;
  background: #ffffff;
  border: 1.5px solid var(--ink, #1A1D2E);
  border-radius: 10px;
  padding: 10px 12px;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  min-height: 44px;
  color: var(--ink, #1A1D2E);
  cursor: pointer;
  /* Keep native dropdown affordance on desktop; tap target on mobile. */
  appearance: auto;
  -webkit-appearance: auto;
}

.dp-select:focus {
  outline: 2px solid var(--lemon, #FFD84D);
  outline-offset: 2px;
}

.dp-select:hover {
  background: #fafafa;
}

.dp-send {
  flex: 0 0 auto;
  background: var(--ink, #1A1D2E);
  color: #ffffff;
  border: 1.5px solid var(--ink, #1A1D2E);
  border-radius: 10px;
  padding: 10px 16px;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  min-height: 44px;
  cursor: pointer;
  transition: opacity 120ms ease, transform 80ms ease;
}

.dp-send:not(:disabled):hover {
  opacity: 0.92;
}

.dp-send:not(:disabled):active {
  transform: translateY(1px);
}

.dp-send:focus {
  outline: 2px solid var(--lemon, #FFD84D);
  outline-offset: 2px;
}

.dp-send:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Narrow viewport: month/day stay side-by-side, year wraps below
 * with Send. Keeps everything tap-friendly without horizontal scroll. */
@media (max-width: 420px) {
  .dp-select { flex: 1 1 60px; padding: 10px 8px; }
  .dp-send { flex: 1 1 100%; }
}