/* ==========================================================================
   Tema turquesa — overrides sobre Paper Dashboard
   Cargar DESPUÉS de paper-dashboard.css
   ========================================================================== */

:root {
    --turquesa:      #17a2b8;
    --turquesa-dark: #0f7c8c;
    --turquesa-2:    #1abc9c;
}

/* Banda superior (panel-header) en turquesa */
.panel-header {
    background: linear-gradient(60deg, var(--turquesa) 0%, var(--turquesa-2) 100%) !important;
}

/* Navbar sólido turquesa (deja de ser transparente) */
.main-panel > .navbar {
    background: linear-gradient(60deg, var(--turquesa) 0%, var(--turquesa-2) 100%) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12) !important;
}

/* Título ("Dashboard") e iconos del navbar en blanco */
.main-panel > .navbar .navbar-brand,
.main-panel > .navbar .navbar-nav .nav-link,
.main-panel > .navbar .navbar-nav .nav-link i,
.main-panel > .navbar .navbar-nav .nav-link:focus,
.main-panel > .navbar .btn-link {
    color: #ffffff !important;
}

.main-panel > .navbar .navbar-brand {
    font-weight: 600;
    letter-spacing: .2px;
}

.main-panel > .navbar .navbar-nav .nav-link:hover {
    opacity: .82;
}

/* Líneas del menú hamburguesa en blanco (responsive) */
.main-panel > .navbar .navbar-toggler-bar {
    background: #ffffff !important;
}

/* Badge del plan legible sobre turquesa */
.main-panel > .navbar .badge {
    background-color: rgba(255, 255, 255, .22) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .55);
}

/* Botón primario y acentos a juego con el turquesa */
.btn-primary,
.btn-primary:focus {
    background-color: var(--turquesa) !important;
    border-color: var(--turquesa) !important;
}
.btn-primary:hover {
    background-color: var(--turquesa-dark) !important;
    border-color: var(--turquesa-dark) !important;
}

/* Títulos de tarjetas y encabezados de tabla en turquesa */
.card .card-header .card-title {
    color: var(--turquesa-dark);
}
.table thead .text-primary {
    color: var(--turquesa-dark) !important;
}

/* Item activo del sidebar en turquesa */
.sidebar .nav li.active > a {
    color: var(--turquesa-dark) !important;
}
.sidebar .nav li.active > a i {
    color: var(--turquesa-dark) !important;
}