﻿/** Begin font resize adjustment **/
:is(
    .font-scale-enabled, 
    .letter-spacing-enabled, 
    .font-adjust-enabled
) table.site-menu tr td span.pending-records {
    float: none;
}

.font-scale-enabled :is(
    div.searchpage-searchbox div.search-box input.submit-button, 
    div.searchpage-searchbox div.search-box input.clear-button
) {
    min-width: 50px;
    width: auto;
}

.font-scale-enabled ul.mobile-menu li #search input.mobile-searchbox {
    width: clamp(153px, calc(153px + (var(--font-scale) - 1) * 77px), 230px);
}

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

.light-mode-enabled :is(
    div.searchpage-searchbox div.limit-search-results table tr:nth-child(2n-1),
    div.record-form table.alternate tr:nth-child(odd) td
) {
    background-color: #F6F8FC;
}

.light-mode-enabled :is(
    div.searchpage-searchbox div.limit-search-results div.listed-search-fields-container span.listed-search-fields-title,
    div.searchpage-searchbox div.limit-search-results div.listed-search-fields-container span.listed-search-fields
) {
    color: #1A1A1A;
}

.light-mode-enabled :is(
    div.index-grid, 
    div.records-table-container
) {
    border-color: #D0D4DA;
}

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

.dark-mode-enabled :is(
    div.searchpage-searchbox div.limit-search-results table tr:nth-child(2n-1),
    div.record-form table.alternate tr:nth-child(odd) td
) {
    background: #23262C;
}

.dark-mode-enabled :is(
    div.searchpage-searchbox div.limit-search-results div.listed-search-fields-container span.listed-search-fields-title,
    div.searchpage-searchbox div.limit-search-results div.listed-search-fields-container span.listed-search-fields
) {
    color: #F2F2F2;
}

.dark-mode-enabled :is(
    div.index-grid, 
    div.records-table-container
) {
    border-color: #3A3F48;
}

/** End dark mode style **/

/** Begin disable animation **/

body.disable-animation-enabled #chat-icon,
body.disable-animation-enabled #chat-icon::after {
    transition: none;
    animation: none;
}

body.disable-animation-enabled #chat-icon:active {
    transform: none;
}

/** End disable animation **/
