/* Hàng ghi chú trong danh sách — dùng chung AntiNote (.sticky-card) và Notebook dạng
   Danh sách (.notics-read-row) (BA 2026-10-07). Markup: components/noteListRow.js.
   Chỉ bố cục bên trong hàng; khung/nền/viền của hàng thuộc từng cửa sổ.
   Màu lấy --note-row-text / --note-row-muted nếu cửa sổ đặt (AntiNote → --note-*),
   mặc định token chữ của hệ thống. */
@layer modules {
  .note-row-top {
    display: flex;
    align-items: baseline;
    gap: var(--ui-space-2);
    min-width: 0;
  }
  .note-row-title {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--dt-typography-font-size-body);
    font-weight: var(--dt-typography-weight-semibold);
    color: var(--note-row-text, var(--ui-text-primary));
  }
  .note-row-pin {
    display: inline-flex;
    vertical-align: -0.1em;
    margin-right: var(--ui-space-1);
    color: var(--ui-warning);
  }
  .note-row-pin svg { width: var(--ui-icon-xs, 0.9em); height: var(--ui-icon-xs, 0.9em); fill: currentColor; }
  .note-row-time {
    flex: 0 0 auto;
    font-size: var(--dt-typography-font-size-caption);
    font-variant-numeric: tabular-nums;
    color: var(--note-row-muted, var(--ui-text-muted));
  }
  .note-row-meta {
    display: flex;
    align-items: center;
    gap: var(--ui-space-1-5);
    min-width: 0;
    /* Dòng 2 chỉ dựng khi có nhãn vị trí (noteListRow.js); không giữ dòng trống làm danh sách dày (BA 10/10/2026). */
    margin-top: var(--ui-space-1);
    font-size: var(--dt-typography-font-size-caption);
    color: var(--note-row-muted, var(--ui-text-muted));
  }
  .note-row-dot {
    flex: 0 0 auto;
    width: var(--ui-space-2);
    height: var(--ui-space-2);
    border-radius: var(--ui-radius-circle);
    background: var(--note-row-dot, var(--note-row-muted, var(--ui-text-muted)));
  }
  .note-row-path {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* Đoạn trích nội dung: chiếm phần còn lại của dòng 2; nhãn vị trí KHÔNG co (chỉ cắt khi
     dài quá nửa dòng) — đoạn trích co trước; ngăn bằng dấu chấm giữa. */
  .note-row-snippet {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .note-row-path:has(+ .note-row-snippet) { flex: 0 0 auto; max-width: 50%; }
  .note-row-path + .note-row-snippet::before { content: '·'; margin-right: var(--ui-space-1-5); }
  .note-row-lock { flex: 0 0 auto; display: inline-flex; }
  .note-row-lock svg { width: var(--ui-icon-xs, 0.9em); height: var(--ui-icon-xs, 0.9em); }
}