/*
 * Plan de Adquisiciones: historial de envíos y aviso de estado de la pestaña (docs/PLAN_ADQUISICIONES.md P2.2).
 * Hoja propia registrada con FilamentAsset (AppServiceProvider), como informes-avance.css: el CSS compilado de Filament no
 * incluye estas clases de Tailwind. Se publica con `php artisan filament:assets`. Todas las clases llevan el prefijo pa-.
 * La tabla de registros usa las clases cron-tabla de cronograma.css.
 */
.pa-historial { display: flex; flex-direction: column; gap: 1.5rem; font-size: .875rem; color: rgb(var(--gray-950)); }
.pa-historial h4 { margin: 0 0 .5rem; font-size: .8125rem; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; color: rgb(var(--gray-600)); }
.pa-tenue { color: rgb(var(--gray-500)); }
.pa-num { text-align: right !important; white-space: nowrap; }

.pa-resumen { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: .75rem 1.5rem; margin: 0; }
.pa-resumen dt { font-size: .75rem; color: rgb(var(--gray-500)); }
.pa-resumen dd { margin: .125rem 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: .375rem; font-weight: 500; }

.pa-linea-tiempo { margin: 0; padding: 0 0 0 1rem; list-style: none; border-left: 2px solid rgb(var(--gray-200)); display: flex; flex-direction: column; gap: 1rem; }
.pa-evento { position: relative; }
.pa-evento::before { content: ''; position: absolute; left: -1.4rem; top: .3rem; width: .7rem; height: .7rem; border-radius: 9999px; background: rgb(var(--gray-400)); box-shadow: 0 0 0 3px rgb(var(--gray-50)); }
.pa-evento--warning::before { background: rgb(var(--warning-500)); }
.pa-evento--danger::before { background: rgb(var(--danger-500)); }
.pa-evento--success::before { background: rgb(var(--success-500)); }
.pa-evento-cabecera { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .75rem; }
.pa-evento-quien { font-weight: 600; }
.pa-evento-comentario { margin-top: .375rem; padding: .5rem .75rem; border-radius: .5rem; background: rgb(var(--gray-50)); white-space: normal; overflow-wrap: anywhere; }

/* Aviso de estado del plan de la unidad en la pestaña */
.pa-aviso { margin-bottom: .5rem; padding: .625rem .875rem; border-left: 4px solid rgb(var(--gray-400)); border-radius: .5rem; background: rgb(var(--gray-50)); font-size: .875rem; line-height: 1.5; color: rgb(var(--gray-950)); }
.pa-aviso--warning { border-left-color: rgb(var(--warning-500)); background: rgb(var(--warning-50)); }
.pa-aviso--danger { border-left-color: rgb(var(--danger-500)); background: rgb(var(--danger-50)); }
.pa-aviso-comentario { margin-top: .25rem; font-style: italic; overflow-wrap: anywhere; }
.pa-aviso-enlace { font-weight: 600; color: rgb(var(--primary-600)); text-decoration: underline; }

.dark .pa-historial, .dark .pa-aviso { color: rgb(var(--gray-100)); }
.dark .pa-historial h4 { color: rgb(var(--gray-400)); }
.dark .pa-linea-tiempo { border-left-color: rgba(255, 255, 255, .1); }
.dark .pa-evento::before { box-shadow: 0 0 0 3px rgb(var(--gray-900)); }
.dark .pa-evento-comentario, .dark .pa-aviso { background: rgb(var(--gray-900)); }