/* =============================================================================
 * ichamo-aprobaciones.css
 * -----------------------------------------------------------------------------
 * Utilidades Tailwind que usan los componentes Blade personalizados de
 * Aprobaciones pero que NO existen en el tema Filament por defecto
 * (public/css/filament/filament/app.css === vendor/filament/.../dist/theme.css,
 * que solo compila las clases de las plantillas del propio Filament).
 *
 * Sin estas reglas, por ejemplo, la portada de un lanzamiento se renderiza a su
 * tamaño natural (miles de px) y "empuja" el texto fuera del card del modal.
 *
 * Cargado únicamente en el panel Admin (AdminPanelProvider, hook STYLES_AFTER).
 * ========================================================================== */

/* --- Tamaños y layout ---------------------------------------------------- */
.w-24{width:6rem}
.h-24{height:6rem}
.h-20{height:5rem}
.flex-shrink-0{flex-shrink:0}
.leading-tight{line-height:1.25}
.tracking-wider{letter-spacing:.05em}
.uppercase{text-transform:uppercase}
.whitespace-pre-line{white-space:pre-line}
.text-\[10px\]{font-size:10px;line-height:1.4}
.max-h-56{max-height:14rem}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}

/* --- Espaciado entre hijos (space-y-*) ------------------------------------ */
.space-y-1 > :not([hidden]) ~ :not([hidden]){margin-top:.25rem}
.space-y-3 > :not([hidden]) ~ :not([hidden]){margin-top:.75rem}
.space-y-5 > :not([hidden]) ~ :not([hidden]){margin-top:1.25rem}
.space-y-6 > :not([hidden]) ~ :not([hidden]){margin-top:1.5rem}

/* --- Márgenes/paddings ---------------------------------------------------- */
.mb-1{margin-bottom:.25rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mt-4{margin-top:1rem}
.pl-1{padding-left:.25rem}

/* --- Variantes responsive / estados ---------------------------------------- */
@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hover\:bg-blue-100:hover{background-color:#dbeafe}

/* =============================================================================
 * Modo claro
 * ========================================================================== */

/* Fondos */
.bg-red-50{background-color:#fef2f2}
.bg-red-50\/50{background-color:rgb(254 242 242 / .5)}
.bg-green-50\/50{background-color:rgb(240 253 244 / .5)}
.bg-blue-50{background-color:#eff6ff}
.bg-blue-100{background-color:#dbeafe}
.bg-sky-100{background-color:#e0f2fe}
.bg-amber-50{background-color:#fffbeb}
.bg-amber-200{background-color:#fde68a}
.bg-purple-100{background-color:#f3e8ff}
.bg-gray-100\/80{background-color:rgb(243 244 246 / .8)}

/* Bordes */
.border-red-200{border-color:#fecaca}
.border-amber-200{border-color:#fde68a}
.border-blue-300{border-color:#93c5fd}
.border-purple-300{border-color:#d8b4fe}

/* Texto */
.text-red-700{color:#b91c1c}
.text-red-800{color:#991b1b}
.text-amber-700{color:#b45309}
.text-amber-800{color:#92400e}
.text-amber-900{color:#78350f}
.text-blue-700{color:#1d4ed8}
.text-blue-800{color:#1e40af}
.text-gray-800{color:#1f2937}
.text-gray-900{color:#111827}
.text-green-800{color:#166534}
.text-purple-800{color:#6b21a8}
.text-sky-800{color:#075985}

/* =============================================================================
 * Modo oscuro (ancestro .dark añadido por Filament en <html>)
 * ========================================================================== */

/* Fondos */
.dark .dark\:bg-gray-800\/80{background-color:rgb(31 41 55 / .8)}
.dark .dark\:bg-red-950\/40{background-color:rgb(69 10 10 / .4)}
.dark .dark\:bg-red-950\/60{background-color:rgb(69 10 10 / .6)}
.dark .dark\:bg-green-950\/60{background-color:rgb(5 46 22 / .6)}
.dark .dark\:bg-amber-950\/40{background-color:rgb(69 26 3 / .4)}
.dark .dark\:bg-amber-950\/60{background-color:rgb(69 26 3 / .6)}
.dark .dark\:bg-blue-950\/50{background-color:rgb(23 37 84 / .5)}
.dark .dark\:bg-blue-950\/60{background-color:rgb(23 37 84 / .6)}
.dark .dark\:bg-sky-950\/60{background-color:rgb(8 47 73 / .6)}
.dark .dark\:bg-purple-950\/60{background-color:rgb(59 7 100 / .6)}

/* Bordes */
.dark .dark\:border-red-900{border-color:#7f1d1d}
.dark .dark\:border-green-900{border-color:#14532d}
.dark .dark\:border-amber-800{border-color:#92400e}
.dark .dark\:border-blue-800{border-color:#1e40af}
.dark .dark\:border-purple-800{border-color:#6b21a8}

/* Texto */
.dark .dark\:text-red-200{color:#fecaca}
.dark .dark\:text-red-300{color:#fca5a5}
.dark .dark\:text-amber-200{color:#fde68a}
.dark .dark\:text-amber-300{color:#fcd34d}
.dark .dark\:text-blue-300{color:#93c5fd}
.dark .dark\:text-gray-300{color:#d1d5db}
.dark .dark\:text-purple-300{color:#d8b4fe}
.dark .dark\:text-sky-300{color:#7dd3fc}