/** Begin font resize adjustment **/
.font-scale-enabled :is( 
    div.audit-summary div.certificate-summary-content table.grid tr.header-row, 
    div.librarian-summary div.certificate-summary-content table.grid tr.header-row
) {
    display: table-row;
}

.font-scale-enabled :is( 
    div.audit-summary div.certificate-summary-content table.grid td, 
    div.librarian-summary div.certificate-summary-content table.grid td
) {
    display: table-cell;
    float: none;
    text-align: left;
}

.font-scale-enabled div.manage-librarian-panel div.button-tab-view h2 {
    float: left;
}

.font-scale-enabled div.manage-librarian-panel div.button-tab-form div.button-tab-nav input.more {
    display: none;
}

.font-scale-enabled div.manage-librarian-panel input.button-tab-nav-control {
    display: block; 
    float: right;
}

.font-scale-enabled :is(
    div.manage-institution-panel div.button-tab-form,
    div.manage-user-panel div.button-tab-form
) {
    max-width: clamp(400px, calc(400px + (var(--font-scale) - 1) * 250px), 650px);
}

.font-scale-enabled div.manage-institution-panel div.button-tab-form div.button-tab-view {
    max-width: clamp(285px, calc(285px + (var(--font-scale) - 1) * 100px), 385px);
}

.font-scale-enabled div.manage-institution-panel div.institution-details input:not(.submission):not([type="checkbox"]) {
    max-width: clamp(169px, calc(169px + (var(--font-scale) - 1) * 116px), 285px);
    width: 100%;
}

.font-scale-enabled div.manage-institution-panel div.institution-details select {
    max-width: clamp(176px, calc(176px + (var(--font-scale) - 1) * 116px), 292px);
    width: 100%;
}

.font-scale-enabled :is(
    div.manage-user-panel div.person-form select,
    div.manage-user-panel div.person-form input:not(.submission)
) {
    width: 100%;
}


/** End font resize adjustment **/
/** Begin light mode style **/

.light-mode-enabled :is(
    div.manage-librarian-panel table.grid tr.editing, 
div.manage-cert-type table.cert-type tr.editing, 
div.manage-cert-rate table.cert-rate tr.editing, 
div.manage-cert-status table.cert-status tr.editing, 
div.manage-app-status table.app-status tr.editing
) {
    color: #8A1F11;
}

/** End light mode style **/
/** Begin dark mode style **/

.dark-mode-enabled :is(
    div.manage-librarian-panel table.grid tr.editing, 
    div.manage-cert-type table.cert-type tr.editing, 
    div.manage-cert-rate table.cert-rate tr.editing, 
    div.manage-cert-status table.cert-status tr.editing, 
    div.manage-app-status table.app-status tr.editing
) {
    color: #FF0966;
}

/** End dark mode style **/

@media only screen and (max-width: 682px) {
    .font-scale-enabled :is(
        div.manage-librarian-panel input.button-tab-nav-control,
        div.manage-librarian-panel div.button-tab-view h2
    ){
        float: none;
    }

    .font-scale-enabled div.manage-librarian-panel div.button-tab-view h2 {
        margin-top: 10px;
    }

    .font-scale-enabled div.button-tab-form div.button-tab-nav {
        width: 265px;
    }

    .font-scale-enabled div.manage-librarian-panel div.button-tab-form div.button-tab-nav input.more:last-child {
        width: 249px;
    }

    .font-scale-enabled :is(
        div.institution-details div.submission-buttons,
        div.manage-user-container div.submission-buttons:has(input + input)
    ) {
        display: grid;
    }

}

@media only screen and (max-width: 500px) {
    .font-scale-enabled :is( 
        div.audit-summary div.certificate-summary-content table.grid tr.header-row, 
        div.librarian-summary div.certificate-summary-content table.grid tr.header-row
    ) {
        display: none;
    }

    .font-scale-enabled :is( 
        div.audit-summary div.certificate-summary-content table.grid td, 
        div.librarian-summary div.certificate-summary-content table.grid td
    ) {
        display: block;
    }

}

@media only screen and (max-width: 400px) {
    .font-scale-enabled div.manage-user-panel div.button-tab-form div.button-tab-nav {
        width: 252px;
    }

}