@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* ===== Design tokens oficiales JustTime (replicados desde el ERP) ===== */
:root {
    /* === COLORES OFICIALES JUSTTIME === */
    --jt-brand:        #F01E29;
    --jt-brand-dark:   #900A0B;
    --jt-black:        #000000;
    --jt-gray-dark:    #282828;
    --jt-gray-mid:     #3D3D3D;
    --jt-gray-light:   #D8D8D8;
    --jt-gray-bg:      #F8F8F8;
    --jt-white:        #FFFFFF;
    --jt-success:      #198754;
    --jt-warning:      #ffc107;
    --jt-info:         #0dcaf0;
    --jt-danger:       #dc3545;

    /* === TIPOGRAFIA JUSTTIME === */
    --jt-font-display: 'Funnel Display', 'Segoe UI', system-ui;
    --jt-font-body:    'Tahoma', 'Segoe UI', system-ui;
    --jt-font-size-xs:  0.68rem;
    --jt-font-size-sm:  0.72rem;
    --jt-font-size-base: 0.85rem;
    --jt-font-size-md:  0.85rem;
    --jt-font-size-lg:  1rem;
    --jt-font-size-xl:  1.15rem;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: var(--jt-font-size-base);
    background: linear-gradient(0deg, #FFFFFF, #C6C6C6);
}

/* ===== Botón primario en rojo de marca (override del tema Syncfusion) ===== */
.jt-btn-brand.e-btn.e-primary {
    background-color: var(--jt-brand);
    border-color: var(--jt-brand);
}
.jt-btn-brand.e-btn.e-primary:hover,
.jt-btn-brand.e-btn.e-primary:focus {
    background-color: var(--jt-brand-dark);
    border-color: var(--jt-brand-dark);
}

#blazor-error-ui {
    background: #ffe080;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

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