@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/poppins/poppins-400.ttf") format("truetype"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/poppins/poppins-500.ttf") format("truetype"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/poppins/poppins-600.ttf") format("truetype"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/poppins/poppins-700.ttf") format("truetype"); }

html, body {
    margin: 0;
    min-height: 100%;
    background: var(--mud-palette-background);
    color: var(--mud-palette-text-primary);
    font-family: "Poppins", sans-serif;
}

* { box-sizing: border-box; }
button, input, select, textarea { font-family: inherit; }
h1:focus { outline: none; }

#blazor-error-ui {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 1rem;
    background: #fff2cc;
    z-index: 10000;
}

.stack { display: flex; flex-direction: column; gap: 18px; }
.two-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.muted { color: var(--mud-palette-text-secondary); }
.small { font-size: 12px; }
.nc-notice { margin-bottom: 16px; white-space: pre-line; }

@media (max-width: 600px) { .two-grid { grid-template-columns: minmax(0, 1fr); } }