:root {
    --pt-font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --bs-body-font-family: var(--pt-font); /* para que Bootstrap use la misma */

    --pt-primary: #6c2cc4;
    --pt-primary-dark: #4a1d8a; /* sidebar */
    --pt-accent: #8b4fe0; /* estado hover / detalles */
    --pt-bg: #f6f3fb;
    --pt-surface: #ffffff;
    --pt-text: #1f2937;
    --pt-muted: #6b7280;
    --pt-border: #e7e1f2;
    --pt-sidebar-w: 260px;
    --pt-navbar-h: 60px;
    --pt-danger: #d35153;
    --pt-success: #3dbb6a;
    
    --sk-color-por-firmar: var(--pt-primary);
    --sk-color-documentos: #2f4f9e;
    --sk-color-liquidaciones: #3b9be0;
    --sk-color-documentos-globales: #e0489b;
    --sk-color-vacaciones: #3dbb6a;
    --sk-color-permisos: #ffa726;
    --sk-color-certificados: #8e63d6;
    --sk-color-denuncias: #b0148c;
    --sk-color-anticipos: #2204cacc;
}

html, body {
    font-family: var(--pt-font);
    background: var(--pt-bg);
    color: var(--pt-text);
    margin: 0;
}

/* Botones e inputs no heredan la fuente por defecto */
button, input, select, textarea {
    font-family: inherit;
}

h1:focus {
    outline: none;
}

#blazor-error-ui {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 2000; /* por encima del sidebar */
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* Skualo's Custom Styles */
.text-primary {
    color: var(--pt-primary) !important;
}

.text-danger {
    color: var(--pt-danger) !important;
}

.text-success {
    color: var(--pt-success) !important;
}

.bg-label-warning {
  background-color: #fff2d6 !important;
  color: #ffab00 !important;
}

.bg-label-info {
  background-color: #d7f5fc !important;
  color: #03c3ec !important;
}

.bg-label-success {
  background-color: #e8fadf !important;
  color: #71dd37 !important;
}

.bg-label-secondary {
  background-color: #ebeef0 !important;
  color: #8592a3 !important;
}

.bg-label-danger {
  background-color: #ffe0db !important;
  color: #ff3e1d !important;
}

.visor-pdf { padding: 0 !important; }

.info-auditoria {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
    margin-top: 1.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--rz-base-300);
    font-size: 0.8125rem;
    color: var(--rz-text-secondary-color);
}

.info-auditoria span {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.info-auditoria .rzi {
    font-size: 1rem;
}