/* ============================================================
   proposals_webapp — estilos propios (complementan Bootstrap 5.3)
   ============================================================ */

/* --- Variables de marca ------------------------------------ */
:root {
    --brand-primary:   #1d4ed8;
    --brand-dark:      #1e3a8a;
    --color-bg:        #f8fafc;
    --color-border:    #e2e8f0;
    --color-muted:     #64748b;
    --radius:          0.5rem;
}

body {
    background-color: var(--color-bg);
}

/* --- Página de login --------------------------------------- */
.auth-body {
    background-color: var(--color-bg);
}

/* --- Navbar ajuste de marca -------------------------------- */
.navbar-brand {
    letter-spacing: -0.02em;
}

/* --- Tarjetas ---------------------------------------------- */
.card {
    border-color: var(--color-border);
}

/* --- Badges de estado de propuesta ------------------------- */
/* (Las clases Bootstrap badge bg-* ya cubren el estilo;
   aquí solo añadimos ajuste de tamaño mínimo si es necesario) */
.badge {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.02em;
}

/* --- Tablas ------------------------------------------------ */
.table thead th {
    background-color: #f1f5f9;
    font-weight: 600;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-muted);
    border-bottom-width: 1px;
}

/* --- Footer ------------------------------------------------ */
footer.footer {
    font-size: 0.82rem;
}

/* --- Utilidades -------------------------------------------- */
.muted { color: var(--color-muted); }
.preline { white-space: pre-line; }