/* Process Intelligence – View-Styles. Baut auf sh-design-system.css (CSS-Variablen). */

.pi-view { max-width: 1200px; }

.pi-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.pi-header__actions { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.pi-range { max-width: 130px; }

.pi-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .75rem; margin: 1rem 0 1.25rem; }

.pi-tab-content { margin-top: 1rem; }

/* Insight-Karten */
.pi-insights { display: grid; gap: .9rem; }
.pi-insight { border-left: 4px solid var(--sh-border, #d0d5dd); padding: 1rem 1.1rem; }
.pi-insight--danger { border-left-color: var(--sh-danger, #d92d20); }
.pi-insight--warning { border-left-color: var(--sh-warning, #f79009); }
.pi-insight--accent { border-left-color: var(--sh-accent, #6941c6); }
.pi-insight--neutral { border-left-color: var(--sh-border, #d0d5dd); }
.pi-insight__head { display: flex; justify-content: space-between; align-items: baseline; gap: .75rem; flex-wrap: wrap; }
.pi-insight__title { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; font-size: 1.02rem; }
.pi-insight__scope { font-size: .8rem; }
.pi-insight__desc { margin: .5rem 0 .25rem; }
.pi-insight__evidence, .pi-insight__action { margin: .25rem 0; font-size: .9rem; }
.pi-insight__actions { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; margin-top: .75rem; }
.pi-insight__spacer { flex: 1 1 auto; }

/* Reibung */
.pi-friction { display: flex; gap: .4rem; flex-wrap: wrap; }

/* Einstellungen / Toggles */
.pi-settings, .pi-privacy { margin-bottom: 1rem; }
.pi-toggle { display: flex; align-items: center; gap: .5rem; padding: .45rem 0; flex-wrap: wrap; }
.pi-toggle small { flex-basis: 100%; margin-left: 1.6rem; }
.pi-retention { display: flex; align-items: center; gap: 1rem; margin-top: .75rem; flex-wrap: wrap; }
.pi-privacy__yes { color: var(--sh-text, #1d2939); }
.pi-privacy__no { color: var(--sh-danger, #b42318); }
.pi-cleanup { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; margin-top: .75rem; }

/* Mobile: alles stapeln, kein horizontaler Scroll */
@media (max-width: 640px) {
  .pi-header { flex-direction: column; align-items: stretch; }
  .pi-header__actions { justify-content: space-between; }
  .pi-kpis { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }
  .pi-insight__head { flex-direction: column; align-items: flex-start; gap: .25rem; }
  .pi-insight__actions { gap: .3rem; }
  .pi-insight__spacer { display: none; }
  .sh-table-wrap { overflow-x: auto; }
}