/*
 * Mobile calendar polish is kept at a stable, versioned URL so Safari cannot
 * reuse an older immutable Next.js stylesheet after a production promotion.
 */
.daybird-modal-backdrop,
.daybird-sheet-backdrop {
  background: color-mix(in srgb, #050608 62%, transparent) !important;
  backdrop-filter: blur(12px);
}

.daybird-modal-panel {
  border-color: var(--daybird-line) !important;
  background: color-mix(in srgb, var(--daybird-surface) 96%, transparent) !important;
  color: var(--daybird-text);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}

.daybird-modal-panel input,
.daybird-modal-panel select,
.daybird-modal-panel textarea {
  color: var(--daybird-text) !important;
}

.daybird-modal-panel input::placeholder,
.daybird-modal-panel textarea::placeholder {
  color: var(--daybird-tertiary) !important;
  opacity: 1;
}

.daybird-modal-panel .daybird-sheet-handle {
  background: color-mix(in srgb, var(--daybird-text) 28%, transparent) !important;
}

.daybird-settings-card {
  background: var(--daybird-grid-muted) !important;
}

.daybird-settings-card > * {
  border-color: var(--daybird-grid-line) !important;
}

.daybird-settings-card > :not(:last-child) {
  border-block-end-color: var(--daybird-grid-line) !important;
  border-bottom-color: var(--daybird-grid-line) !important;
}

.daybird-settings-card select {
  color: var(--daybird-secondary) !important;
}

.daybird-search-panel [class~="sticky"][class~="bg-white"] {
  background: var(--daybird-surface) !important;
}

.daybird-compose-sheet {
  border-color: var(--daybird-line);
  background: color-mix(in srgb, var(--daybird-surface) 97%, transparent);
  color: var(--daybird-text);
}

.daybird-editor-tabs {
  background: var(--daybird-grid-muted);
}

.daybird-editor-tabs button {
  color: var(--daybird-secondary);
}

.daybird-editor-tabs button[data-active="true"] {
  background: color-mix(in srgb, var(--daybird-surface) 72%, var(--daybird-text) 8%);
  color: var(--daybird-text);
}

.daybird-compose-body > textarea {
  background: var(--daybird-grid-muted);
  color: var(--daybird-text);
  box-shadow: inset 0 0 0 1px var(--daybird-line);
}

.daybird-compose-body textarea::placeholder,
.daybird-detail-fields input::placeholder {
  color: var(--daybird-tertiary);
  opacity: 1;
}

.daybird-editor-hint {
  color: var(--daybird-tertiary);
}

.daybird-detail-fields {
  background: var(--daybird-line);
}

.daybird-detail-fields > label,
.daybird-color-row {
  background: var(--daybird-grid-muted);
}

.daybird-detail-fields input:not([type="checkbox"]),
.daybird-detail-fields select,
.daybird-detail-fields textarea {
  color: var(--daybird-secondary);
}

.daybird-month-events-mobile {
  display: none;
}

@media (max-width: 700px) {
  .daybird-month-events-desktop {
    display: none;
  }

  .daybird-month-events-mobile {
    display: flex;
    min-height: 18px;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    gap: 3px;
  }

  .daybird-month-events-mobile > span {
    width: 5px;
    height: 5px;
    flex: none;
    border-radius: 999px;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--daybird-grid) 50%, transparent);
  }

  .daybird-month-events-mobile > small {
    color: var(--daybird-tertiary);
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
  }
}