/* ========================================
   Backoffice — Estilos personalizados
   ======================================== */

/* General */
body {
    font-size: 0.9rem;
}

/* Tabla */
.table th a {
    white-space: nowrap;
}

.table td {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table td:last-child {
    max-width: none;
    white-space: nowrap;
}

/* Las columnas nombre y comentario pueden ser más anchas */
.table td:first-child {
    max-width: 280px;
}

/* Filtros */
.card-body .form-label {
    font-weight: 600;
    margin-bottom: 0.15rem;
}

/* Paginación */
.pagination {
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}

/* Responsive: en móvil, la tabla es scrollable */
@media (max-width: 768px) {
    .table td {
        white-space: normal;
        max-width: none;
    }

    .navbar-brand {
        font-size: 1rem;
    }
}

/* Login card */
.card {
    border: none;
}

.card-title {
    color: #333;
}

/* Modal */
.modal .dl-horizontal dt {
    text-align: right;
}

#detailModal dd {
    word-break: break-all;
}