/* ============================================ */
/* PANEL DE ADMINISTRACIÓN - ESTILOS COMPARTIDOS */
/* (usados por Inicio y por varias secciones)    */
/* ============================================ */

/* Navbar: distinguir claramente que es el panel de administrador */
.Admin_navbar {
    background-color: #f7f7f7;
}
.Admin_badge {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(105deg, #b3541e 0%, #d9731c 100%);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 0.35rem 0.75rem;
    border-radius: 50px;
    box-shadow: 0 2px 8px rgba(217,115,28,0.35);
}
.Admin_footer-badge {
    background-color: #eef1f4;
    color: #6c757d;
    font-weight: 500;
    padding: 0.4rem 0.8rem;
}

/* Subtítulo de sección */
.Admin_subtitle {
    margin-top: -0.4rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

/* Toolbar: buscador + acciones (Última Actividad, Usuarios, Clientes) */
.Admin_toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}
.Admin_toolbar_search {
    position: relative;
    max-width: 360px;
    flex: 1 1 260px;
}
.Admin_toolbar_search i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #9aa4af;
    font-size: 0.85rem;
    pointer-events: none;
}
.Admin_toolbar_search .form-control {
    padding-left: 34px;
}

/* Contenedor de tabla (Última Actividad, Historial, Usuarios, Clientes) */
.Admin_table-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 14px rgba(0,0,0,0.06);
    padding: 0.25rem;
}
.Admin_table-card table {
    margin-bottom: 0;
}
.Admin_table-card thead th {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #6c757d;
    border-bottom-width: 1px;
}

/* Badges de cliente / rol dentro de tablas */
.Admin_chip {
    display: inline-block;
    background: #e8f0f8;
    color: #1e4a6b;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.2rem 0.55rem;
    border-radius: 50px;
    margin: 1px 2px;
    white-space: nowrap;
}
.Admin_chip-muted {
    background: #f1f1f3;
    color: #6c757d;
}
.Admin_chip-more {
    background: transparent;
    color: #3d8faa;
    font-weight: 700;
    cursor: default;
}

/* Estado activo / inactivo */
.Admin_status-dot {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    font-weight: 600;
}
.Admin_status-dot::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #adb5bd;
}
.Admin_status-dot.is-active {
    color: #157347;
}
.Admin_status-dot.is-active::before {
    background: #2fb872;
}
.Admin_status-dot.is-inactive {
    color: #6c757d;
}

/* Botones de acción en tablas */
.Admin_row-actions .btn {
    padding: 0.25rem 0.5rem;
}

/* Accesos rápidos en Inicio: cursor pointer sobre las cards reutilizadas */
.Admin_quicklink {
    cursor: pointer;
}

/* ============================================ */
/* TEMA OSCURO                                  */
/* ============================================ */
[data-bs-theme="dark"] .Admin_navbar {
    background-color: #12181f !important;
}
[data-bs-theme="dark"] .Admin_footer-badge {
    background-color: #1e242c;
    color: #9aa4af;
}
[data-bs-theme="dark"] .Admin_table-card {
    background-color: #1a1f27;
    box-shadow: 0 3px 14px rgba(0,0,0,0.3);
}
[data-bs-theme="dark"] .Admin_table-card thead th {
    color: #9aa4af;
}
[data-bs-theme="dark"] .Admin_chip {
    background: rgba(61,143,170,0.18);
    color: #7ecde0;
}
[data-bs-theme="dark"] .Admin_chip-muted {
    background: rgba(255,255,255,0.06);
    color: #9aa4af;
}