/* OJO: el font-size va en BODY y no en html. Los tokens de texto y espaciado están en rem, que
   resuelve contra el <html>: fijar 0.8125rem en html deja el raíz en 13px y encadena TODO al 81%
   (body 10.5px, h1 16px, --degas-space-4 13px, botones Telerik de 25px). El raíz queda en el 100%
   del browser (16px). */
html {
    margin: 0;
    font-size: 100%;
    font-family: var(--degas-font-sans);
    background: var(--degas-surface);
    color: var(--degas-text);
}

body {
    margin: 0;
    /* Cuerpo de UI a 13px (rediseño Consola): --degas-text-sm es el tamaño de controles, grillas y
       texto de interfaz; --degas-text-md (14px) queda para texto de lectura (descripciones, alertas
       largas). Telerik toma el mismo tamaño vía --kendo-font-size (telerik-overrides.css). */
    font-size: var(--degas-text-sm);
    line-height: var(--degas-leading-normal);
    background: var(--degas-surface);
    color: var(--degas-text);
}

#blazor-error-ui {
    background: var(--degas-danger);
    color: var(--degas-on-emphasis);
    padding: 1rem;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: var(--degas-z-overlay);
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
    background: transparent;
    border: none;
    color: inherit;
    font: inherit;
    line-height: 1;
    padding: 0.25rem;
}