html,
body {
    min-height: 100%;
    margin: 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

.text-right {
    text-align: right !important;
    font-variant-numeric: tabular-nums !important;
}

.tabnums { font-variant-numeric: tabular-nums; }
.muted { color: var(--mud-palette-text-secondary); }

.empty-state {
    border: 1px dashed var(--mud-palette-divider);
    border-radius: 16px;
    background: transparent;
}

.empty-state .mud-icon-root { opacity: .7; }
