/* Dates dialog: static presentation. State and mobile overrides remain in screen_dates.js. */
.rb-dates-overlay {
  position:fixed;
  inset:0;
  background:rgba(17,24,39,.40);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:99999;
  padding:20px;
  box-sizing:border-box;
  overflow:hidden;
}

.rb-dates-dialog {
  width:min(1080px, 96vw);
  max-height:calc(100dvh - 40px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#fff;
  border-radius:30px;
  box-shadow:0 30px 80px rgba(17,24,39,.20);
  padding:0;
  border:1px solid rgba(230,42,97,.10);
}

.rb-dates-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:22px 24px 14px;
  flex:0 0 auto;
  flex-wrap:wrap;
}

#datesModalDialog .rb-dates-nav {
  width:48px;
  height:48px;
  border-radius:14px;
  border:1px solid #ece7e4;
  background:#fff;
  font-size:24px;
  cursor:pointer;
}

#datesModalDialog .rb-dates-close {
  width:48px;
  height:48px;
  border-radius:14px;
  border:1px solid #ece7e4;
  background:#fff;
  font-size:20px;
  cursor:pointer;
}

.rb-dates-head-actions {
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  flex-wrap:wrap;
}

.rb-dates-title {
  font-size:22px;
  font-weight:600;
  color:#E62A61;
  letter-spacing:.01em;
  line-height:1.2;
  text-align:center;
  flex:1 1 auto;
  min-width:0;
  margin:0 auto;
}

.rb-dates-body {
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  padding:0 24px 16px;
}

.rb-dates-months {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
  gap:16px;
  margin-bottom:0;
  align-items:start;
}

.rb-dates-guests {
  display:none;
  gap:16px;
  padding:6px 2px 18px;
}

.rb-dates-guest-card {
  border:1px solid #efe8e5;
  border-radius:22px;
  padding:18px;
  display:grid;
  gap:14px;
}

.rb-dates-guest-label {
  font-size:16px;
  line-height:1.35;
  font-weight:600;
  color:#1f2937;
}

.rb-dates-guest-controls {
  display:grid;
  grid-template-columns:52px 1fr 52px;
  gap:12px;
  align-items:center;
}

#datesModalDialog .rb-dates-guest-button {
  width:52px;
  height:52px;
  border-radius:16px;
  border:1px solid #ece7e4;
  background:#fff;
  font-size:24px;
  cursor:pointer;
}

.rb-dates-guest-count {
  min-height:52px;
  border:1px solid #ece7e4;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  font-weight:700;
  color:#1f2937;
  text-align:center;
}

.rb-dates-summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 24px calc(12px + env(safe-area-inset-bottom));
  border-top:1px solid #efe8e5;
  background:#fff;
  position:sticky;
  bottom:0;
  z-index:2;
  flex:0 0 auto;
}

.rb-dates-summary-text {
  font-size:16px;
  line-height:1.38;
  font-weight:600;
  color:#E62A61;
  letter-spacing:.01em;
  min-width:0;
  overflow-wrap:normal;
}

.rb-dates-actions {
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}