/* V223 — visible, searchable Date Matrix event management. */
#pageDateMatrix .dm-event-description-field {
  margin-top: .85rem;
}

#pageDateMatrix .dm-field textarea {
  width: 100%;
  box-sizing: border-box;
  resize: vertical;
  min-height: 70px;
  padding: .7rem .8rem;
  color: var(--dm-text, #f4ead0);
  background: var(--dm-bg2, #111);
  border: 1px solid var(--dm-border, rgba(214, 176, 66, .28));
  border-radius: 7px;
  font: inherit;
  line-height: 1.65;
}

#pageDateMatrix .dm-field textarea:focus {
  outline: none;
  border-color: var(--dm-gold, #d6b042);
  box-shadow: 0 0 0 2px rgba(214, 176, 66, .12);
}

#pageDateMatrix .dm-event-description-field label span,
#pageDateMatrix .dm-manager-intro {
  color: var(--dm-text-faint, #aaa);
  font-weight: 400;
}

#pageDateMatrix .dm-manager-intro {
  margin: -.25rem 0 1rem;
  font-size: .9rem;
}

#pageDateMatrix .dm-manager-toolbar {
  display: flex;
  align-items: end;
  gap: 1rem;
  margin-bottom: 1rem;
}

#pageDateMatrix .dm-manager-toolbar .dm-field {
  flex: 1 1 360px;
}

#pageDateMatrix .dm-manager-toolbar .dm-event-count-badge {
  flex: 0 0 auto;
  margin-bottom: .45rem;
}

#pageDateMatrix .dm-manager-list {
  display: grid;
  gap: .7rem;
  max-height: 520px;
  overflow-y: auto;
  padding-inline-end: .2rem;
}

#pageDateMatrix .dm-manager-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  padding: .85rem 1rem;
  background: rgba(255, 255, 255, .025);
  border: 1px solid var(--dm-border, rgba(214, 176, 66, .2));
  border-radius: 9px;
}

#pageDateMatrix .dm-manager-event-copy {
  min-width: 0;
}

#pageDateMatrix .dm-manager-event-copy h3 {
  margin: 0;
  color: var(--dm-gold, #e4c45d);
  font-size: 1rem;
  line-height: 1.5;
  overflow-wrap: normal;
  word-break: normal;
}

#pageDateMatrix .dm-manager-event-copy time {
  display: inline-block;
  margin-top: .12rem;
  color: var(--dm-text, #eee);
  direction: ltr;
  font-variant-numeric: tabular-nums;
}

#pageDateMatrix .dm-manager-event-copy p {
  margin: .4rem 0 0;
  color: var(--dm-text-muted, #c7c1b3);
  line-height: 1.65;
  white-space: pre-wrap;
  overflow-wrap: normal;
  word-break: normal;
}

#pageDateMatrix .dm-manager-event-copy .dm-manager-no-description {
  color: var(--dm-text-faint, #888);
  font-style: italic;
}

#pageDateMatrix .dm-manager-actions {
  display: flex;
  gap: .45rem;
  white-space: nowrap;
}

#pageDateMatrix .dm-manager-empty {
  padding: 1.2rem;
  text-align: center;
  color: var(--dm-text-faint, #aaa);
  border: 1px dashed var(--dm-border, rgba(214, 176, 66, .25));
  border-radius: 8px;
}

#dmEditModal > div {
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
}

@media (max-width: 680px) {
  #pageDateMatrix .dm-manager-toolbar,
  #pageDateMatrix .dm-manager-item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  #pageDateMatrix .dm-manager-toolbar .dm-field {
    flex-basis: auto;
  }

  #pageDateMatrix .dm-manager-toolbar .dm-event-count-badge {
    align-self: flex-start;
    margin-bottom: 0;
  }

  #pageDateMatrix .dm-manager-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  #pageDateMatrix .dm-manager-actions .dm-btn {
    width: 100%;
  }
}