/* Añadir al final del archivo existente */
body{
	font-family: arial;
	padding: 0;
}
.sub-section-title {
    font-size: 1.1rem;
    color: var(--secondary-color);
    margin: 2rem 0 1rem 0;
    text-transform: lowercase;
}
.sub-section-title::first-letter {
    text-transform: uppercase;
}

.badge {
    padding: 0.25rem 0.6rem;
    border-radius: 99px;
    font-size: 0.75rem;
    font-weight: 600;
}

.badge.is-success { background: #dcfce7; color: #166534; }
.badge.is-error { background: #fee2e2; color: #991b1b; }

.row-error { background-color: #fffafb; }

.action-btn-danger {
    background: #ef4444;
    color: white;
    border: none;
    padding: 0.4rem 0.8rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.85rem;
}

.text-muted { color: #64748b; font-size: 0.8rem; }

/* Table to Card Transformation (Responsive) */
@media (max-width: 768px) {
    .data-table-container td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem 0;
        border-bottom: 1px solid #f1f5f9;
        text-align: right;
    }
    .data-table-container td::before {
        content: attr(data-label);
        font-weight: 600;
        text-align: left;
        color: var(--secondary-color);
    }
}

.auth-layout-wrapper { display: flex; flex-direction: column; background-color: var(--bg-auth); }
.auth-header-brand { text-align: center; padding: 0 1rem; }
.auth-logo-img { max-width: 200px; height: auto; margin-bottom: 1rem; }
.auth-content-area { flex: 1; display: flex; align-items: center; justify-content: center; padding-bottom: 0; }