#main-content .container-fluid
{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    min-height: calc(100vh - 56px);
    padding-top: 24px;
    padding-bottom: 24px;
}
/* Mode bar matches Launch/Jackpot - full container width */
#main-content .pg-preview-bar
{
    width: 100%;
    max-width: none;
}
#main-content .container-fluid .pg-classic-card
{
    margin: 0px auto;
    max-width: 540px;
    width: 100%;
}
#main-content .pg-classic-history
{
    margin-left: auto;
    margin-right: auto;
    max-width: 540px;
    width: 100%;
}

#generate
{
    font-size: 1.25rem;
}

#main-content .range
{
    width: 90%;
}

input[type=range]::-webkit-slider-thumb
{
    background-color: #67BAEA !important;
}
input[type=range]::-moz-range-thumb
{
    background-color: #67BAEA !important;
}
input[type=range]::-ms-thumb
{
    background-color: #67BAEA !important;
}

.form-check-input:checked
{
    background-color: #67BAEA;
    border-color: #67BAEA;
}

.form-check-input:focus
{
    border-color: #67BAEA;
    box-shadow: 0 0 0 0.25rem rgba(103, 186, 234, 0.25);
}

/* Classic dark card (default with pg-dark-body) */
.pg-classic-card
{
    background: #1c2430;
    color: #fff;
    border: 0;
}
.pg-classic-card .card-header
{
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
body.pg-dark-body .pg-classic-card .card-header.sc-dblue
{
    background-color: #1c2430 !important;
}
.pg-classic-card .card-body p,
.pg-classic-card .form-check-label
{
    color: #c9d0d8;
}
.pg-classic-modal
{
    background: #1c2430;
    color: #fff;
}
.pg-classic-modal .modal-footer
{
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.pg-classic-modal-footer
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.pg-classic-modal .btn-close
{
    filter: invert(1);
}

/* Classic light mode */
body.pg-light .pg-classic-card
{
    background: #fff;
    color: #212529;
    box-shadow: 0 2px 12px rgba(0, 60, 94, 0.1);
}
body.pg-light .pg-classic-card .card-body p,
body.pg-light .pg-classic-card .form-check-label
{
    color: #495057;
}
body.pg-light .pg-classic-modal
{
    background: #fff;
    color: #212529;
}
body.pg-light .pg-classic-modal .btn-close
{
    filter: none;
}