body {
    background: #f4f6f8;
}

.page {
    max-width: 1180px;
    margin: 0 auto;
    padding: 24px 16px 48px;
}

.panel {
    background: #fff;
    border: 1px solid #dde2e7;
    border-radius: 8px;
    padding: 20px;
}

.panel-login{
    margin: auto;
    max-width: 460px;
}

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}

.muted {
    color: #66717d;
}

.messages-scroll {
    overflow-x: auto;
}

.messages-scroll {
    max-height: 360px;
    overflow-y: auto;
}

.messages-table {
    min-width: 640px;
}

input[readonly] {
    background-color: var(--bs-gray-400)
}

.row-auth-buttons {
    display: flex;
    align-self: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: .5rem;
    justify-content: center;

}

.row-auth-buttons .btn {
    flex-shrink: 0;
    font-size: 13px;
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
}