html, body { font-family: 'Roboto', 'Segoe UI', sans-serif; }

.app-loading {
    height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center;
    color: #3b4756; background: #f4f6f9;
}
.app-loading-title { font-size: 1.6rem; font-weight: 500; letter-spacing: 0.02em; }
.app-loading-sub { margin-top: 6px; opacity: .7; }

#blazor-error-ui {
    background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0,0,0,.2); display: none;
    left: 0; padding: .6rem 1.25rem .7rem 1.25rem; position: fixed; width: 100%; z-index: 1000;
}
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: .75rem; top: .5rem; }

.mono { font-family: Consolas, 'Courier New', monospace; font-size: .85rem; word-break: break-all; }
pre.pem { font-family: Consolas, monospace; font-size: .75rem; background: rgba(0,0,0,.04); padding: 8px; border-radius: 4px; max-height: 240px; overflow: auto; }