/* _content/Thehubradzen/Shared/StyledDatePicker.razor.rz.scp.css */
.sdp[b-6khlsjnu6j] {
  position: relative;
  display: block;
  width: 100%;
  font-family: inherit;
}

.sdp-display[b-6khlsjnu6j] {
  width: 100%;
  min-height: 42px;
  padding: 12px 14px;
  font-size: 14px;
  background: #fff;
  border: 1px solid oklch(0.88 0.008 75);
  border-radius: 12px;
  outline: none;
  color: oklch(0.22 0.015 60);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
  transition: border-color 0.12s, box-shadow 0.12s;
}
.sdp-display:hover[b-6khlsjnu6j] { border-color: oklch(0.80 0.010 75); }
.sdp-display:focus-visible[b-6khlsjnu6j],
.sdp-display:focus[b-6khlsjnu6j] {
  border-color: oklch(0.62 0.18 35);
  box-shadow: 0 0 0 3px oklch(0.62 0.18 35 / 0.18);
}
.sdp-display.sdp-error[b-6khlsjnu6j] {
  border-color: oklch(0.58 0.19 25);
  background: oklch(0.96 0.04 25);
}
.sdp-ph[b-6khlsjnu6j] { color: oklch(0.78 0.008 60); font-weight: 400; }
.sdp-val[b-6khlsjnu6j] { color: oklch(0.22 0.015 60); font-weight: 500; }
.sdp-icon[b-6khlsjnu6j] { color: oklch(0.52 0.010 60); display: inline-flex; }

.sdp-scrim[b-6khlsjnu6j] {
  position: fixed;
  inset: 0;
  background: transparent;
  z-index: 90;
}

.sdp-pop[b-6khlsjnu6j] {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  width: 300px;
  background: #fff;
  border: 1px solid oklch(0.88 0.008 75);
  border-radius: 14px;
  box-shadow: 0 12px 32px oklch(0.2 0.02 60 / 0.18), 0 2px 6px oklch(0.2 0.02 60 / 0.08);
  padding: 12px;
  z-index: 100;
  animation: sdp-in-b-6khlsjnu6j 0.14s ease-out;
}
@keyframes sdp-in-b-6khlsjnu6j {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

.sdp-head[b-6khlsjnu6j] {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 6px;
  align-items: center;
  margin-bottom: 10px;
}
.sdp-nav[b-6khlsjnu6j] {
  width: 28px; height: 28px;
  border-radius: 8px;
  border: 1px solid oklch(0.92 0.006 75);
  background: #fff;
  color: oklch(0.36 0.012 60);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.sdp-nav:hover[b-6khlsjnu6j] { background: oklch(0.965 0.006 75); }

.sdp-mo[b-6khlsjnu6j], .sdp-yr[b-6khlsjnu6j] {
  padding: 6px 8px;
  border: 1px solid oklch(0.92 0.006 75);
  border-radius: 8px;
  background: #fff;
  font-size: 12px;
  font-weight: 500;
  color: oklch(0.22 0.015 60);
  cursor: pointer;
  font-family: inherit;
}
.sdp-mo[b-6khlsjnu6j] { min-width: 0; }
.sdp-yr[b-6khlsjnu6j] { width: 72px; }

.sdp-dow[b-6khlsjnu6j] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  margin-bottom: 4px;
}
.sdp-dow > span[b-6khlsjnu6j] {
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: oklch(0.52 0.010 60);
  padding: 4px 0;
}

.sdp-grid[b-6khlsjnu6j] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
.sdp-d[b-6khlsjnu6j] {
  aspect-ratio: 1;
  border: 0;
  background: transparent;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  color: oklch(0.22 0.015 60);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  transition: background 0.1s, color 0.1s;
}
.sdp-d:hover:not(:disabled)[b-6khlsjnu6j] { background: oklch(0.96 0.03 35); }
.sdp-d-out[b-6khlsjnu6j] { color: oklch(0.72 0.008 60); }
.sdp-d-today[b-6khlsjnu6j] { box-shadow: inset 0 0 0 1.5px oklch(0.62 0.18 35); }
.sdp-d-sel[b-6khlsjnu6j] {
  background: oklch(0.62 0.18 35) !important;
  color: oklch(0.98 0.01 75) !important;
  font-weight: 600;
}
.sdp-d-disabled[b-6khlsjnu6j] { color: oklch(0.82 0.008 60); cursor: not-allowed; }

.sdp-foot[b-6khlsjnu6j] {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid oklch(0.92 0.006 75);
}
.sdp-btn[b-6khlsjnu6j] {
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 8px;
  border: 1px solid transparent;
  background: transparent;
  color: oklch(0.36 0.012 60);
  cursor: pointer;
  font-family: inherit;
}
.sdp-btn:hover[b-6khlsjnu6j] { background: oklch(0.965 0.006 75); color: oklch(0.22 0.015 60); }