body {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

img,
svg,
video,
canvas,
iframe {
    max-width: 100%;
}

main,
section,
article,
div {
    min-width: 0;
}

.table-shell {
    width: 100%;
    overflow-x: auto;
    scrollbar-width: thin;
}

dialog {
    width: min(960px, calc(100vw - 1.5rem));
    max-width: calc(100vw - 1.5rem);
    border: 0;
    background: transparent;
}

dialog::backdrop {
    background: rgba(15, 23, 42, 0.55);
}

dialog:not([open]) {
    display: none;
}

input,
select,
textarea,
button {
    max-width: 100%;
}

@media (max-width: 1023px) {
    .mobile-safe-pad {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 14px;
    }

    dialog {
        width: calc(100vw - 1rem);
        max-width: calc(100vw - 1rem);
        margin: 0.5rem;
    }

    .table-shell table {
        min-width: 720px;
    }
}