/* Directory Card — molecule */

.directory-card {
  padding: 1rem;
  border: 1px solid var(--pico-muted-border-color);
  border-radius: var(--pico-border-radius);
  background: var(--pico-card-background-color);
}

.directory-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.directory-card__label {
  font-weight: 600;
  text-decoration: none;
  color: var(--pico-color);
}

.directory-card__label:hover {
  text-decoration: underline;
}

.directory-card__stats {
  display: flex;
  gap: 1.5rem;
}

.directory-card__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
}

.directory-card__stat small {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--pico-muted-color);
  margin-top: 0.25rem;
}

.directory-card__status {
  color: var(--pico-muted-color);
  font-size: 0.875rem;
  margin: 0;
}

.directory-card--customer .directory-card__status {
  color: var(--pico-color);
}

/* ─── v2 DS — .lc-card / .lc-dossier families (extracted from components.css in U5) ─── */
.lc-card {
  background: var(--color-paper);
  border: 1px solid var(--color-rule);
  border-radius: var(--r-3);
  padding: var(--sp-5);
}
.lc-card--inset {
  background: var(--color-surface);
  border-color: transparent;
}
.lc-card__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--sp-4);
  margin-bottom: var(--sp-3);
}
.lc-card__title {
  font-family: var(--font-serif);
  font-weight: var(--fw-medium);
  font-size: var(--fs-18);
  letter-spacing: var(--tracking-tight);
}
.lc-card__meta { font-family: var(--font-mono); font-size: var(--fs-12); color: var(--color-ink-muted); }

/* dossier card — clickable; needs hover + focus-visible */
.lc-dossier {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--sp-2) var(--sp-4);
  padding: var(--sp-4) var(--sp-5);
  background: var(--color-paper);
  border: 1px solid var(--color-rule);
  border-radius: var(--r-3);
  text-decoration: none;
  color: inherit;
}
.lc-dossier:hover { border-color: var(--color-rule-strong); }
.lc-dossier:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-focus-ring);
  border-color: var(--color-rule-strong);
}
.lc-dossier__title { font-family: var(--font-serif); font-size: var(--fs-18); font-weight: var(--fw-medium); }
.lc-dossier__addr  { font-size: var(--fs-13); color: var(--color-ink-muted); grid-column: 1 / -1; }
.lc-dossier__when  { font-family: var(--font-mono); font-size: var(--fs-12); color: var(--color-primary); align-self: start; }