/* App-wide styles that complement Tailwind (loaded from CDN).
   Keep this file small — prefer Tailwind utility classes in templates. */

[x-cloak] {
    display: none !important;
}

/* Truncated table cells reveal full text via the browser title tooltip. */
.cell-truncate {
    max-width: 20rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Grid search panel: every field fills its grid cell so columns line up. */
[x-ref="gridSearchFields"] input:not([type="checkbox"]):not([type="radio"]),
[x-ref="gridSearchFields"] select {
    width: 100%;
}

/* Subtle loading indicator for HTMX in-flight requests. */
.htmx-indicator {
    opacity: 0;
    transition: opacity 150ms ease-in;
}
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
    opacity: 1;
}