diverse anpassungen

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

@@ -1,5 +1,5 @@
 /* =============================================================
-   Intune App-Manager — Cal.com-Aesthetik
+   Intune Manager — Cal.com-Aesthetik
    Weißes Canvas, schwarze CTAs, Inter, dezente Hairlines.
    ============================================================= */
 
@@ -4442,12 +4442,45 @@ html[data-theme="dark"] .numInputWrapper span.arrowDown {
 
 .gex-body {
   display: flex;
-  gap: 16px;
+  flex-direction: column;
   min-height: 420px;
   padding: 0 !important;
   overflow: hidden;
 }
 
+.gex-tab-bar {
+  display: flex;
+  border-bottom: 1px solid var(--hairline);
+  background: var(--surface-soft);
+  flex-shrink: 0;
+}
+
+.gex-tab {
+  padding: 10px 18px;
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--muted);
+  background: none;
+  border: none;
+  border-bottom: 2px solid transparent;
+  cursor: pointer;
+  margin-bottom: -1px;
+  transition: color var(--tx), border-color var(--tx);
+}
+.gex-tab:hover { color: var(--text); }
+.gex-tab.active {
+  color: var(--text);
+  border-bottom-color: var(--ink);
+  font-weight: 600;
+}
+
+.gex-columns {
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  min-height: 0;
+}
+
 .gex-left {
   width: 300px;
   flex-shrink: 0;
@@ -4593,6 +4626,82 @@ html[data-theme="dark"] .numInputWrapper span.arrowDown {
 }
 .gex-error { color: var(--error); }
 
+.gex-add-results {
+  max-height: 180px;
+  flex-shrink: 0;
+}
+
+.gex-user-result-item {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  padding: 7px 12px;
+  border-bottom: 1px solid var(--hairline-soft);
+  cursor: pointer;
+  transition: background var(--tx);
+  font-size: 13px;
+}
+.gex-user-result-item:last-child { border-bottom: none; }
+.gex-user-result-item:hover { background: var(--surface-soft); }
+.gex-user-result-item.selected {
+  opacity: 0.45;
+  cursor: default;
+}
+.gex-user-added {
+  margin-left: auto;
+  font-size: 11px;
+  color: var(--success);
+  font-weight: 600;
+}
+
+.gex-selected-area {
+  flex: 1;
+  overflow-y: auto;
+  border: 1px solid var(--hairline);
+  border-radius: var(--r-md);
+  min-height: 60px;
+}
+
+.gex-selected-chip {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 10px 6px 12px;
+  border-bottom: 1px solid var(--hairline-soft);
+  font-size: 13px;
+}
+.gex-selected-chip:last-child { border-bottom: none; }
+
+.gex-selected-chip-name {
+  font-weight: 500;
+  color: var(--text);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 100px;
+  max-width: 200px;
+}
+.gex-selected-chip-upn {
+  flex: 1;
+  font-size: 11.5px;
+  color: var(--muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.gex-selected-chip-remove {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--muted);
+  font-size: 17px;
+  line-height: 1;
+  padding: 0 3px;
+  flex-shrink: 0;
+  transition: color var(--tx);
+}
+.gex-selected-chip-remove:hover { color: var(--error); }
+
 /* Kompakte Optik fuer beide Themes — passt besser zum Tool */
 .flatpickr-calendar {
   font-family: inherit;