/* ============================================
   CUSTOM UTILITIES
   ============================================ */

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

/* Grid layouts */
.widget-grid {
    display: grid;
    gap: 1rem;
}

/* No-select */
.no-select {
    user-select: none;
    -webkit-user-select: none;
}

/* Fade transition for HTMX */
.htmx-swapping {
    opacity: 0;
    transition: opacity 0.15s ease-out;
}

.htmx-settling {
    opacity: 1;
    transition: opacity 0.15s ease-in;
}

/* Focus ring override */
*:focus-visible {
    outline: 1px solid var(--accent);
    outline-offset: 2px;
}