/* CSS STYLES */
        body { font-family: 'Inter', sans-serif; }
        
        /* Card Interactions */
        .card-shadow { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
        .card-hover:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
        .transition-all-300 { transition: all 0.3s ease; }
        
        /* Scrollbar Styling */
        ::-webkit-scrollbar { width: 6px; height: 6px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
        ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

        /* Custom Checkbox */
        .checkbox-wrapper input:checked + div {
            background-color: #3b82f6;
            border-color: #3b82f6;
        }
        .checkbox-wrapper input:checked + div svg {
            display: block;
        }

        /* Collapsible Transition */
        .collapsible-content {
            transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
            max-height: 500px; /* Arbitrary large height */
            opacity: 1;
            overflow: hidden;
        }
        .collapsible-content.collapsed {
            max-height: 0;
            opacity: 0;
        }
        .rotate-180 {
            transform: rotate(180deg);
        }
    

/* Minimal line clamp */
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}


@keyframes check-pop {
  0% { transform: scale(0.6); opacity: 0; }
  60% { transform: scale(1.12); opacity: 1; }
  100% { transform: scale(1); }
}
/* Animate the checkbox container when checked */
.peer:checked + .check-btn {
  animation: check-pop 180ms ease-out;
}

/* Event Type expand upwards without flipping label */
#type-filters-container {
  transform-origin: bottom;
}


/* List view keyboard focus */
li[tabindex="0"]:focus { outline: 2px solid rgba(59,130,246,0.6); outline-offset: -2px; }