@import '@theorchard/suite-frontend/styles';
@import '@theorchard/suite-components/styles';
@import '@theorchard/suite-icons/styles';

// Truly cross-route styles that aren't bound to one feature component.
// Per-component SCSS now lives next to its .tsx via `import './*.scss'`;
// see commit "perf(css): per-route CSS chunks via component-local @import".
@import '../components/shared/overrides.scss';
@import '../components/shared/styles.scss';

.SuiteColorSchemeV1 {
    .MainContent {
        background-color: #fff;
    }

    .Title-v-center {
        display: none;
    }

    .btn {
        @include text-label;
    }

    .DesignAudit {
        .PageHeader {
            margin-right: -40px;
            margin-left: -20px;
            padding-bottom: 20px;
            min-height: auto;
        }

        .TopNav {
            .Title-v-center {
                display: block;
            }
            hr {
                margin: 10px -12px 10px -20px;
            }
        }

        .breadcrumb {
            padding-left: 8px;
            padding-top: 8px;
        }

        .PageTitle {
            position: relative;
            top: 17px;
            h3 {
                font-size: 23px;
                margin-left: 8px;
            }
        }

        .PageToolbar {
            padding-top: 5px;
            margin-bottom: 0;
        }

        .TableBasic-header {
            padding: 10px;
        }
    }

    .FormCheckbox {
        --checkbox-base: var(--blue);
        --checkbox-hover: var(--blue);
    }

    .btn-quartenary:disabled {
        color: var(--gray-500);
    }
}