Install anzeige hinzugefügt

Intune/Intune-App-Manager-Web/www/styles.css

@@ -4058,6 +4058,50 @@ body.members-page {
 .stat-not  .stat-num { color: var(--muted); }
 .stat-na   .stat-num { color: var(--muted-soft); }
 
+/* Stacked-Balken */
+.install-bar {
+  display: flex;
+  height: 10px;
+  border-radius: var(--r-pill);
+  overflow: hidden;
+  background: var(--hairline);
+  margin-bottom: 6px;
+  gap: 1px;
+}
+.install-bar-seg { height: 100%; min-width: 2px; transition: opacity .15s; }
+.install-bar-seg:hover { opacity: .75; }
+.install-bar-ok   { background: var(--success); }
+.install-bar-err  { background: var(--error); }
+.install-bar-pend { background: var(--warning); }
+.install-bar-not  { background: var(--muted); }
+.install-bar-na   { background: var(--hairline-soft); }
+
+/* Balken-Legende */
+.install-bar-legend {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px 10px;
+  margin-bottom: 10px;
+}
+.ibl {
+  font-size: 10.5px;
+  color: var(--muted);
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.ibl::before {
+  content: '';
+  display: inline-block;
+  width: 9px; height: 9px;
+  border-radius: 2px;
+}
+.ibl-ok::before   { background: var(--success); }
+.ibl-err::before  { background: var(--error); }
+.ibl-pend::before { background: var(--warning); }
+.ibl-not::before  { background: var(--muted); }
+.ibl-na::before   { background: var(--hairline-soft); border: 1px solid var(--hairline); }
+
 /* =============================================================
    App-Detail — Flow-Visualisierung (Dependencies + Supersedence)
    ============================================================= */