/*
 * Settings page styles — shared by every app's /settings.
 * Loaded via main.css @import; symlinked into every app via SHARED_PATHS.
 *
 * Owns:
 *   .settings-xref-card       cross-reference card (deep-link to other app)
 *   .logo-section             central tenant-logo card (managed in xorizo)
 *
 * Per-app duplicates (airfact-custom.css, xorizo organization.css) were
 * removed in Phase 5d so this file is the single source.
 */

/* ── Cross-reference card ─────────────────────────────────────────────── */
.settings-xref-card {
    display: flex; align-items: center; gap: var(--space-4);
    padding: var(--space-4); border: 1px solid var(--border);
    border-radius: 8px; background: var(--color-surface-2, #f8fafc);
    margin-bottom: var(--space-3);
}
.settings-xref-card__body { flex: 1; min-width: 0; }
.settings-xref-card__title { font-weight: 600; font-size: .9rem; margin-bottom: 2px; }
.settings-xref-card__value { font-size: .95rem; color: var(--text-primary); margin-bottom: 4px; }
.settings-xref-card__desc  { font-size: .8rem;  color: var(--text-secondary); line-height: 1.4; }

/* ── Section separator — used between sections in settings tab views ─── */
.settings-sep {
    border: 0;
    border-top: 1px solid var(--border);
    margin: var(--space-6) 0;
}

/* ── Logo section (managed in xorizo) ─────────────────────────────────── */
.logo-section { display: flex; flex-direction: column; gap: var(--space-4); }
.logo-section--compact { flex-direction: row; align-items: center; gap: var(--space-3); }
.logo-preview { display: flex; flex-direction: column; align-items: center; gap: var(--space-3); }
.tenant-logo  { max-width: 100%; max-height: 120px; object-fit: contain; border-radius: 6px; }
.logo-placeholder {
    display: flex; flex-direction: column; align-items: center; gap: var(--space-3);
    padding: var(--space-6); background: var(--color-surface-2, #f8fafc);
    border: 2px dashed var(--border); border-radius: 8px;
    color: var(--text-secondary); text-align: center;
}
.logo-actions { display: flex; gap: var(--space-2); justify-content: center; }
.logo-recommendations h4 { font-size: .8rem; font-weight: 600; margin-bottom: .4rem; color: var(--text-secondary); }
.logo-recommendations ul { font-size: .8rem; color: var(--text-secondary); padding-left: 1.2rem; margin: 0; }
.logo-recommendations li { margin-bottom: .2rem; }