h1:focus { outline: none; } .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid #e50000; } .validation-message { color: #e50000; } .blazor-error-boundary { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121; padding: 1rem 1rem 1rem 3.7rem; color: white; } .blazor-error-boundary::after { content: "An error has occurred." } .darker-border-checkbox.form-check-input { border-color: #929292; } .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder { color: var(--bs-secondary-color); text-align: end; } .form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder { text-align: start; } .taskroom-schedule .rz-scheduler { --rz-scheduler-event-color: #111111; } .taskroom-schedule .taskroom-slot-today { background: color-mix(in oklab, var(--color-primary) 5%, transparent) !important; } /* Bridge Radzen's Material theme onto the taskroom DaisyUI tokens so every Radzen component (dialogs, buttons, inputs, dropdowns, scheduler) reads as one design system. `app.css` loads before in App.razor's , so Radzen's own material.css would otherwise win the cascade on :root - !important keeps these in effect regardless of link order. */ :root { --rz-primary: var(--color-primary) !important; --rz-primary-light: color-mix(in oklab, var(--color-primary) 70%, white) !important; --rz-primary-lighter: color-mix(in oklab, var(--color-primary) 12%, transparent) !important; --rz-primary-dark: color-mix(in oklab, var(--color-primary) 85%, black) !important; --rz-primary-darker: color-mix(in oklab, var(--color-primary) 70%, black) !important; --rz-on-primary: var(--color-primary-content) !important; --rz-danger: var(--color-error) !important; --rz-danger-light: color-mix(in oklab, var(--color-error) 70%, white) !important; --rz-danger-lighter: color-mix(in oklab, var(--color-error) 12%, transparent) !important; --rz-danger-dark: color-mix(in oklab, var(--color-error) 85%, black) !important; --rz-danger-darker: color-mix(in oklab, var(--color-error) 70%, black) !important; --rz-on-danger: var(--color-error-content) !important; --rz-base-background-color: var(--color-base-100) !important; --rz-text-color: var(--color-base-content) !important; --rz-text-title-color: var(--color-base-content) !important; --rz-text-tertiary-color: var(--color-neutral) !important; --rz-border-normal: 1px solid var(--color-base-300) !important; --rz-outline-color: var(--color-primary) !important; --rz-border-radius: 0.5rem !important; --rz-dialog-background-color: var(--color-base-100) !important; --rz-dialog-border-radius: 0.625rem !important; --rz-dialog-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.15), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important; --rz-dialog-title-background-color: var(--color-base-100) !important; --rz-dialog-title-color: var(--color-base-content) !important; --rz-dialog-title-border: none !important; --rz-dialog-close-color: var(--color-neutral) !important; --rz-dialog-close-hover-color: var(--color-base-content) !important; } .rz-dialog-titlebar { border-bottom: 1px solid var(--color-base-300) !important; }