/* ---------------------------------------------------------
   Licitaciones — estilos propios.
   El nucleo comun vive en /shared/style.css, que se carga antes.
   --------------------------------------------------------- */

/* Custom styles augmenting Tailwind */

/* Botones solidos de la barra de acciones de Favoritos */
.action-btn-solid {
    background-color: #FFBA05;
    color: #1D1F25;
    font-size: 12px;
}

.action-btn-solid:hover {
    background-color: #e6a800;
}

/* Botones de alerta (Eliminar Todos / Archivar Selección): mismo tamaño y forma
   que los amarillos, pero en tono rojizo oscuro para diferenciar acciones destructivas. */
.action-btn-alert {
    background-color: #B91C1C;
    color: #FFFFFF;
    font-size: 12px;
}

.action-btn-alert:hover {
    background-color: #991B1B;
}

/* Tarjetas de resumen de Favoritos/Archivadas (Publicadas, Adjudicadas, Cierran Mañana/Semana).
   Mismo formato que .badge-suspendida: fondo amarillo suave, unificado en las 4 tarjetas. */
.stat-card {
    border-radius: 8px;
    padding: 8px 12px;
    background-color: #fef9c3;
    border: 1px solid #fef08a;
    color: #854d0e;
}

.stat-label {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .04em;
    opacity: .75;
}

.stat-value {
    font-size: 18px;
    font-weight: 700;
    margin-top: 2px;
}

/* Navbar mas baja (antes h-16 = 64px) y fija arriba, para que quede unida
   sin huecos con la barra de acciones sticky que va justo debajo. */
#main-navbar {
    height: 48px;
    position: sticky;
    top: 0;
    z-index: 30;
}

/* Barra de acciones fija (sticky) por tab.
   La navbar mide 48px, por eso top: 48px para que no se monte sobre ella. */
.action-bar-sticky {
    position: sticky;
    top: 48px;
    z-index: 20;
    background-color: #f8fafc; /* slate-50, igual al fondo del body para que no se vea contenido por detrás */
    /* Negativos + padding para que el fondo cubra todo el ancho del contenedor al hacer scroll */
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid transparent;
    transition: box-shadow 0.2s, border-color 0.2s;
}

.nav-btn {
    @apply px-3 py-2 rounded-md font-medium text-slate-600 hover:text-indigo-600 hover:bg-slate-50 transition-colors;
    font-size: 15px;
}

.badge-revocada {
    background-color: #ffedd5;
    color: #9a3412;
    border: 1px solid #fed7aa;
}

.badge-suspendida {
    background-color: #fef9c3;
    color: #854d0e;
    border: 1px solid #fde68a;
}