html, body {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	background: #f4f5f7;
}

main.container { max-width: 760px; }

.checkin-btn { min-width: 16rem; }

.stat-value { font-size: 1.6rem; font-weight: 600; line-height: 1.1; }
.stat-label { font-size: .75rem; color: #6c757d; text-transform: uppercase; letter-spacing: .03em; }

.login-box { max-width: 22rem; padding-top: 12vh; }
.login-box .g_id_signin_manual { min-height: 44px; }

h1:focus { outline: none; }

.valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; }
.invalid { outline: 1px solid #e50000; }
.validation-message { color: #e50000; }

#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: 1000;
}
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }

.blazor-error-boundary {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MyAyNjYuNjA2IDUyLjI2NUwyNjcuMDUyIDUyLjc1NCAyODkuOAkyNSA5MC4zODggMjkwLjQwMSA5MS41OTYgMjkwLjY2MiA5Mi44NTggMjkwLjY2MiA5NC4xNzcgMjkwLjY2MiA5Ni4zNzcgMjg5Ljg3NyA5OC4zNjUgMjg4LjQ4NCA5OS43NTMgMjg3LjM0MyAxMDAuNTQ4IDI4NS45NDQgMTAxIDI4NC40NjkgMTAxTDI0Mi41NDIgMTAxQzI0MC41NTkgMTAxIDIzOC44MjQgMTAwLjE4NyAyMzcuNzAyIDk4LjkwOEwyMzcuNTMxIDk4LjcwOEMyMzYuNjg2IDk3LjY3MSAyMzYuMTgxIDk2LjM0MSAyMzYuMTgxIDk0Ljg5NCAyMzYuMTgxIDkzLjQ0OSAyMzYuNjkxIDkyLjEwMiAyMzcuNTU3IDkxLjA2MUwyNjAuNDMxIDUyLjkxNUMyNjEuMTA0IDUyLjA0MyAyNjIuMjI3IDUxLjQzIDI2My41MDYgNTFaTTI2My41MDYgNTUuMzE1QzI2My4wODYgNTUuMzE1IDI2Mi42OTIgNTUuNDkzIDI2Mi4zOTUgNTUuNzk0TDI2Mi4yMDcgNTYuMDA5IDIzOS4yNSA5NC4xMTFDMjM4Ljc5MyA5NC44NTUgMjM4LjkyMSA5NS45MDkgMjM5LjU0OSA5Ni4wMTVMMjQwLjgzOSA5Ni42ODVDMjQxLjUwNyA5Ni45MjQgMjQyLjIyNCA5Ni45MTQgMjQyLjU0MiA5Ni45MTRMMjg0LjQ2OSA5Ni45MTRDMjg0Ljk2NSA5Ni45MTQgMjg1LjQyOSA5Ni43MjcgMjg1Ljc5MiA5Ni40MDcgMjg2LjM3MSA5NS44OTYgMjg2LjY2MiA5NS4xMiAyODYuNjYyIDk0LjE3NyAyODYuNjYyIDkzLjc2MSAyODYuNTk2IDkzLjM2MiAyODYuNDczIDkyLjk5N0wyNjQuNzc2IDU2LjA5NEMyNjQuNDk1IDU1LjYyNCAyNjQuMDIxIDU1LjMxNSAyNjMuNTA2IDU1LjMxNVpNMjY0Ljg0OCA3My40NjNDMjY0Ljg0OCA3Mi44MTEgMjY0LjE4OCA3Mi4yOTcgMjYzLjM3MiA3Mi4yOTcgMjYyLjU1NiA3Mi4yOTcgMjYxLjg5NiA3Mi44MTEgMjYxLjg5NiA3My40NjNMMjYxLjg5NiA4My40MTVDMjYxLjg5NiA4NC4wNjcgMjYyLjU1NiA4NC41ODEgMjYzLjM3MiA4NC41ODEgMjY0LjE4OCA4NC41ODEgMjY0Ljg0OCA4NC4wNjcgMjY0Ljg0OCA4My40MTVMMjY0Ljg0OCA3My40NjNaTTI2My4zNzIgODcuMDczQzI2Mi4xMSA4Ny4wNzMgMjYxLjA4OCA4OC4wOTUgMjYxLjA4OCA4OS4zNTcgMjYxLjA4OCA5MC42MTkgMjYyLjExIDkxLjY0MSAyNjMuMzcyIDkxLjY0MSAyNjQuNjM0IDkxLjY0MSAyNjUuNjU2IDkwLjYxOSAyNjUuNjU2IDg5LjM1NyAyNjUuNjU2IDg4LjA5NSAyNjQuNjM0IDg3LjA3MyAyNjMuMzcyIDg3LjA3M1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
	padding: 1rem 1rem 1rem 3.7rem;
	color: white;
}
.blazor-error-boundary::after { content: "An error has occurred."; }