/* Shared day journal note (site/assets/day-note.js).
   Ported from the Dagplanner's .dp-day-note rules; var() fallbacks because the
   chunk planner does not load day-planner.css and its --dp-* tokens. */

.day-note { margin-bottom: 0.6rem; }

.day-note-text {
  background: var(--dp-card, #fff);
  border: 1px solid var(--dp-border, var(--border, #e2e8f0));
  border-left: 3px solid var(--dp-accent, var(--primary, #7589d5));
  border-radius: var(--dp-radius-sm, 6px);
  padding: 0.6rem 0.85rem;
  font-size: 0.92rem;
  line-height: 1.55;
  white-space: pre-wrap;
  margin-bottom: 0.35rem;
}

/* The button is styled here rather than borrowed from a planner's own button
   classes — those differ per page (.btn.btn-ghost in Modus C, none in the
   chunk planner), and the block must look the same on both. */
.day-note .day-note-btn {
  width: auto;
  margin: 0;
  border: 1px solid var(--dp-border, var(--border, #e2e8f0));
  background: var(--dp-card, #fff);
  color: var(--dp-muted, var(--text-secondary, #64748b));
  border-radius: var(--dp-radius-sm, 6px);
  padding: 0.35rem 0.8rem;
  font-family: inherit;
  font-size: 0.82rem;
  cursor: pointer;
  transition: border-color 0.12s, color 0.12s;
}

.day-note .day-note-btn:hover {
  border-color: var(--dp-primary, var(--primary, #43b0b3));
  color: var(--dp-primary, var(--primary, #43b0b3));
}

.day-note .day-note-add { border-style: dashed; }

.day-note-form .day-note-input { width: 100%; }