Add schedule preview dropdown styles and various improvements

- Add .schedule-preview-dropdown and .schedule-preview-item CSS classes
- Add .btn-schedule-preview badge styling
- Add preview functionality for entity list views
- Improve modal and dropdown styling
- Various JS and SCSS enhancements

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

sources/scss/components/_condition-trait.scss

@@ -88,6 +88,29 @@
     text-overflow: ellipsis;
 }
 
+// Schedule summary (shows current config at a glance)
+.trait-summary {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.375rem;
+    padding: 0.25rem 0.625rem;
+    font-size: $es-font-size-xs;
+    font-weight: $es-font-weight-medium;
+    color: $es-primary;
+    background: rgba($es-primary, 0.08);
+    border-radius: $es-radius-full;
+    white-space: nowrap;
+    margin-left: $es-spacing-md;
+    flex-shrink: 0;
+    max-width: 320px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    &:empty {
+        display: none;
+    }
+}
+
 .trait-header-right {
     display: flex;
     align-items: center;
@@ -277,6 +300,48 @@
     gap: $es-spacing-md;
 }
 
+// =============================================================================
+// Collapse Header (form-content layout)
+// =============================================================================
+
+.entity-selector-collapse-header {
+    padding: 0;
+    margin-bottom: $es-spacing-sm;
+
+    .btn-collapse-toggle {
+        display: inline-flex;
+        align-items: center;
+        gap: 0.25rem;
+        padding: 0.25rem 0;
+        background: none;
+        border: none;
+        color: $es-primary;
+        font-size: $es-font-size-sm;
+        cursor: pointer;
+        transition: color $es-transition-fast;
+
+        &:hover {
+            color: $es-primary-hover;
+        }
+
+        .collapse-icon {
+            font-size: 1.25rem;
+            transition: transform 0.2s;
+        }
+
+        .collapse-label {
+            font-weight: $es-font-weight-medium;
+        }
+    }
+}
+
+// When collapsed, rotate icon
+.condition-trait.collapsed .entity-selector-collapse-header {
+    .collapse-icon {
+        // Icon already shows expand_more when collapsed
+    }
+}
+
 // =============================================================================
 // Animations
 // =============================================================================