/* ==============================================
   Directory Listing — Standard Format
   @module panel-crm/directory-listing
   @phase P2 @polish 2026-04
   ============================================== */

/* Map public site tokens (site.css) into standard names for this sheet */
.idsa-directory-root {
  --color-text-primary: var(--idsa-ink);
  --color-text-secondary: var(--idsa-muted);
  --color-text-tertiary: var(--idsa-muted);
  --color-border-tertiary: var(--idsa-border);
  --color-background-warning: color-mix(in srgb, var(--idsa-warning) 14%, var(--idsa-surface));
  --color-border-warning: var(--idsa-warning);
}

.idsa-listing-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-border-tertiary);
}

.idsa-listing-title {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-text-primary);
  margin: 0;
  flex: 1 1 220px;
}

.idsa-listing-status-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}

.idsa-listing-section {
  margin-bottom: 24px;
}

.idsa-listing-section-title {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-secondary);
  margin-bottom: 12px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--color-border-tertiary);
}

.idsa-listing-field-row {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 14px;
}

.idsa-listing-field-label {
  min-width: 140px;
  color: var(--color-text-secondary);
  flex-shrink: 0;
}

.idsa-listing-field-value {
  color: var(--color-text-primary);
}

.idsa-listing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--color-border-tertiary);
}

.idsa-listing-admin-notes {
  margin-top: 20px;
  padding: 12px;
  background: var(--color-background-warning);
  border-left: 3px solid var(--color-border-warning);
  border-radius: 0 4px 4px 0;
  font-size: 13px;
}

.idsa-listing-scope-note {
  font-size: 11px;
  color: var(--color-text-tertiary);
  margin-bottom: 16px;
  font-style: italic;
}

/* Public + CRM: badge suffix from crm_listing_status_class() */
.idsa-directory-root .idsa-crm-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  border: 1px solid var(--color-border-tertiary);
  background: var(--idsa-surface);
  color: var(--color-text-primary);
}

.idsa-directory-root .idsa-crm-badge--success {
  border-color: color-mix(in srgb, var(--idsa-success) 45%, var(--idsa-border));
  background: color-mix(in srgb, var(--idsa-success) 12%, var(--idsa-surface));
  color: var(--idsa-ink-soft);
}

.idsa-directory-root .idsa-crm-badge--warning {
  border-color: color-mix(in srgb, var(--idsa-warning) 45%, var(--idsa-border));
  background: color-mix(in srgb, var(--idsa-warning) 14%, var(--idsa-surface));
  color: var(--idsa-ink-soft);
}

.idsa-directory-root .idsa-crm-badge--danger {
  border-color: color-mix(in srgb, var(--idsa-danger) 45%, var(--idsa-border));
  background: color-mix(in srgb, var(--idsa-danger) 12%, var(--idsa-surface));
  color: var(--idsa-ink-soft);
}

.idsa-directory-root .idsa-crm-badge--neutral {
  border-color: var(--color-border-tertiary);
  background: color-mix(in srgb, var(--idsa-muted) 8%, var(--idsa-surface));
  color: var(--color-text-secondary);
}