/* 21-fullness-memory.css — Fullness Memory vault UI.
   Design language: library/_shared/tokens.css + library/_shared/base.css. */

/* ── stats row ─────────────────────────────────────────── */
.fm-stat {
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid var(--border-2);
  box-shadow: var(--shadow-inset-light, inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 -1px 0 rgba(0, 0, 0, 0.4));
  text-align: center;
}

.fm-stat-val {
  font: 700 20px/1 var(--mono, monospace);
  color: var(--c-ink, #f0eadd);
  letter-spacing: -0.01em;
}

.fm-stat-lbl {
  margin-top: 5px;
  font: 700 9px var(--mono, monospace);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--c-ink-muted, #5a554b);
}

/* ── tag chip ───────────────────────────────────────────── */
.fm-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font: 500 10px var(--mono, monospace);
  letter-spacing: 0.08em;
  color: var(--c-accent-bright, #d4a86a);
  background: var(--c-accent-wash, rgba(204, 144, 80, 0.10));
  border: 1px solid var(--border-accent, rgba(204, 144, 80, 0.22));
}
.fm-tag b { color: var(--c-ink-dim, #8a8478); font-weight: 700; }

/* ── note row ───────────────────────────────────────────── */
.fm-note-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  margin-bottom: 6px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid var(--border-2);
  border-left: 2px solid var(--border-accent, rgba(204, 144, 80, 0.22));
  transition: border-color 150ms, background 150ms;
}
.fm-note-row:hover {
  background: rgba(204, 144, 80, 0.04);
  border-left-color: var(--c-accent, #cc9050);
}

.fm-note-main { flex: 1; min-width: 0; }

.fm-note-title {
  font: 600 12px var(--body, system-ui, sans-serif);
  color: var(--c-ink, #f0eadd);
  margin-bottom: 3px;
  word-break: break-word;
}

.fm-note-meta {
  font: 500 9px var(--mono, monospace);
  letter-spacing: 0.10em;
  color: var(--c-accent-dim, rgba(204, 144, 80, 0.18));
  margin-bottom: 5px;
}
.fm-note-meta:empty { display: none; }

.fm-note-body {
  font: 500 11px/1.5 var(--body, system-ui, sans-serif);
  color: var(--c-ink-dim, #8a8478);
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}