.main-container {
    width: 90%;
    max-width: 1600px;
    margin-inline: auto;
}

.auth-panel {
    max-width: 420px;
}

.settings-panel {
    max-width: 520px;
}

.navbar-brand {
    letter-spacing: 0;
}

.table td,
.table th {
    white-space: nowrap;
}

.email-preview-body {
    white-space: pre-wrap;
}

.action-btn {
    min-width: 4.75rem;
}

.action-btn-wide {
    min-width: 7.25rem;
}

.flash-container {
    position: fixed;
    top: 4.5rem;
    left: 50%;
    z-index: 1080;
    width: min(90%, 720px);
    transform: translateX(-50%);
    pointer-events: none;
}

.flash-message {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    pointer-events: auto;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.flash-message-hide {
    opacity: 0;
    transform: translateY(-0.25rem);
}