/* Каркас и стили страниц раздела администрирования.
   Сам компонент сайдбара вынесен в admin-sidebar.css. */
:root {
    --admin-form-col-padding-x: 19px;
    --admin-compact-col-padding-x: 4px;
}

.admin-page-wrapper {
    flex: 1 1 auto;
    min-height: 0;
    height: calc(100vh - var(--license-banner-height, 0px));
    width: var(--main-content-full-bleed-width, calc(100% + 2rem));
    margin-right: var(--main-content-full-bleed-margin-x, -1rem);
    margin-left: var(--main-content-full-bleed-margin-x, -1rem);
}

.admin-page-content > .page-head:first-child {
    margin-top: calc(-1 * var(--admin-page-content-padding-top));
}

.admin-page-content {
    --admin-page-content-padding-top: 20px;
    min-width: 0;
    min-height: 0;
    padding: var(--admin-page-content-padding-top) var(--main-content-padding-x, 1rem) 0 var(--main-content-padding-x, 1rem);
}

.settings-page .admin-page-content {
    overflow-y: auto;
}

.admin-page-content .header-buttons {
    min-height: 46px;
}

.admin-compact-grid .col,
.admin-compact-grid [class^="col-"],
.admin-compact-grid [class*=" col-"] {
    padding-right: var(--admin-compact-col-padding-x) !important;
    padding-left: var(--admin-compact-col-padding-x) !important;
}

.admin-form-page .col,
.admin-form-page [class^="col-"],
.admin-form-page [class*=" col-"] {
    padding-right: var(--admin-form-col-padding-x) !important;
    padding-left: var(--admin-form-col-padding-x) !important;
}

.active-directory-settings-page .col-md-9:has(.h4infolink) {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-wrap: nowrap;
}

.active-directory-settings-page .col-md-9:has(.h4infolink) label {
    margin-bottom: 0;
}

.active-directory-settings-page .h4infolink {
    display: inline-flex;
    flex-shrink: 0;
    margin: 0;
}

.maintenance-page .switchable-setting-block {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    margin-bottom: 1rem;
    padding: 0;
}

.maintenance-page .switchable-setting-header-row {
    min-height: 43px;
    height: 43px;
    padding: 0 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    align-items: center;
}

.maintenance-page .switchable-setting-header-title {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    padding: 0;
}

.maintenance-page .switchable-setting-block > .switchable-setting-group-header,
.maintenance-page .switchable-setting-block > .switchable-setting-info-row {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
}

.maintenance-page .switchable-setting-header-row + .switchable-setting-group-header {
    display: block;
    width: auto;
    margin-top: 1rem;
    margin-bottom: .75rem;
}

.maintenance-page .switchable-setting-block > .switchable-setting-info-row:last-child {
    margin-bottom: 1.25rem;
}

.maintenance-page .switchable-setting-info-label-auto {
    width: auto;
    max-width: none;
}

.maintenance-page .maintenance-switch {
    --switch-track-w: 46px;
    --switch-track-h: 24px;
    --switch-thumb-size: 20px;
    --switch-thumb-travel: 21px;
    height: 24px;
    vertical-align: middle;
}

.maintenance-page .maintenance-switch .checkbox-switch__track {
    top: 1px;
    border: 1px solid rgba(0, 0, 0, .1);
}

.maintenance-page .maintenance-switch .checkbox-switch__thumb {
    top: 1px;
    left: 1px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
}