:root {
    color-scheme: light;
    font-family:
        Inter, ui-sans-serif, system-ui, -apple-system,
        BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
}

* {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    min-width: 320px;
    min-height: 100%;
    margin: 0;
}

body {
    background: #f8f5f0;
}

button,
input,
textarea {
    font: inherit;
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible,
a:focus-visible {
    outline: 3px solid rgba(0, 116, 94, .28);
    outline-offset: 2px;
}

h1:focus {
    outline: none;
}

.blazor-error-boundary {
    padding: 1rem;
    background: #a6382e;
    color: white;
}

.blazor-error-boundary::after {
    content: "Ocorreu um erro inesperado.";
}

#blazor-error-ui {
    display: none;
}

.chat-shell.drag-active::after {
    content: "Solte o arquivo para enviar";
    position: absolute;
    z-index: 90;
    inset: 10px;
    display: grid;
    place-items: center;
    border: 3px dashed #00735e;
    border-radius: 10px;
    background: rgba(237, 251, 247, .94);
    color: #00624f;
    font-size: 18px;
    font-weight: 800;
    pointer-events: none;
}