/* set once and inherited; a `*` rule here would beat Tailwind 4's layered styles, e.g. font-mono on <code> */
html {
    font-family: 'Karla', sans-serif;
    font-optical-sizing: auto;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

#clear-processes-btn.inactive {
    display: none !important;
}

label.error {
    color: #b91c1c;
    font-size: 14px;
    margin-top: 8px;
    display: block;
}

.notify {
    padding-right: 32px;
}