#blazor-error-ui {
    background: #fff7ed;
    border-top: 1px solid #fdba74;
    bottom: 0;
    box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.15);
    color: #9a3412;
    display: none;
    left: 0;
    padding: 0.8rem 1.2rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

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

.blazor-error-boundary {
    background: #7f1d1d;
    border-radius: 0.75rem;
    color: #ffe4e6;
    margin-top: 1rem;
    padding: 1rem;
}

.blazor-error-boundary::after {
    content: "Ocurrio un error en esta vista.";
}
.ql-toolbar {
    background-color: var(--editor-toolbar-bg);
    border-color: var(--editor-border);
}

.ql-toolbar button svg {
    stroke: var(--editor-icon);
}

.ql-toolbar button .ql-stroke {
    stroke: var(--editor-icon);
}

.ql-toolbar button .ql-fill {
    fill: var(--editor-icon);
}

.ql-toolbar button:hover svg {
    stroke: var(--text-main);
}

.ql-toolbar button:hover .ql-fill {
    fill: var(--text-main);
}

.ql-toolbar button.ql-active svg,
.ql-toolbar button.ql-active .ql-stroke {
    stroke: var(--editor-icon-active);
}

.ql-toolbar button.ql-active .ql-fill {
    fill: var(--editor-icon-active);
}