/* ─── Uniciti Admin — paleta clara ────────────────────────────────────────────
   Rosa acento:    #FF2D78   (solo botones CTA, item activo, hover de links)
   Morado acento:  #7B2FBE   (solo borde izq. activo, section labels)
   Fondo global:   #F8F9FA   (gris casi blanco)
   Sidebar:        #FFFFFF   (blanco puro con borde derecho sutil)
   Texto dark:     #1A1A2E
   Texto medium:   #555770
   Borde sutil:    #E8E8EE
   ─────────────────────────────────────────────────────────────────────────── */

/* ── Logo en login ────────────────────────────────────────────────────────── */
.login-logo img { height: 80px; width: auto; }

/* ── Logo en sidebar ──────────────────────────────────────────────────────── */
.brand-image { height: 80px; width: auto; }

/* ════════════════════════════════════════════════════════════════════════════
   NAVBAR  (barra superior)
   ════════════════════════════════════════════════════════════════════════════ */

.main-header,
.navbar-primary,
.main-header.navbar-primary {
    background-color: #ffffff !important;
    border-bottom: 1px solid #E8E8EE !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

.main-header .nav-link,
.main-header .navbar-nav .nav-link {
    color: #555770 !important;
}

.main-header .nav-link:hover {
    color: #FF2D78 !important;
}

/* ── Brand / logo ─────────────────────────────────────────────────────────── */
.brand-link,
.main-header .navbar-brand {
    background-color: #ffffff !important;
    border-bottom: 1px solid #E8E8EE !important;
}

.brand-link .brand-text {
    color: #1A1A2E !important;
    font-weight: 700 !important;
    font-size: 1rem;
}

/* ════════════════════════════════════════════════════════════════════════════
   SIDEBAR  (blanco, limpio)
   ════════════════════════════════════════════════════════════════════════════ */

.main-sidebar,
.main-sidebar::before,
.sidebar-dark-primary {
    background-color: #ffffff !important;
    border-right: 1px solid #E8E8EE !important;
    box-shadow: 1px 0 4px rgba(0,0,0,0.04) !important;
}

/* Nav links */
.nav-sidebar .nav-link {
    color: #555770 !important;
    border-radius: 8px;
    margin: 2px 10px;
    font-size: 0.875rem;
    font-weight: 500;
    transition: background 0.15s, color 0.15s;
}

.nav-sidebar .nav-link:hover,
.nav-sidebar .nav-link:focus {
    background-color: #FFF0F6 !important;
    color: #FF2D78 !important;
}

/* Item activo — rosa muy suave de fondo, texto rosa, borde izq. */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link {
    background-color: #FFF0F6 !important;
    color: #FF2D78 !important;
    border-left: 3px solid #FF2D78;
    font-weight: 600;
    box-shadow: none !important;
}

/* Iconos */
.nav-sidebar .nav-link .nav-icon {
    color: #AAAABC !important;
}

.nav-sidebar .nav-link:hover .nav-icon,
.nav-sidebar .nav-link.active .nav-icon {
    color: #FF2D78 !important;
}

/* Section headers */
.nav-header {
    color: #AAAABC !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    padding-left: 18px !important;
    margin-top: 12px;
}

/* Usuario en sidebar */
.user-panel .info a {
    color: #1A1A2E !important;
    font-weight: 600;
}

/* ════════════════════════════════════════════════════════════════════════════
   CONTENT AREA
   ════════════════════════════════════════════════════════════════════════════ */

.content-wrapper {
    background-color: #F8F9FA !important;
}

/* Page header */
.content-header {
    background-color: #F8F9FA;
    border-bottom: none;
    padding: 14px 24px 8px;
}

.content-header h1 {
    color: #1A1A2E;
    font-size: 1.2rem;
    font-weight: 700;
}

/* Breadcrumbs */
.breadcrumb {
    background: transparent !important;
}

.breadcrumb-item a {
    color: #7B2FBE !important;
    font-size: 0.82rem;
}

.breadcrumb-item.active {
    color: #888 !important;
    font-size: 0.82rem;
}

/* ════════════════════════════════════════════════════════════════════════════
   CARDS & BOXES
   ════════════════════════════════════════════════════════════════════════════ */

.card, .box {
    background-color: #ffffff !important;
    border: 1px solid #E8E8EE !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important;
}

.card-header, .box-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #E8E8EE !important;
    color: #1A1A2E !important;
    font-weight: 600;
    font-size: 0.9rem;
}

/* ════════════════════════════════════════════════════════════════════════════
   TABLES
   ════════════════════════════════════════════════════════════════════════════ */

.table thead th {
    background-color: #FAFAFA;
    color: #888;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    border-top: none;
    border-bottom: 1px solid #E8E8EE;
}

.table td, .table th {
    border-color: #F0F0F5 !important;
}

