/* =============================================================
   DSA Compliance · Trace · Estilos modernos para RadzenTabs
   Solo afecta a los tabs DENTRO del módulo Trace (.trace-module).
   Cubre las clases tanto de RadzenTabs nuevo (.rz-tabs-*) como
   del legacy (.rz-tabview-*) para que aplique con cualquier versión.
   ============================================================= */

.trace-module .rz-tabview,
.trace-module .rz-tabs {
    background: transparent;
    border: 0;
}

/* Cinta superior con borde corporativo */
.trace-module .rz-tabview-nav-container,
.trace-module .rz-tabs-nav-container,
.trace-module .rz-tabs > ul {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    overflow: hidden;
    margin-bottom: 1rem;
    padding: 0;
    list-style: none;
}

.trace-module .rz-tabview-nav,
.trace-module .rz-tabs-nav {
    background: transparent;
    border: 0;
    padding: 0;
    display: flex;
    overflow-x: auto;
    list-style: none;
}

.trace-module .rz-tabview-nav li,
.trace-module .rz-tabs-nav li,
.trace-module .rz-tabs > ul > li {
    border: 0;
    margin: 0;
    list-style: none;
}

.trace-module .rz-tabview-nav .rz-tabview-nav-link,
.trace-module .rz-tabs-nav .rz-tabs-nav-link,
.trace-module .rz-tabs > ul > li > a,
.trace-module .rz-tabview-nav-link {
    padding: .9rem 1.25rem;
    font-weight: 500;
    color: #64748b;
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    border-radius: 0;
    transition: color .18s ease, background .18s ease, border-color .18s ease;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    text-transform: none;
    letter-spacing: 0;
    font-size: .92rem;
    white-space: nowrap;
    text-decoration: none;
}

.trace-module .rz-tabview-nav .rz-tabview-nav-link:hover,
.trace-module .rz-tabs-nav .rz-tabs-nav-link:hover,
.trace-module .rz-tabs > ul > li > a:hover,
.trace-module .rz-tabview-nav-link:hover {
    color: #6d28d9;
    background: rgba(109, 40, 217, .04);
}

.trace-module .rz-tabview-nav li.rz-state-active .rz-tabview-nav-link,
.trace-module .rz-tabs-nav li.rz-state-active .rz-tabs-nav-link,
.trace-module .rz-tabs > ul > li.rz-state-active > a,
.trace-module li.rz-state-active > .rz-tabview-nav-link {
    color: #6d28d9;
    background: rgba(109, 40, 217, .06);
    border-bottom-color: #6d28d9;
    font-weight: 600;
}

.trace-module .rz-tabview-nav .rz-tabview-nav-link .rzi,
.trace-module .rz-tabs-nav .rzi,
.trace-module .rz-tabs > ul > li > a .rzi {
    font-size: 1.1rem;
}

.trace-module .rz-tabview-panels,
.trace-module .rz-tabs-panels,
.trace-module .rz-tabs > div {
    background: transparent;
    border: 0;
    padding: 0;
}

.trace-module .rz-tabview-panel,
.trace-module .rz-tabs-panel {
    padding: 0;
    animation: traceTabFade .25s cubic-bezier(.22,.61,.36,1);
}

@keyframes traceTabFade {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .trace-module .rz-tabview-panel,
    .trace-module .rz-tabs-panel { animation: none; }
}

/* Cards generales del módulo Trace — sombra y borde más finos */
.trace-module .rz-card {
    border: 1px solid rgba(15, 23, 42, .06);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    transition: box-shadow .18s ease;
}

.trace-module .rz-card:hover {
    box-shadow: 0 1px 3px rgba(15, 23, 42, .04), 0 4px 12px rgba(15, 23, 42, .04);
}

/* Datagrid del módulo: cabecera más estilizada */
.trace-module .rz-data-grid {
    border: 1px solid rgba(15, 23, 42, .06);
    border-radius: 10px;
    overflow: hidden;
}

.trace-module .rz-data-grid .rz-grid-table thead th {
    background: #fafafb;
    font-weight: 600;
    font-size: .82rem;
    color: #475569;
    text-transform: none;
    letter-spacing: 0;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
}

/* Selectbar (Kanban/Tabla) más moderno */
.trace-module .rz-selectbutton .rz-button {
    border-radius: 999px;
}

.trace-module .rz-selectbutton .rz-button.rz-state-active {
    background: #6d28d9 !important;
    border-color: #6d28d9 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(109, 40, 217, .25);
}