:root {
    --nav-mini-width: 56px;
    --dialog-width: 320px;
}

*
::after
::before {
    font-family: 'Roboto', Helvetica, sans-serif;
}

button:focus {
    outline: 0 !important;
}

.auditor-companies-heading {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

@media (max-width: 600px) {
    .auditor-companies-heading h4 {
        font-size: 1.5rem;
        line-height: 1.25;
        overflow-wrap: normal;
    }

    .auditor-dashboard-grid .mud-table-root,
    .auditor-dashboard-grid .mud-table-body,
    .auditor-dashboard-grid .mud-table-row {
        display: block;
        min-width: 0;
        width: 100%;
    }

    .auditor-dashboard-grid .mud-table-cell {
        align-items: flex-start;
        gap: 12px;
        min-width: 0;
        width: 100%;
    }

    .auditor-dashboard-grid .mud-table-cell > :not(.mud-table-cell-checkbox) {
        min-width: 0;
        max-width: 62%;
        overflow-wrap: anywhere;
        text-align: right;
        white-space: normal;
    }

    .auditor-dashboard-grid .mud-chip {
        height: auto;
    }

    .auditor-dashboard-grid .mud-chip-content {
        overflow-wrap: anywhere;
        padding-bottom: 3px;
        padding-top: 3px;
        white-space: normal;
    }
}