.table-hover tbody tr:hover {
    background-color: #FFF7FB !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   LINKS
   ════════════════════════════════════════════════════════════════════════════ */

a {
    color: #555770;
}

a:hover {
    color: #FF2D78;
    text-decoration: none;
}

/* Links en tablas de listado */
#result_list td a,
.results td a {
    color: #7B2FBE;
    font-weight: 500;
}

#result_list td a:hover,
.results td a:hover {
    color: #FF2D78;
}

/* ════════════════════════════════════════════════════════════════════════════
   BOTONES — paleta análoga Uniciti
   Rosa #FF2D78 → Violeta #9333EA → Morado #7B2FBE
   ════════════════════════════════════════════════════════════════════════════ */

/* Base para todos */
.btn { border-radius: 7px !important; font-weight: 600; font-size: 0.82rem; }

/* ── Primary (sin uso directo en admin, pero por si acaso) */
.btn-primary,
.btn-primary:focus {
    background-color: #FF2D78 !important;
    border-color: #FF2D78 !important;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(255,45,120,0.25) !important;
}
.btn-primary:hover {
    background-color: #e0186a !important;
    border-color: #e0186a !important;
}

/* ── Success → Rosa (Guardar, Agregar) */
.btn-success,
.btn-success:focus,
input[name="_save"],
a.addlink,
.object-tools a.addlink {
    background-color: #FF2D78 !important;
    border-color: #FF2D78 !important;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(255,45,120,0.22) !important;
}
.btn-success:hover,
input[name="_save"]:hover {
    background-color: #e0186a !important;
    border-color: #e0186a !important;
}

/* ── Info → Morado (Guardar y agregar otro) */
.btn-info,
.btn-info:focus,
input[name="_addanother"] {
    background-color: #7B2FBE !important;
    border-color: #7B2FBE !important;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(123,47,190,0.22) !important;
}
.btn-info:hover,
input[name="_addanother"]:hover {
    background-color: #6a27a4 !important;
    border-color: #6a27a4 !important;
}

/* ── Warning → Violeta (Guardar y continuar editando) */
.btn-warning,
.btn-warning:focus,
input[name="_continue"] {
    background-color: #9333EA !important;
    border-color: #9333EA !important;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(147,51,234,0.22) !important;
}
.btn-warning:hover,
input[name="_continue"]:hover {
    background-color: #7e22ce !important;
    border-color: #7e22ce !important;
}

/* ── "Modificar" en dashboard cards → lavanda */
a.changelink {
    background-color: #EDE9FE !important;
    border-color: #C4B5FD !important;
    color: #7B2FBE !important;
    box-shadow: none !important;
}
a.changelink:hover {
    background-color: #DDD6FE !important;
    color: #6B21A8 !important;
}

/* ── Danger → Rojo (se mantiene — semántico universal) */
.btn-danger,
.btn-danger:focus {
    background-color: #DC2626 !important;
    border-color: #DC2626 !important;
    color: #fff !important;
}
.btn-danger:hover {
    background-color: #b91c1c !important;
    border-color: #b91c1c !important;
}

/* ── Default / secondary → neutro */
.btn-default,
.btn-secondary {
    color: #555770 !important;
    border-color: #D0D0DC !important;
    background-color: #fff !important;
}
.btn-default:hover,
.btn-secondary:hover {
    background-color: #F8F9FA !important;
    color: #1A1A2E !important;
}

/* ── Buscar / Ejecutar en changelist */
input[type="submit"].btn-primary,
button[type="submit"].btn-primary {
    background-color: #FF2D78 !important;
    border-color: #FF2D78 !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   BADGES
   ════════════════════════════════════════════════════════════════════════════ */

.badge-primary { background-color: #FF2D78 !important; }
.badge-info    { background-color: #7B2FBE !important; }

/* ════════════════════════════════════════════════════════════════════════════
   PAGINATION
   ════════════════════════════════════════════════════════════════════════════ */

.page-item.active .page-link {
    background-color: #FF2D78 !important;
    border-color: #FF2D78 !important;
}

.page-link {
    color: #555770 !important;
    border-color: #E8E8EE !important;
}

.page-link:hover {
    color: #FF2D78 !important;
    background-color: #FFF0F6 !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   LOGIN PAGE  (fondo blanco, tarjeta limpia)
   ════════════════════════════════════════════════════════════════════════════ */

.login-page,
.jazzmin-login-page {
    background-color: #F8F9FA !important;
    background-image: none !important;
}

.login-box-msg {
    color: #1A1A2E;
    font-weight: 600;
    font-size: 0.95rem;
}

.login-card-body,
.login-box {
    border-radius: 14px !important;
    border: 1px solid #E8E8EE !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.07) !important;
    background-color: #ffffff !important;
}

/* ════════════════════════════════════════════════════════════════════════════
   FOOTER
   ════════════════════════════════════════════════════════════════════════════ */

.main-footer {
    background-color: #ffffff;
    border-top: 1px solid #E8E8EE;
    color: #AAAABC;
    font-size: 0.78rem;
}

/* ════════════════════════════════════════════════════════════════════════════
   FORM SUBMIT ROW
   ════════════════════════════════════════════════════════════════════════════ */

.submit-row input[type="submit"],
.submit-row a.closelink {
    border-radius: 8px !important;
}

.submit-row {
    background-color: #FAFAFA !important;
    border-top: 1px solid #E8E8EE !important;
    border-radius: 0 0 10px 10px;
}

/* ════════════════════════════════════════════════════════════════════════════
   MISC TWEAKS
   ════════════════════════════════════════════════════════════════════════════ */

/* Dashboard app section titles */
.app-caption {
    color: #1A1A2E !important;
    font-weight: 700;
    font-size: 0.85rem;
}

/* Change list: "Agregar" y "Modificar" links */
.addlink  { color: #FF2D78 !important; font-weight: 600; }
.changelink { color: #7B2FBE !important; }

/* Filtros laterales */
#changelist-filter h2 {
    background-color: #F8F9FA;
    color: #1A1A2E;
    border-bottom: 1px solid #E8E8EE;
    font-size: 0.75rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#changelist-filter li.selected a {
    color: #FF2D78 !important;
    font-weight: 600;
}

/* Info/alert boxes */
.info-box-icon.bg-info,
.bg-info {
    background-color: #7B2FBE !important;
}

/* Select boxes */
select.form-control:focus,
input.form-control:focus,
textarea.form-control:focus {
    border-color: #FF2D78 !important;
    box-shadow: 0 0 0 2px rgba(255,45,120,0.12) !important;
}