/* /public/css/filepond-grid.css */

/* FilePond default (non-grid panel) layout — 6 items per row */
.filepond--item {
    width: calc(16.66% - 0.5em) !important;
    height: 130px !important;
    overflow: hidden;
}

/* Filament panelLayout('grid') override — force 6 columns */
.filepond--list.filepond--list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.25em !important;
}

/* Grid panel layout items */
[data-filepond-item-state] {
    width: calc(16.66% - 0.5em) !important;
}

.filepond--root { margin-bottom: 0; }

.filepond--root .filepond--drop-label { min-height: 2.625rem; }

/* Light Mode (default) */
.filepond--panel-root {
    border-radius: .375rem;
    border: 1px solid #d1d5db;      /* gray-300 */
    box-shadow: 0 1px 2px rgb(0 0 0 / .05);
    background-color: #f9fafb;      /* gray-50 */
}

.filepond--drop-label {
    color: #374151;                 /* gray-700 */
}

.filepond--drop-label label {
    color: #6b7280;                 /* gray-500 */
}

.filepond--label-action {
    color: #f97316 !important;      /* orange-500 */
    text-decoration: none !important;
}

/* Dark Mode */
.dark .filepond--panel-root {
    border: 1px solid #374151;      /* gray-700 */
    background-color: #1F2937;      /* gray-800 */
}

.dark .filepond--drop-label {
    color: #d1d5db;                 /* gray-300 */
}

.dark .filepond--drop-label label {
    color: #9ca3af;                 /* gray-400 */
}

.dark .filepond--label-action {
    color: #fb923c !important;      /* orange-400 */
}

.filepond--file,
.filepond--item-panel,
.filepond--image-preview-wrapper { border-radius: .375rem; }

.filepond--image-preview-overlay-success { color: #111827; }    /* gray-900 */

.filepond--file-info .filepond--file-info-sub { opacity: .75; }

[data-filepond-item-state*="invalid"] .filepond--item-panel,
[data-filepond-item-state*="error"]   .filepond--item-panel { background-color: #EF4444; } /* red-500 */