/* Shared dark-mode corrections for both Filament panels. */
.dark {
    --jw-surface: #111b2b;
    --jw-canvas: #0b1220;
    --jw-border: #243247;
    --jw-ink: #e5e7eb;
    --jw-muted: #9ca3af;
    --jw-primary-soft: #172f50;
    color-scheme: dark;
}

.dark .fi-body {
    color: var(--jw-ink);
}

.dark .fi-body [class~="text-gray-950"],
.dark .fi-body [class~="text-gray-900"],
.dark .fi-body [class~="text-gray-800"],
.dark .fi-body [class~="text-gray-700"] {
    color: #e5e7eb !important;
}

.dark .fi-body [class~="text-gray-600"],
.dark .fi-body [class~="text-gray-500"],
.dark .fi-body [class~="text-gray-400"] {
    color: #9ca3af !important;
}

.dark .fi-body [class~="bg-white"],
.dark .fi-body [class~="bg-gray-50"],
.dark .fi-body [class~="bg-gray-100"],
.dark .fi-body [class~="bg-slate-50"] {
    background-color: #111b2b !important;
}

.dark .fi-body input:not([type="checkbox"]):not([type="radio"]),
.dark .fi-body select,
.dark .fi-body textarea {
    border-color: #374151;
    background-color: #111b2b;
    color: #e5e7eb;
    color-scheme: dark;
}

.dark .fi-body option {
    background-color: #111b2b;
    color: #e5e7eb;
}

.dark .fi-body .fi-fo-field-wrp-label,
.dark .fi-body .fi-fo-field-label {
    color: #cbd5e1 !important;
}

.dark .jw-module-grid label {
    border-color: #243247 !important;
    background-color: #111b2b !important;
    color: #e5e7eb !important;
}

.dark .jw-module-grid label span {
    color: #e5e7eb !important;
}

.dark .jw-module-grid label:hover {
    border-color: #3b82f6 !important;
    background-color: #172337 !important;
}

.dark .jw-module-grid input[type="checkbox"] {
    border-color: #64748b;
    background-color: #0b1220;
}

.dark #php-version {
    border-color: #374151 !important;
    background-color: #111b2b !important;
    color: #e5e7eb !important;
    color-scheme: dark;
}

.dark #php-version option {
    background-color: #111b2b;
    color: #e5e7eb;
}

.dark .jw-status-pill--success {
    background: #064e3b;
    color: #a7f3d0;
}

.dark .jw-status-pill--danger {
    background: #7f1d1d;
    color: #fecaca;
}

.dark .jw-status-pill--pending,
.dark .jw-status-pill--warning {
    background: #78350f;
    color: #fde68a;
}