/* widgets/notes/notes.css
 *
 * Phase 1 – Notes widget
 * ----------------------
 * Visual goals:
 *   - Same overall feel as Tasks / Priority lists
 *   - Uses shared typography scale + colors
 *   - Rows with subtle separators, no loud colors
 *
 * Expected HTML structure from notes.php / notes.js:
 *
 * <div class="widget-body-inner widget-notes" data-max-items="...">
 *   <div class="notes-status" data-notes="status">…</div>   (optional)
 *   <div class="notes-list"   data-notes="list">
 *     <div class="note-item">
 *       <div class="note-title">Note title…</div>
 *       <div class="note-meta">Nov 21, 2025 • nextcloud</div>
 *     </div>
 *     …
 *   </div>
 *   <div class="notes-meta"   data-notes="meta">…</div>
 * </div>
 */

/* Root container – match Tasks/Priority tone */
.widget-notes {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 0.9rem;              /* same body size as other list widgets */
  line-height: 1.4;
}

/* Optional status line at top (similar to "5 open tasks") */
.widget-notes .notes-status {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--widget-text-muted, rgba(0, 0, 0, 0.55));
}

/* List container */
.widget-notes .notes-list {
  display: flex;
  flex-direction: column;
  gap: 0;                          /* separators handle visual spacing */
}

/* Individual row – same pattern as .task-item / .priority-item */
.widget-notes .note-item {
  padding: 0.35rem 0;
  border-bottom: 1px solid var(--widget-border-subtle, rgba(0, 0, 0, 0.06));
}

/* No extra border on last item */
.widget-notes .note-item:last-child {
  border-bottom: none;
}

/* Title text – same weight/size as task titles */
.widget-notes .note-title {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--widget-text-strong, rgba(0, 0, 0, 0.82));
  margin-bottom: 0.1rem;
}

/* Meta line – date + source; match other “meta” text */
.widget-notes .note-meta {
  font-size: 0.75rem;
  color: var(--widget-text-muted, rgba(0, 0, 0, 0.55));
}

/* Bottom meta summary (e.g., "3 notes • 2 sources") */
.widget-notes .notes-meta {
  margin-top: 0.35rem;
  font-size: 0.75rem;
  color: var(--widget-text-muted, rgba(0, 0, 0, 0.55));
}

/* Empty state, consistent with Tasks/Priority empty text */
.widget-notes .notes-empty {
  font-size: 0.85rem;
  color: var(--widget-text-muted, rgba(0, 0, 0, 0.55));
}