/* TC002 Dealer Photo Flow — page compositions */
@layer tenant {
  .tenant-body--car-dealer-inventory-platform .dpf-dealer-split {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 1rem;
    margin-bottom: 1.25rem;
  }

  .tenant-body--car-dealer-inventory-platform .dpf-hero--dealer {
    padding: 1.35rem 1.25rem;
    border: 1px solid var(--dpf-border);
    background:
      repeating-linear-gradient(
        90deg,
        color-mix(in srgb, var(--dpf-accent) 5%, transparent) 0 1px,
        transparent 1px 52px
      ),
      var(--dpf-surface-2);
    position: relative;
  }

  .tenant-body--car-dealer-inventory-platform .dpf-hero--dealer::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--dpf-accent), var(--dpf-accent-warn));
  }

  .tenant-body--car-dealer-inventory-platform .dpf-forecourt-steps {
    padding: 1rem;
    border: 1px solid var(--dpf-border);
    background: var(--dpf-surface);
  }

  .tenant-body--car-dealer-inventory-platform .dpf-forecourt-steps h2 {
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 0.75rem;
    color: var(--dpf-text-muted);
  }

  .tenant-body--car-dealer-inventory-platform .dpf-forecourt-steps__list {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: forecourt;
  }

  .tenant-body--car-dealer-inventory-platform .dpf-forecourt-steps__item {
    counter-increment: forecourt;
    display: grid;
    grid-template-columns: 2rem 1fr;
    gap: 0.75rem;
    padding: 0.7rem 0;
    border-bottom: 1px solid var(--dpf-border);
    align-items: start;
    font-size: 0.88rem;
  }

  .tenant-body--car-dealer-inventory-platform .dpf-forecourt-steps__item::before {
    content: counter(forecourt, decimal-leading-zero);
    font-weight: 700;
    font-size: 0.8rem;
    color: var(--dpf-on-accent);
    background: var(--dpf-accent);
    border-radius: var(--dpf-radius-sm);
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .tenant-body--car-dealer-inventory-platform .dpf-forecourt-steps__item:last-child {
    border-bottom: none;
  }

  .tenant-body--car-dealer-inventory-platform .dpf-plate-demo {
    margin: 1.25rem 0;
    padding: 1rem 1.1rem;
    border: 2px dashed color-mix(in srgb, var(--dpf-accent-warn) 55%, var(--dpf-border));
    background: color-mix(in srgb, var(--dpf-accent-warn) 8%, var(--dpf-surface));
    font-size: 0.88rem;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: center;
  }

  .tenant-body--car-dealer-inventory-platform .dpf-plate-demo__plate {
    width: 88px;
    height: 36px;
    border-radius: 3px;
    background: #f8fafc;
    border: 2px solid #1e293b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.7rem;
    color: #1e293b;
    letter-spacing: 0.08em;
    filter: blur(3px);
    user-select: none;
  }

  .tenant-body--car-dealer-inventory-platform .dpf-preset-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 1rem 0;
  }

  @media (max-width: 800px) {
    .tenant-body--car-dealer-inventory-platform .dpf-dealer-split {
      grid-template-columns: 1fr;
    }
  }
}