.main-header .sidebar-toggle::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f0c9";
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
    display: inline-block;
}
.content-header > .breadcrumb {
    position: initial;
}
[data-bs-text] {
    height:auto !important;
    min-height:34px;
    overflow: auto;
}
[data-bs-textarea] {
    height:auto;
    min-height:34px;
}
[data-bs-textarea] textarea {
    height: auto;
    overflow: auto;
    width: 100% !important;
}
[data-bs-sortable] > div.row {
    padding: 5px;
    border-bottom: 1px solid #ccc;
}
div[data-bs-bulk-action] {
    position:fixed;
    z-index: 1000;
    bottom:0;
    right:0;
    left:0;
}

/* Alerts */
#alertsMain {
    width: 100%;
    margin:0 auto;
    min-height: 22px;
    z-index: 9999;
}
.alert {
    margin:0;
    border-radius:0;
    padding-top: 0px;
    padding-bottom: 0px;
}
#alerts {
    min-height: 22px;
}
.select2-container .select2-selection--single {
    height: auto;
}
.form-group.has-error .select2-container .select2-selection--single {
    border:1px solid red;
}

div.mce-fullscreen {
    z-index: 1050;
}
.label {
    font-weight: normal;
}

.sidebar-menu {
    white-space: normal;
}

.btn-app .fab,
.btn-app .fas {
    font-size: 20px;
    display: block;
}


.form-group .help-block {
    display: none;
}
.form-group.has-error .help-block {
    display: block;
}

.form-control {
    height: auto;
}

.navbar-form {
    margin-top: 10px;
}
[data-bs-account-search-form] > div,
[data-bs-account-search-form] input,
[data-bs-account-search-form] span,
[data-bs-account-search-form] button {
    max-height: 28px;
}
[data-bs-account-search-form] input {
    border-width: 0;
    padding: 0 4px;
    line-height: 2.75rem;
    outline: none;
}
[data-bs-account-search-form] .input-group-btn button {
    background-color: #fff;
}
.search_hints {
    position:absolute;
    z-index:10;
    overflow-y:scroll;
    width:100%;
    background:white;
    min-height:100px;
    display:none;
    max-height:100vw;
    top: 54px;
    right: 0;
    left: 0;
}

.search_hints ul,
.search_hints li {
    list-style: disc;
    color: black;
}
.search_hints li {
    list-style-position: outside;
    padding: 3px 4px;
}
.search_hints li a {
    display: inline-block;
    width: 100%;
}
@media screen and (max-width: 768px) {   
    [data-bs-account-search-form] {
        display: block;
        position: absolute;
        top: 53px;
        left: 0;
        right: 0;
        background: white;
        box-shadow: 10px;
        width: 100%;
        margin: auto 0;
    }
    [data-bs-account-search-form] .input-group input {
        width: calc(100%-25px);
    }
    [data-bs-account-search-form] .input-group .input-group-btn {
        max-width: 50px;
    }
    .search_hints {
        top: 103px;
        background: #eee;
    }
}

/* .fast-filter {
    display: flex;
    flex-wrap: wrap;
} */
/* .fast-filter > div {
    align-self: flex-end;
    padding: 0 1px;
    width:200px;
} */
/* .fast-filter > div.xs-field {
    width: 75px;
}
.fast-filter > div.wide-field {
    width: 300px;
} */
/* .fast-filter label {
    font-size: 10px;
} */
/* .fast-filter input.form-control {
    min-height: 33px;
} */
/* .fast-filter select,
.fast-filter [data-select2] {
    height: 31px;
    min-height: 31px;
} */
.fast-filter .filter-range {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
.fast-filter .filter-range label {
    align-self: flex-end;
    padding-right: 2px;
}
.fast-filter .form-control,
.fast-filter input {
    padding: 0.25rem;
    font-size: 1.25rem;
    line-height: 1.25rem;
}
.fast-filter [data-sorting] {
    position: relative;
    padding-right: 26px;
}

.fast-filter [data-sorting]:after,
.fast-filter [data-sorting]:before {
    position: absolute;
    display: block;
    opacity: .125;
    right: 10px;
    line-height: 9px;
    font-size: .8em;
}
.fast-filter [data-sorting]:after {
    top: 50%;
    content: "▼";
    opacity: .1;
}
.fast-filter [data-sorting]:before {
    bottom: 50%;
    content: "▲";
    opacity: .1;
}
.fast-filter td.sorting-desc:after {
    opacity: .6;
}
.fast-filter td.sorting-asc:before {
    opacity: .6;
}

[data-pagination] a {
    cursor: pointer;
}

[data-pagination] .dropdown.open .dropdown-menu {
    display: flex;
    flex-direction: row;
    max-width: 320px;
    flex-wrap: wrap;
}
[data-pagination] .dropdown.open .dropdown-menu li {
    width: 40px;
    text-align: center;
}
@media print {
    footer {
        display: none;
    }
}
 :root{--color-brand-default:#526eff;--color-brand-hover:#3652e3;--color-brand-active:#233fd1;--color-brand-primary:var(--color-brand-default);--color-brand-secondary:var(--color-brand-hover);--color-brand-accent:var(--color-brand-active);--color-light-blue-100:#f5f7f9;--color-light-blue-200:#dfe5ec;--color-light-blue-300:#c8d4df;--color-link:#efeff4;--color-link-hover:#0068c6;--color-error-juice:#db524e;--color-error-easy:rgba(242,202,202,0.72);--color-attention-juice:#db524e;--color-attention-easy:rgba(255,215,96,0.24);--color-success-juice:#5acd66;--color-success-easy:rgba(90,205,102,0.24);--color-submarine-juice:#faf8f3;--color-submarine-easy:#faf8f3;--color-white:#ffffff;--color-white-80:rgba(255,255,255,0.8);--color-white-64:rgba(255,255,255,0.64);--color-white-48:rgba(255,255,255,0.48);--color-white-32:rgba(255,255,255,0.32);--color-white-24:rgba(255,255,255,0.24);--color-white-16:rgba(255,255,255,0.16);--color-black:#000000;--color-black-80:rgba(0,0,0,0.8);--color-black-64:rgba(0,0,0,0.64);--color-black-48:rgba(0,0,0,0.48);--color-black-32:rgba(0,0,0,0.32);--color-black-24:rgba(0,0,0,0.24);--color-black-16:rgba(0,0,0,0.16);--color-dashboard-background:#5731a2;--color-neutral-900:var(--color-black);--color-neutral-700:var(--color-black-80);--color-neutral-500:var(--color-black-64);--color-neutral-300:var(--color-black-48);--color-neutral-100:var(--color-light-blue-200);--color-neutral-050:var(--color-light-blue-100);--color-success-500:var(--color-success-juice);--color-warning-500:var(--color-attention-juice);--color-danger-500:var(--color-error-juice);--color-info-500:var(--color-link-hover);--font-family-base:'Font Name',sans-serif;--font-family-accent:'Font Name',sans-serif;--font-size-2xl:32px;--font-size-xl:24px;--font-size-lg:20px;--font-size-md:16px;--font-size-sm:14px;--font-size-xs:12px;--line-height-title:1.2;--line-height-body:1.5;--typo-heading-1-size:72px;--typo-heading-1-line-height:80px;--typo-heading-1-weight:var(--font-weight-bold,700);--typo-heading-2-size:64px;--typo-heading-2-line-height:72px;--typo-heading-2-weight:var(--font-weight-bold,700);--typo-heading-3-size:56px;--typo-heading-3-line-height:64px;--typo-heading-3-weight:var(--font-weight-bold,700);--typo-heading-4-size:48px;--typo-heading-4-line-height:56px;--typo-heading-4-weight:var(--font-weight-bold,700);--typo-heading-5-size:40px;--typo-heading-5-line-height:48px;--typo-heading-5-weight:var(--font-weight-semibold,600);--typo-heading-6-size:32px;--typo-heading-6-line-height:40px;--typo-heading-6-weight:var(--font-weight-semibold,600);--typo-heading-7-size:24px;--typo-heading-7-line-height:32px;--typo-heading-7-weight:var(--font-weight-semibold,600);--typo-paragraph-1-size:20px;--typo-paragraph-1-line-height:28px;--typo-paragraph-2-size:16px;--typo-paragraph-2-line-height:24px;--typo-paragraph-3-size:13px;--typo-paragraph-3-line-height:16px;--typo-paragraph-4-size:12px;--typo-paragraph-4-line-height:16px;--typo-heading-1-size-mobile:48px;--typo-heading-1-line-height-mobile:56px;--typo-heading-2-size-mobile:44px;--typo-heading-2-line-height-mobile:52px;--typo-heading-3-size-mobile:40px;--typo-heading-3-line-height-mobile:48px;--typo-heading-4-size-mobile:36px;--typo-heading-4-line-height-mobile:44px;--typo-heading-5-size-mobile:32px;--typo-heading-5-line-height-mobile:40px;--typo-heading-6-size-mobile:28px;--typo-heading-6-line-height-mobile:36px;--typo-heading-7-size-mobile:24px;--typo-heading-7-line-height-mobile:32px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-none:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);--shadow-lg:0 10px 24px rgba(0,0,0,0.18);--layout-header-height:64px;--layout-sidebar-width:280px;--transition-base:0.2s ease-in-out}
.hockey-admin-head {
    background: transparent;
}

.hockey-admin-head th {
    color: rgba(0, 0, 0, 0.87) !important;
    font-weight: var(--font-weight-semibold, 600);
    border: none;
    padding-top: var(--space-sm, 12px);
    padding-bottom: var(--space-sm, 12px);
}

.table > thead > tr > th {
    border-bottom: none !important;
    color: rgba(0, 0, 0, 0.87) !important;
}

.table tbody .hockey-admin-row > td {
    position: relative;
    background: var(--color-neutral-000, #ffffff);
    border: none;
    color: var(--color-black, #000000);
    padding: var(--space-md, 16px) var(--space-lg, 20px);
    vertical-align: middle;
}

.table tbody .hockey-admin-row:first-child > td {
    margin-top: 0;
}

.table tbody .hockey-admin-row > td:first-child {
    border-radius: var(--radius-lg, 16px) 0 0 var(--radius-lg, 16px);
}

.table tbody .hockey-admin-row > td:last-child {
    border-radius: 0 var(--radius-lg, 16px) var(--radius-lg, 16px) 0;
}

.table tbody .hockey-admin-row + .hockey-admin-row > td {
    border-top: none;
}

.table tbody .hockey-admin-row + .hockey-admin-row > td::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--color-dashboard-background, #5731a2);
    border-radius: var(--radius-lg, 16px);
    z-index: 0;
}

.hockey-admin-info {
    vertical-align: middle;
}

.hockey-admin-info-inner {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs, 8px);
}

.hockey-admin-teams {
    font-size: 24px;
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-black, #000000);
    line-height: 1.2;
}

.hockey-admin-time {
    font-size: 16px;
    color: var(--color-neutral-700, #334155);
    opacity: 0.8;
}

.hockey-admin-dependants {
    vertical-align: middle;
}

.hockey-admin-dependants-inner {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs, 8px);
    align-items: center;
}

.hockey-admin-dependants .label {
    margin: 0;
}

.hockey-admin-field {
    vertical-align: middle;
}

.hockey-admin-field img {
    display: block;
    border-radius: var(--radius-md, 8px);
}

.hockey-admin-actions {
    vertical-align: middle;
}

.hockey-admin-actions-inner {
    display: flex;
    align-items: center;
    gap: var(--space-md, 16px);
    flex-wrap: wrap;
}

.hockey-admin-actions-main {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm, 12px);
}

.hockey-admin-actions .btn-group {
    display: flex;
    gap: var(--space-xs, 8px);
}

.hockey-admin-actions .btn-group .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: var(--radius-md, 12px);
    font-weight: var(--font-weight-medium, 500);
    box-shadow: none;
}

.hockey-admin-actions .btn-group .btn.btn-xs,
.hockey-admin-actions .btn-group .btn.btn-sm {
    padding: var(--space-xs, 8px) var(--space-sm, 12px);
    font-size: 14px;
    line-height: 1.2;
}

.hockey-admin-actions .btn-group .btn.btn-default {
    background: rgba(37, 99, 235, 0.08);
    border-color: transparent;
    color: var(--color-primary-500, #2563eb);
}

.hockey-admin-actions .btn-group .btn.btn-default:hover {
    background: rgba(37, 99, 235, 0.16);
    color: var(--color-primary-600, #1d4ed8);
}

.hockey-admin-delete {
    margin-left: auto;
}

.hockey-admin-delete .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hockey-admin-btn-scoreboard {
    background: var(--color-primary-500, #2563eb) !important;
    border: 1px solid var(--color-primary-500, #2563eb);
    color: var(--color-neutral-050, #ffffff) !important;
    min-width: 140px;
}

.hockey-admin-btn-manage {
    background: var(--color-neutral-000, #ffffff);
    border: 1px solid var(--color-primary-500, #2563eb);
    color: var(--color-primary-500, #2563eb) !important;
    min-width: 140px;
}

.hockey-admin-btn-manage:hover {
    background: rgba(37, 99, 235, 0.08);
}

.hockey-admin-btn-scoreboard:hover {
    background: var(--color-primary-600, #1d4ed8) !important;
    border-color: var(--color-primary-600, #1d4ed8);
}

.hockey-admin-btn-delete,
.hockey-admin-btn-delete-disabled {
    background: transparent;
    border: none;
    color: var(--color-primary-500, #2563eb);
    padding: 0;
    min-width: auto;
}

.hockey-admin-btn-delete .fa,
.hockey-admin-btn-delete-disabled .fa {
    font-size: 20px;
}

.hockey-admin-btn-delete:hover {
    color: var(--color-primary-600, #1d4ed8);
}
/* ==========================================================================
   Admin override styles (Approach A) for LTSPORT personal cabinet
   Uses CSS variables defined in design-tokens.css
   ========================================================================= */

html, body {
    font-family: var(--font-family-base, 'Helvetica Neue', Arial, sans-serif);
    background: var(--color-dashboard-background, #5731a2);
    color: var(--color-neutral-050, #ffffff);
}

.bg-black,
.bg-black-gradient,
.box.bg-black,
.box.box-solid.bg-black,
.small-box.bg-black,
.callout.bg-black {
    color: var(--color-black, #000000) !important;
}

.bg-black a,
.bg-black-gradient a,
.box.bg-black a,
.box.box-solid.bg-black a,
.small-box.bg-black a,
.callout.bg-black a {
    color: inherit;
}

/* ==========================================================================
   Typography scale
   ========================================================================= */
.typo-heading-1,
.typo-heading-2,
.typo-heading-3,
.typo-heading-4,
.typo-heading-5,
.typo-heading-6,
.typo-heading-7,
.typo-paragraph-1,
.typo-paragraph-2,
.typo-paragraph-3,
.typo-paragraph-4,
.typo-paragraph-1-semibold,
.typo-paragraph-2-semibold,
.typo-paragraph-3-semibold {
    font-family: var(--font-family-base, 'Helvetica Neue', Arial, sans-serif);
    margin: 0;
    letter-spacing: normal;
}

.typo-heading-1,
.typo-heading-2,
.typo-heading-3,
.typo-heading-4,
.typo-heading-5,
.typo-heading-6,
.typo-heading-7,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: var(--color-neutral-050, #ffffff);
}

.typo-heading-1 {
    font-size: var(--typo-heading-1-size, 72px);
    line-height: var(--typo-heading-1-line-height, 80px);
    font-weight: var(--typo-heading-1-weight, var(--font-weight-bold, 700));
}

.typo-heading-2 {
    font-size: var(--typo-heading-2-size, 64px);
    line-height: var(--typo-heading-2-line-height, 72px);
    font-weight: var(--typo-heading-2-weight, var(--font-weight-bold, 700));
}

.typo-heading-3 {
    font-size: var(--typo-heading-3-size, 56px);
    line-height: var(--typo-heading-3-line-height, 64px);
    font-weight: var(--typo-heading-3-weight, var(--font-weight-bold, 700));
}

.typo-heading-4 {
    font-size: var(--typo-heading-4-size, 48px);
    line-height: var(--typo-heading-4-line-height, 56px);
    font-weight: var(--typo-heading-4-weight, var(--font-weight-bold, 700));
}

.typo-heading-5 {
    font-size: var(--typo-heading-5-size, 40px);
    line-height: var(--typo-heading-5-line-height, 48px);
    font-weight: var(--typo-heading-5-weight, var(--font-weight-semibold, 600));
}

.typo-heading-6 {
    font-size: var(--typo-heading-6-size, 32px);
    line-height: var(--typo-heading-6-line-height, 40px);
    font-weight: var(--typo-heading-6-weight, var(--font-weight-semibold, 600));
}

.typo-heading-7 {
    font-size: var(--typo-heading-7-size, 24px);
    line-height: var(--typo-heading-7-line-height, 32px);
    font-weight: var(--typo-heading-7-weight, var(--font-weight-semibold, 600));
}

h1,
.h1 {
    font-family: var(--font-family-base, 'Helvetica Neue', Arial, sans-serif);
    font-size: var(--typo-heading-1-size, 72px);
    line-height: var(--typo-heading-1-line-height, 80px);
    font-weight: var(--typo-heading-1-weight, var(--font-weight-bold, 700));
    margin: 0 0 var(--space-md, 16px);
}

h2,
.h2 {
    font-family: var(--font-family-base, 'Helvetica Neue', Arial, sans-serif);
    font-size: var(--typo-heading-2-size, 64px);
    line-height: var(--typo-heading-2-line-height, 72px);
    font-weight: var(--typo-heading-2-weight, var(--font-weight-bold, 700));
    margin: 0 0 var(--space-md, 16px);
}

h3,
.h3 {
    font-family: var(--font-family-base, 'Helvetica Neue', Arial, sans-serif);
    font-size: var(--typo-heading-3-size, 56px);
    line-height: var(--typo-heading-3-line-height, 64px);
    font-weight: var(--typo-heading-3-weight, var(--font-weight-bold, 700));
    margin: 0 0 var(--space-sm, 12px);
}

h4,
.h4 {
    font-family: var(--font-family-base, 'Helvetica Neue', Arial, sans-serif);
    font-size: var(--typo-heading-4-size, 48px);
    line-height: var(--typo-heading-4-line-height, 56px);
    font-weight: var(--typo-heading-4-weight, var(--font-weight-bold, 700));
    margin: 0 0 var(--space-sm, 12px);
}

h5,
.h5 {
    font-family: var(--font-family-base, 'Helvetica Neue', Arial, sans-serif);
    font-size: var(--typo-heading-5-size, 40px);
    line-height: var(--typo-heading-5-line-height, 48px);
    font-weight: var(--typo-heading-5-weight, var(--font-weight-semibold, 600));
    margin: 0 0 var(--space-xs, 8px);
}

h6,
.h6 {
    font-family: var(--font-family-base, 'Helvetica Neue', Arial, sans-serif);
    font-size: var(--typo-heading-6-size, 32px);
    line-height: var(--typo-heading-6-line-height, 40px);
    font-weight: var(--typo-heading-6-weight, var(--font-weight-semibold, 600));
    margin: 0 0 var(--space-xs, 8px);
}

.typo-paragraph-1,
.typo-paragraph-1-semibold {
    font-size: var(--typo-paragraph-1-size, 20px);
    line-height: var(--typo-paragraph-1-line-height, 28px);
}

.typo-paragraph-1 {
    font-weight: var(--font-weight-regular, 400);
}

.typo-paragraph-1-semibold {
    font-weight: var(--font-weight-semibold, 600);
}

.typo-paragraph-2,
.typo-paragraph-2-semibold {
    font-size: var(--typo-paragraph-2-size, 16px);
    line-height: var(--typo-paragraph-2-line-height, 24px);
}

.typo-paragraph-2 {
    font-weight: var(--font-weight-regular, 400);
}

.typo-paragraph-2-semibold {
    font-weight: var(--font-weight-semibold, 600);
}

.typo-paragraph-3,
.typo-paragraph-3-semibold {
    font-size: var(--typo-paragraph-3-size, 13px);
    line-height: var(--typo-paragraph-3-line-height, 16px);
}

.typo-paragraph-3 {
    font-weight: var(--font-weight-regular, 400);
}

.typo-paragraph-3-semibold {
    font-weight: var(--font-weight-semibold, 600);
}

.typo-paragraph-4 {
    font-size: var(--typo-paragraph-4-size, 12px);
    line-height: var(--typo-paragraph-4-line-height, 16px);
    font-weight: var(--font-weight-regular, 400);
}

@media (max-width: 767px) {
    .typo-heading-1 {
        font-size: var(--typo-heading-1-size-mobile, 48px);
        line-height: var(--typo-heading-1-line-height-mobile, 56px);
    }

    .typo-heading-2 {
        font-size: var(--typo-heading-2-size-mobile, 44px);
        line-height: var(--typo-heading-2-line-height-mobile, 52px);
    }

    .typo-heading-3 {
        font-size: var(--typo-heading-3-size-mobile, 40px);
        line-height: var(--typo-heading-3-line-height-mobile, 48px);
    }

    .typo-heading-4 {
        font-size: var(--typo-heading-4-size-mobile, 36px);
        line-height: var(--typo-heading-4-line-height-mobile, 44px);
    }

    .typo-heading-5 {
        font-size: var(--typo-heading-5-size-mobile, 32px);
        line-height: var(--typo-heading-5-line-height-mobile, 40px);
    }

    .typo-heading-6 {
        font-size: var(--typo-heading-6-size-mobile, 28px);
        line-height: var(--typo-heading-6-line-height-mobile, 36px);
    }

    .typo-heading-7 {
        font-size: var(--typo-heading-7-size-mobile, 24px);
        line-height: var(--typo-heading-7-line-height-mobile, 32px);
    }

    h1,
    .h1 {
        font-size: var(--typo-heading-1-size-mobile, 48px);
        line-height: var(--typo-heading-1-line-height-mobile, 56px);
    }

    h2,
    .h2 {
        font-size: var(--typo-heading-2-size-mobile, 44px);
        line-height: var(--typo-heading-2-line-height-mobile, 52px);
    }

    h3,
    .h3 {
        font-size: var(--typo-heading-3-size-mobile, 40px);
        line-height: var(--typo-heading-3-line-height-mobile, 48px);
    }

    h4,
    .h4 {
        font-size: var(--typo-heading-4-size-mobile, 36px);
        line-height: var(--typo-heading-4-line-height-mobile, 44px);
    }

    h5,
    .h5 {
        font-size: var(--typo-heading-5-size-mobile, 32px);
        line-height: var(--typo-heading-5-line-height-mobile, 40px);
    }

    h6,
    .h6 {
        font-size: var(--typo-heading-6-size-mobile, 28px);
        line-height: var(--typo-heading-6-line-height-mobile, 36px);
    }

    .content-header > h1 {
        font-size: var(--typo-heading-6-size-mobile, 28px);
        line-height: var(--typo-heading-6-line-height-mobile, 36px);
    }
}

.main-header {
    background: var(--color-black-32, rgba(0, 0, 0, 0.32));
    border-bottom: none;
    min-height: var(--layout-header-height, 64px);
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.08));
}

.skin-blue .main-header,
.skin-blue .main-header .logo,
.skin-blue .main-header .navbar,
[class*='skin-'] .main-header,
[class*='skin-'] .main-header .logo,
[class*='skin-'] .main-header .navbar {
    background: var(--color-black-32, rgba(0, 0, 0, 0.32));
    background-color: var(--color-black-32, rgba(0, 0, 0, 0.32));
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: none !important;
}
.main-header .logo {
    height: var(--layout-header-height, 64px);
    line-height: calc(var(--layout-header-height, 64px) - 6px);
    font-weight: var(--font-weight-semibold, 600);
    letter-spacing: 0.04em;
    background: var(--color-black-32, rgba(0, 0, 0, 0.32));
}

.main-header .navbar {
    /* min-height: var(--layout-header-height, 64px); */
    /* margin-left: var(--layout-sidebar-width, 280px); */
    background: var(--color-black-32, rgba(0, 0, 0, 0.32));
    border: none;
}

.main-header .navbar-custom-menu > .nav > li > a {
    color: var(--color-neutral-050, #ffffff);
    font-weight: var(--font-weight-medium, 500);
}

.main-sidebar {
    /* width: var(--layout-sidebar-width, 280px); */
    background: var(--color-black-80, rgba(0, 0, 0, 0.8)) !important;
}

.skin-blue .main-sidebar,
[class*='skin-'] .main-sidebar {
    background: var(--color-black-80, rgba(0, 0, 0, 0.8));
    background-color: var(--color-black-80, rgba(0, 0, 0, 0.8));
}

.main-sidebar .sidebar {
    padding-top: var(--space-md, 16px);
}

.sidebar-menu > li > a {
    color: var(--color-neutral-100, #e2e8f0);
    transition: background 0.2s ease, color 0.2s ease;
}

.sidebar-menu > li.active > a,
.sidebar-menu > li > a:hover {
    background: rgba(255, 255, 255, 0.1);
    color: var(--color-neutral-050, #ffffff);
}

.sidebar-menu > li.header {
    color: var(--color-neutral-500, #64748b);
    margin: var(--space-md, 16px) var(--space-md, 16px) var(--space-xs, 8px);
}

.content-wrapper {
    background: var(--color-dashboard-background, #5731a2);
    padding: var(--space-xl, 32px) var(--space-xl, 32px) var(--space-2xl, 48px);
    min-height: calc(100vh - var(--layout-header-height, 64px));
}

.content-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-xs, 8px);
    margin: 0 0 var(--space-lg, 24px);
}

/* Для страниц со списками игр - div с h1 и кнопкой */
.content-header[data-button-moved] .content-header-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: var(--space-md, 16px);
}

/* На мобильных устройствах - колоночное расположение */
@media (max-width: 767px) {
    .content-header[data-button-moved] .content-header-row {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-sm, 12px);
    }
}

.content-header > h1,
.content-header .content-header-row > h1 {
    font-size: var(--typo-heading-6-size, 32px);
    line-height: var(--typo-heading-6-line-height, 40px);
    font-weight: var(--typo-heading-6-weight, var(--font-weight-semibold, 600));
    margin: 0;
    color: inherit;
}

.content-header[data-button-moved] .content-header-row > h1 {
    flex: 1;
    margin: 0;
}

.content-header[data-button-moved] .content-header-row > input[type="submit"],
.content-header[data-button-moved] .content-header-row > button[type="submit"] {
    flex-shrink: 0;
}

.content-header .breadcrumb {
    order: -1;
    background: transparent;
    padding: 0;
    margin: 0;
    color: var(--color-neutral-050, #ffffff) !important;
}

.content-header .breadcrumb > li,
.content-header .breadcrumb > li > a {
    color: var(--color-neutral-050, #ffffff) !important;
}

.box {
    border: none;
    border-radius: var(--radius-lg, 16px);
    background: transparent;
    box-shadow: none;
    overflow: hidden;
}

.box.box-primary,
.box.box-success,
.box.box-info,
.box.box-warning,
.box.box-danger,
.box.box-default,
.box.box-solid,
.box.box-widget {
    background: #ffffff;
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.08));
}

.box .box-header {
    border: none;
    padding: var(--space-lg, 24px);
}

.box .box-title {
    font-size: var(--font-size-lg, 20px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-neutral-900, #1f2937);

}

.box .box-body {
    padding: var(--space-lg, 24px);
    color: var(--color-neutral-700, #334155);
    line-height: var(--line-height-body, 1.5);
}

.box .box-body form[data-bs-filter-full] {
    margin: calc(-1 * var(--space-lg, 24px));
    padding: var(--space-lg, 24px);
    border-radius: var(--radius-lg, 16px);
}
.box .box-body form[data-bs-filter-full] .control-label {
    color: white !important;
}

/* Material Design поля в расширенном фильтре */
.box .box-body form[data-bs-filter-full] .material-field {
    position: relative;
    margin-bottom: 32px;
}

.box .box-body form[data-bs-filter-full] .material-field:last-child {
    margin-bottom: 0;
}

/* Input и select поля */
.box .box-body form[data-bs-filter-full] .material-field .form-control {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.23);
    padding: 20px 12px 8px 12px;
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    background-color: #ffffff;
    color: var(--color-neutral-900, #1f2937);
    transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

.box .box-body form[data-bs-filter-full] .material-field .form-control:focus {
    outline: none;
    border-color: #2563eb;
    border-width: 2px;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
    background-color: #ffffff;
}

.box .box-body form[data-bs-filter-full] .material-field .form-control::placeholder {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.box .box-body form[data-bs-filter-full] .material-field .form-control:focus::placeholder {
    opacity: 0;
}

/* Labels - всегда внутри рамки, поднят и серый */
.box .box-body form[data-bs-filter-full] .material-field label {
    position: absolute;
    left: 12px;
    top: 8px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
    pointer-events: none;
    background-color: transparent;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1;
}

/* Label при фокусе - меняется только цвет */
.box .box-body form[data-bs-filter-full] .material-field .form-control:focus ~ label {
    color: #2563eb;
}

/* Select2 в фильтре */
.box .box-body form[data-bs-filter-full] .material-field .select2-container {
    margin-bottom: 0;
}

.box .box-body form[data-bs-filter-full] .material-field .select2-container--default .select2-selection--single {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.23);
    padding: 20px 36px 8px 12px;
    height: auto;
    background-color: #ffffff;
    transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.box .box-body form[data-bs-filter-full] .material-field .select2-container--default.select2-container--focus .select2-selection--single,
.box .box-body form[data-bs-filter-full] .material-field .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #2563eb;
    border-width: 2px;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
    background-color: #ffffff;
}

.box .box-body form[data-bs-filter-full] .material-field .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--color-neutral-900, #1f2937);
    padding-left: 0;
    padding-right: 20px;
    text-align: left;
    line-height: 1.5;
    padding-top: 0;
}

.box .box-body form[data-bs-filter-full] .material-field .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: rgba(0, 0, 0, 0.5);
}

/* Select2 label - всегда внутри рамки, поднят и серый */
.box .box-body form[data-bs-filter-full] .material-field .select2-container ~ label {
    position: absolute;
    left: 12px;
    top: 8px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
    pointer-events: none;
    background-color: transparent;
    padding: 0;
    z-index: 1;
}

/* Select2 label при фокусе - меняется только цвет */
.box .box-body form[data-bs-filter-full] .material-field .select2-container--focus ~ label,
.box .box-body form[data-bs-filter-full] .material-field .select2-container--open ~ label {
    color: #2563eb;
}

/* Обычные form-group в фильтре (для обратной совместимости) */
.box .box-body form[data-bs-filter-full] .form-group:not(.material-field) {
    margin-bottom: 24px;
}

.box .box-body form[data-bs-filter-full] .form-group:not(.material-field) label.control-label {
    display: block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-weight: 500;
}

.box .box-body form[data-bs-filter-full] .form-group:not(.material-field) .form-control {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.23);
    padding: 10px 12px;
    font-size: 16px;
    background-color: #ffffff;
    color: var(--color-neutral-900, #1f2937);
    transition: border-color 0.2s, box-shadow 0.2s;
}

.box .box-body form[data-bs-filter-full] .form-group:not(.material-field) .form-control:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
    background-color: #ffffff;
}

.box .box-body form[data-bs-filter-full] .form-group:not(.material-field) .form-control::placeholder {
    color: rgba(0, 0, 0, 0.5);
}

/* Input-group для полей со знаками больше/меньше */
.box .box-body form[data-bs-filter-full] .input-group {
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.23);
    overflow: hidden;
    transition: border-color 0.2s, box-shadow 0.2s;
    display: flex;
    align-items: stretch;
}

.box .box-body form[data-bs-filter-full] .input-group:focus-within {
    border-color: #2563eb;
    border-width: 2px;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
    margin: -1px;
}

.box .box-body form[data-bs-filter-full] .input-group .input-group-addon {
    background-color: transparent;
    border: none;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    color: var(--color-neutral-700, #334155);
    font-size: 16px;
    padding: 10px 12px;
    border-radius: 0;
    line-height: 1.5;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.box .box-body form[data-bs-filter-full] .input-group .input-group-addon:last-child {
    border-right: none;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.box .box-body form[data-bs-filter-full] .input-group .input-group-addon:only-child {
    border: none;
}

.box .box-body form[data-bs-filter-full] .input-group .form-control {
    border: none;
    border-radius: 0;
    background-color: transparent;
    padding: 10px 12px;
    font-size: 16px;
    color: var(--color-neutral-900, #1f2937);
    box-shadow: none;
    flex: 1;
}

.box .box-body form[data-bs-filter-full] .input-group .form-control:focus {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.box .box-header form .input-group .input-group-addon:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.box .box-header form .input-group .form-control:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.box .box-header form .input-group .input-group-btn:last-child > .btn {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}


/* Блок с полем для сохранения фильтра - единый блок со скруглёнными углами */
.box .box-body form[data-bs-filter-full] .form-group:has(input[type="text"] + button),
.box .box-body form[data-bs-filter-full] .form-group:has(input[type="text"] + .btn),
.box .box-body form[data-bs-filter-full] .input-group:has(.form-control + button),
.box .box-body form[data-bs-filter-full] .input-group:has(.form-control + .btn),
.box .box-body form[data-bs-filter-full] .save-filter-group,
.box .box-body form[data-bs-filter-full] .filter-save-group {
    display: flex;
    align-items: stretch;
    border-radius: var(--radius-md, 8px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.1);
    overflow: hidden;
    transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.box .box-body form[data-bs-filter-full] .form-group:has(input[type="text"] + button):focus-within,
.box .box-body form[data-bs-filter-full] .form-group:has(input[type="text"] + .btn):focus-within,
.box .box-body form[data-bs-filter-full] .input-group:has(.form-control + button):focus-within,
.box .box-body form[data-bs-filter-full] .input-group:has(.form-control + .btn):focus-within,
.box .box-body form[data-bs-filter-full] .save-filter-group:focus-within,
.box .box-body form[data-bs-filter-full] .filter-save-group:focus-within {
    border-color: #ffffff;
    border-width: 2px;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.15);
}

/* Поле ввода в блоке сохранения фильтра - слева */
.box .box-body form[data-bs-filter-full] .form-group:has(input[type="text"] + button) input[type="text"],
.box .box-body form[data-bs-filter-full] .form-group:has(input[type="text"] + .btn) input[type="text"],
.box .box-body form[data-bs-filter-full] .save-filter-group input[type="text"],
.box .box-body form[data-bs-filter-full] .filter-save-group input[type="text"],
.box .box-body form[data-bs-filter-full] .save-filter-group .form-control,
.box .box-body form[data-bs-filter-full] .filter-save-group .form-control {
    border: none;
    border-radius: 0;
    background-color: transparent;
    padding: 16px 12px;
    font-size: 16px;
    color: var(--color-neutral-050, #ffffff);
    box-shadow: none;
    flex: 1;
    border-top-left-radius: var(--radius-md, 8px);
    border-bottom-left-radius: var(--radius-md, 8px);
}

.box .box-body form[data-bs-filter-full] .form-group:has(input[type="text"] + button) input[type="text"]:focus,
.box .box-body form[data-bs-filter-full] .form-group:has(input[type="text"] + .btn) input[type="text"]:focus,
.box .box-body form[data-bs-filter-full] .save-filter-group input[type="text"]:focus,
.box .box-body form[data-bs-filter-full] .filter-save-group input[type="text"]:focus,
.box .box-body form[data-bs-filter-full] .save-filter-group .form-control:focus,
.box .box-body form[data-bs-filter-full] .filter-save-group .form-control:focus {
    outline: none;
    border: none;
    box-shadow: none;
    background-color: transparent;
}

/* Кнопка в блоке сохранения фильтра - справа */
.box .box-body form[data-bs-filter-full] .form-group:has(input[type="text"] + button) button,
.box .box-body form[data-bs-filter-full] .form-group:has(input[type="text"] + .btn) .btn,
.box .box-body form[data-bs-filter-full] .save-filter-group button,
.box .box-body form[data-bs-filter-full] .filter-save-group button,
.box .box-body form[data-bs-filter-full] .save-filter-group .btn,
.box .box-body form[data-bs-filter-full] .filter-save-group .btn {
    border: none;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0;
    border-top-right-radius: var(--radius-md, 8px);
    border-bottom-right-radius: var(--radius-md, 8px);
    background-color: transparent;
    padding: 16px 20px;
    color: var(--color-neutral-050, #ffffff);
    white-space: nowrap;
    flex-shrink: 0;
    transition: background-color 0.2s ease;
}

.box .box-body form[data-bs-filter-full] .form-group:has(input[type="text"] + button) button:hover,
.box .box-body form[data-bs-filter-full] .form-group:has(input[type="text"] + .btn) .btn:hover,
.box .box-body form[data-bs-filter-full] .save-filter-group button:hover,
.box .box-body form[data-bs-filter-full] .filter-save-group button:hover,
.box .box-body form[data-bs-filter-full] .save-filter-group .btn:hover,
.box .box-body form[data-bs-filter-full] .filter-save-group .btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.box .box-body form[data-bs-filter-full] .form-group:has(input[type="text"] + button) input[type="text"]::placeholder,
.box .box-body form[data-bs-filter-full] .form-group:has(input[type="text"] + .btn) input[type="text"]::placeholder,
.box .box-body form[data-bs-filter-full] .save-filter-group input[type="text"]::placeholder,
.box .box-body form[data-bs-filter-full] .filter-save-group input[type="text"]::placeholder,
.box .box-body form[data-bs-filter-full] .save-filter-group .form-control::placeholder,
.box .box-body form[data-bs-filter-full] .filter-save-group .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.box:has(> .box-body > form[data-bs-filter-full]) {
    background: var(--color-black-48, rgba(0, 0, 0, 0.48)) !important;
    border-radius: var(--radius-lg, 16px);
    box-shadow: none;
}

/* Фон для применённого фильтра */
.box:has(> .box-body > form[data-bs-filter-full]).filter-applied,
.box.filter-applied:has(> .box-body > form[data-bs-filter-full]) {
    background: var(--color-attention-easy, rgba(255, 215, 96, 0.24)) !important;
}

.box:has(> .box-body > form[data-bs-filter-full]) .box-header {
    background: transparent;
    border-bottom: none;
    color: var(--color-neutral-050, #ffffff);
}

.box:has(> .box-body > form[data-bs-filter-full]) .box-body {
    background: transparent;
}

.box:has(> .box-body > form[data-bs-filter-full]) .box-title {
    color: var(--color-neutral-050, #ffffff) !important;
}

.box:has(> .box-body > form[data-bs-filter-full]) button[data-widget="collapse"] {
    background: var(--color-primary-500, #2563eb) !important;
    border-color: var(--color-primary-500, #2563eb) !important;
    color: var(--color-neutral-050, #ffffff) !important;
}

.btn {
    border-radius: var(--radius-md, 8px);
    font-weight: var(--font-weight-medium, 500);
    padding: var(--space-xs, 8px) var(--space-md, 16px);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.btn:focus,
.btn:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.08));
}

.btn-primary,
.btn-success {
    background: var(--color-brand-primary, #1f6feb);
    border-color: var(--color-brand-primary, #1f6feb);
}

.btn-default {
    border: 1px solid var(--color-neutral-300, #cbd5f5);
}

.dashboard-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl, 32px);
}

.dashboard-hero {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--space-lg, 24px);
    align-items: center;
}

.dashboard-hero__summary {
    background: linear-gradient(135deg, rgba(31, 111, 235, 0.9), rgba(31, 111, 235, 0.7));
    border-radius: var(--radius-lg, 16px);
    padding: var(--space-xl, 32px);
    color: var(--color-neutral-050, #ffffff);
    box-shadow: var(--shadow-md, 0 4px 12px rgba(0, 0, 0, 0.12));
}

.dashboard-hero__summary h2 {
    font-size: var(--font-size-xl, 24px);
    font-weight: var(--font-weight-semibold, 600);
    margin-bottom: var(--space-sm, 12px);
}

.dashboard-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm, 12px);
}

.dashboard-grid {
    display: grid;
    gap: var(--space-lg, 24px);
}

@media (min-width: 992px) {
    .dashboard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.dashboard-card {
    border-radius: var(--radius-lg, 16px);
    background: #ffffff;
    color: var(--color-black);
    padding: var(--space-lg, 24px);
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.08));
    display: flex;
    flex-direction: column;
    gap: var(--space-sm, 12px);
}

.dashboard-card__title {
    display: flex;
    align-items: center;
    gap: var(--space-xs, 8px);
    font-size: var(--font-size-lg, 20px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-neutral-900, #1f2937);
}

.dashboard-card__list {
    display: grid;
    gap: var(--space-xs, 8px);
    padding: 0;
    margin: 0;
    list-style: none;
}

.dashboard-card__list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-sm, 12px);
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--color-neutral-100, #e2e8f0);
    color: inherit;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.dashboard-card__list a:hover {
    border-color: var(--color-brand-primary, #1f6feb);
    background: rgba(31, 111, 235, 0.06);
}

.dashboard-empty {
    padding: var(--space-lg, 24px);
    text-align: center;
    color: var(--color-neutral-500, #64748b);
    background: rgba(15, 23, 42, 0.04);
    border-radius: var(--radius-md, 8px);
}

.dashboard-help {
    display: grid;
    gap: var(--space-sm, 12px);
}

.dashboard-help__step {
    display: flex;
    gap: var(--space-md, 16px);
    align-items: flex-start;
}

.dashboard-help__index {
    min-width: 32px;
    height: 32px;
    border-radius: var(--radius-pill, 9999px);
    background: rgba(31, 111, 235, 0.1);
    color: var(--color-brand-primary, #1f6feb);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--font-weight-semibold, 600);
}

.dashboard-help__content {
    flex: 1;
}

.dashboard-help__content h4 {
    font-size: var(--font-size-md, 16px);
    font-weight: var(--font-weight-semibold, 600);
    margin-bottom: var(--space-xs, 8px);
    color: var(--color-black);
}

.dashboard-help__content p {
    margin: 0;
    color: var(--color-neutral-600, #475569);
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: var(--color-dashboard-background, rgba(0, 0, 0, 0.8));
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
    background-color: var(--color-white-16, rgba(255, 255, 255, 0.16));
}
.skin-blue .sidebar-menu > li > .treeview-menu {
    background-color: var(--color-black-100, rgba(0, 0, 0, 1));
}

.table-hover > tbody > tr:hover {
    background: none;
}

/* ==========================================================================
   Footer styles
   ========================================================================= */
.main-footer {
    background: var(--color-dashboard-background) !important;
    border-top: none !important;
    padding: var(--space-md, 16px) var(--space-xl, 32px);
    color: var(--color-white-80, #ffffff);
}

.main-footer strong {
    display: none;
}

.main-footer .pull-right {
    float: right;
    color: var(--color-neutral-050, #ffffff);
}

/* Убрать скролл в блоке применённых фильтров */
.filter-applied-badges,
.applied-filters,
[data-applied-filters],
.badge-container,
.label-container,
.box-body .badge,
.box-body .label,
.content-wrapper .badge-container,
.content-wrapper .label-container {
    overflow: visible !important;
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
}

/* Белый цвет шрифта на чёрных бэйджах со значениями применённых фильтров */
.badge.label,
.label.badge,
.badge.label-black,
.label.label-black,
.badge[style*="background-color: #000"],
.badge[style*="background: #000"],
.badge.bg-black,
.label.bg-black,
.badge[style*="background-color:#000"],
.badge[style*="background:#000"],
.label[style*="background-color: #000"],
.label[style*="background: #000"],
.label[style*="background-color:#000"],
.label[style*="background:#000"] {
    color: var(--color-white, #ffffff) !important;
}

/* Также для бэджей применённых фильтров */
.filter-applied-badges .badge,
.filter-applied-badges .label,
.applied-filters .badge,
.applied-filters .label,
[data-applied-filters] .badge,
[data-applied-filters] .label,
.badge.label-default[style*="background"],
.label.label-default[style*="background"] {
    color: var(--color-white, #ffffff) !important;
}

/* ==========================================================================
   Editable Content Buttons (Save/Cancel) for Text Fields - Override
   ========================================================================== */

/* Убираем скрытие кнопок сохранения и отмены для текстовых полей */
.material-field .editable-buttons,
.material-field .btn-group.editable-buttons,
.material-field .inline-edit-buttons,
.material-field .editable-buttons .btn,
.material-field .btn-group.editable-buttons .btn,
.material-field .inline-edit-buttons .btn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Показываем кнопки при фокусе на текстовом поле */
.material-field input[type="text"]:focus ~ .editable-buttons,
.material-field input[type="text"]:focus ~ .btn-group,
.material-field .form-control:focus ~ .editable-buttons,
.material-field .form-control:focus ~ .btn-group,
.material-field:focus-within .editable-buttons,
.material-field:focus-within .btn-group {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Убираем классы hidden и d-none для кнопок редактирования */
.material-field .editable-buttons.hidden,
.material-field .btn-group.editable-buttons.hidden,
.material-field .editable-buttons.d-none,
.material-field .btn-group.editable-buttons.d-none {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.material-field{position:relative;margin-bottom:32px}.material-field:last-child{margin-bottom:0}.material-field .select2-container{margin-bottom:0}.row .material-field{margin-bottom:0}.row + .row{margin-top:40px!important}.row:has(.material-field .select2-container) + .row:has(.material-field .select2-container),.row.has-select2-field + .row.has-select2-field{margin-top:48px!important}fieldset .row + .row,form .row + .row{margin-top:40px!important}.row>[class*="col-md-4"]>.material-field,.row>[class*="col-md-6"]>.material-field,.row>[class*="col-md-8"]>.material-field,.row>[class*="col-xs-4"]>.material-field,.row>[class*="col-xs-6"]>.material-field,.row>[class*="col-xs-8"]>.material-field{margin-bottom:32px}.row>[class*="col-md-12"]>.material-field,.row>[class*="col-xs-12"]>.material-field,.row>[class*="col-sm-12"]>.material-field{margin-bottom:0}.form-group.material-field{margin-bottom:32px}.box-body>.material-field{margin-bottom:32px}.box-body .row + .row{margin-top:40px!important}.box-body .row:has(.material-field .select2-container) + .row:has(.material-field .select2-container),.box-body .row.has-select2-field + .row.has-select2-field{margin-top:48px!important}.box-body .row>[class*="col-md-12"]>.material-field,.box-body .row>[class*="col-xs-12"]>.material-field,.box-body .row>[class*="col-sm-12"]>.material-field{margin-bottom:0!important}.box-body .row>[class*="col-"]>.material-field{margin-bottom:0!important}.material-field .form-control{border-radius:8px;border:1px solid rgba(0,0,0,0.23);padding:20px 12px 8px 12px;font-size:16px;line-height:1.5;background-color:transparent;transition:border-color 0.2s cubic-bezier(0.4,0,0.2,1),box-shadow 0.2s cubic-bezier(0.4,0,0.2,1);width:100%;box-sizing:border-box;position:relative;z-index:2;text-align:left}.material-field .form-control:focus{outline:none;border-color:#2563eb;border-width:2px;box-shadow:0 0 0 2px rgba(37,99,235,0.12)}.material-field .form-control:disabled{background-color:rgba(0,0,0,0.06);cursor:not-allowed;opacity:0.6}.material-field .form-control::placeholder{opacity:0;transition:opacity 0.2s ease}.material-field .form-control:focus::placeholder{opacity:0}.material-field label{position:absolute;left:12px;top:8px;font-size:12px;color:rgba(0,0,0,0.6);pointer-events:none;background-color:transparent;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);z-index:1;line-height:1;margin:0}.material-field .form-control:focus~label{color:#2563eb}.material-field .form-control[data-bs-text],.material-field input.form-control[data-bs-text],.material-field div.form-control[data-bs-text]{position:relative;z-index:2;padding-top:20px!important;padding-bottom:8px!important;min-height:48px}.material-field .form-control[data-bs-text]:focus~label,.material-field input.form-control[data-bs-text]:focus~label,.material-field div.form-control[data-bs-text]:focus~label{color:#2563eb}.material-field textarea.form-control{min-height:80px;padding-top:20px;padding-bottom:8px;resize:vertical;text-align:left}.material-field textarea.form-control:focus~label{color:#2563eb}.material-field .select2-container{width:100%!important;margin-top:0;margin-bottom:0}.material-field:has(.select2-container){margin-bottom:32px}.material-field .select2-container~label{margin-bottom:0}.material-field .select2-container--default .select2-selection--single{height:auto;min-height:48px;border:1px solid rgba(0,0,0,0.23);border-radius:8px;background-color:transparent;transition:border-color 0.2s cubic-bezier(0.4,0,0.2,1),box-shadow 0.2s cubic-bezier(0.4,0,0.2,1);padding:20px 36px 8px 12px}.material-field .select2-container--default.select2-container--focus .select2-selection--single,.material-field .select2-container--default.select2-container--open .select2-selection--single{border-color:#2563eb;border-width:2px;box-shadow:0 0 0 2px rgba(37,99,235,0.12);outline:none}.material-field .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0;line-height:1.5;color:rgba(0,0,0,0.87);font-size:16px;padding-top:8px;text-align:left}.material-field .select2-container--default .select2-selection--single .select2-selection__placeholder{color:transparent;opacity:0}.material-field .select2-container--default .select2-selection--single .select2-selection__arrow{height:48px;right:12px;top:0}.material-field .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#666 transparent transparent transparent;border-width:5px 5px 0 5px;margin-top:-2.5px;transition:border-color 0.2s ease}.material-field .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__arrow b,.material-field .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:#2563eb transparent transparent transparent}.material-field .select2-container~label{top:8px;font-size:12px;background-color:transparent;color:rgba(0,0,0,0.6);z-index:1;padding:0}.material-field .select2-container--focus~label,.material-field .select2-container--open~label{color:#2563eb}.material-field .select2-dropdown{border:1px solid rgba(0,0,0,0.23);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);margin-top:4px;background-color:#ffffff!important}.material-field .select2-results{background-color:#ffffff!important}.select2-results__option{color:#000000!important;background-color:#ffffff!important}.select2-container--default .select2-results__option--highlighted[aria-selected]{color:#2563eb!important;background-color:rgba(37,99,235,0.1)!important}.select2-container--default .select2-results__option[aria-selected=true]{color:#2563eb!important;background-color:rgba(37,99,235,0.2)!important}.material-field .select2-dropdown .select2-results__option,.material-field .select2-results .select2-results__option,.material-field .select2-container--default .select2-results__option,.material-field .select2-container .select2-results__option{padding:12px!important;font-size:16px!important;color:#000000!important;background-color:#ffffff!important}.material-field .select2-container--default .select2-results__option--highlighted[aria-selected],.material-field .select2-container--default .select2-results__option.select2-results__option--highlighted[aria-selected],.material-field .select2-dropdown .select2-container--default .select2-results__option--highlighted[aria-selected],.material-field .select2-results .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:rgba(37,99,235,0.1)!important;color:#2563eb!important}.material-field .select2-container--default .select2-results__option[aria-selected=true],.material-field .select2-container--default .select2-results__option[aria-selected="true"]{background-color:rgba(37,99,235,0.2)!important;color:#2563eb!important}.material-field .select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted,.material-field .select2-container--default .select2-results__option[aria-selected="true"].select2-results__option--highlighted{background-color:rgba(37,99,235,0.3)!important;color:#2563eb!important}.material-field .select2-container--default .select2-results__option[aria-disabled=true]{color:#999999!important;background-color:#f5f5f5!important}.material-field .select2-results__option--loading{color:#666666!important;background-color:#ffffff}.material-field .select2-results__message{color:#666666!important;padding:12px;font-size:16px}.material-field .select2-results__group{color:#666666!important;font-weight:600;padding:8px 12px;background-color:#f5f5f5}.material-field .select2-search--dropdown .select2-search__field{border:1px solid rgba(0,0,0,0.23);border-radius:4px;padding:8px 12px;font-size:16px;margin:8px;width:calc(100% - 16px)}.material-field .select2-search--dropdown .select2-search__field:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px rgba(37,99,235,0.12)}.material-field .select2-container--default .select2-selection--multiple{min-height:48px;border:1px solid rgba(0,0,0,0.23);border-radius:8px;background-color:transparent;padding:8px 12px;transition:border-color 0.2s cubic-bezier(0.4,0,0.2,1),box-shadow 0.2s cubic-bezier(0.4,0,0.2,1)}.material-field .select2-container--default.select2-container--focus .select2-selection--multiple,.material-field .select2-container--default.select2-container--open .select2-selection--multiple{border-color:#2563eb;border-width:2px;box-shadow:0 0 0 2px rgba(37,99,235,0.12);outline:none}.material-field .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding:0;margin:0}.material-field .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:rgba(37,99,235,0.1);border:1px solid rgba(37,99,235,0.3);border-radius:4px;color:#2563eb;padding:4px 8px;margin:4px 4px 4px 0;font-size:14px;line-height:1.5;display:inline-flex;align-items:center}.material-field .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#2563eb;margin-right:4px;cursor:pointer;font-weight:bold;opacity:0.7;transition:opacity 0.2s ease}.material-field .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{opacity:1;color:#dc2626}.material-field .select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:rgba(0,0,0,0.6);margin-top:8px;margin-left:0}.material-field .select2-container--default .select2-selection--multiple .select2-search--inline{margin-top:4px}.material-field .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field{margin:0;padding:4px 0;font-size:16px;color:#000000;background:transparent;border:none;outline:none;box-shadow:none;min-width:100px}.material-field .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field:focus{border:none;box-shadow:none;outline:none}.material-field .select2-container--default .select2-selection--multiple~label{top:8px;font-size:12px;background-color:transparent;color:rgba(0,0,0,0.6);z-index:1;padding:0}.material-field .select2-container--default.select2-container--focus .select2-selection--multiple~label,.material-field .select2-container--default.select2-container--open .select2-selection--multiple~label{color:#2563eb}.material-field .select2-container--default .select2-selection--multiple[data-ajax-loading="true"]{opacity:0.7}.material-field .select2-results__option--loading-more-results{color:#666666!important;background-color:#f5f5f5;text-align:center;padding:12px;font-style:italic}.material-field.material-field-error .select2-container--default .select2-selection--single,.material-field.has-error .select2-container--default .select2-selection--single{border-color:#dc2626}.material-field.material-field-error .select2-container--default.select2-container--focus .select2-selection--single,.material-field.has-error .select2-container--default.select2-container--focus .select2-selection--single{border-color:#dc2626;box-shadow:0 0 0 2px rgba(220,38,38,0.12)}.material-field.material-field-error .select2-container~label,.material-field.has-error .select2-container~label{color:#dc2626}.material-field select.form-control:not(.material-select2){padding:20px 36px 8px 12px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;text-align:left}.material-field select.form-control:not(.material-select2):focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232563eb' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.material-field select.form-control:not(.material-select2):focus~label{color:#2563eb}.material-field .help-block{margin-top:4px;font-size:12px;color:rgba(0,0,0,0.6);padding-left:12px;display:block}.material-field.material-field-error .help-block,.material-field.has-error .help-block,.material-field .help-block.error,.material-field .help-block.text-danger{color:#dc2626}.material-field.material-field-error .form-control,.material-field.has-error .form-control,.material-field .form-control.has-error{border-color:#dc2626}.material-field.material-field-error .form-control:focus,.material-field.has-error .form-control:focus{border-color:#dc2626;box-shadow:0 0 0 2px rgba(220,38,38,0.12)}.material-field.material-field-error label,.material-field.has-error label{color:#dc2626}.material-field label:after{content:''}.material-field.material-field-required label:after{content:' *';color:#dc2626}.material-field input[type="checkbox"]:not([data-bs-switch]),.material-field input[type="radio"]{position:static;width:auto;height:auto;padding:0;margin:0;border:none;background:transparent;box-shadow:none}.material-field input[type="checkbox"]:not([data-bs-switch])~label,.material-field input[type="radio"]~label{position:static;font-size:inherit;color:rgba(0,0,0,0.87)!important;margin-left:4px;cursor:pointer;pointer-events:auto;background:transparent;padding:0;transform:none;top:auto;left:auto}.tab-pane .material-field input[type="checkbox"]:not([data-bs-switch])~label,.tab-pane label[for*="af_video"],.box-body .material-field input[type="checkbox"]:not([data-bs-switch])~label,.box-body label[for*="af_video"],.row label[for*="af_video"],.material-field label[for*="af_video"]{color:rgba(0,0,0,0.87)!important}.material-field input[type="hidden"],.material-field.hidden{display:none!important}.material-field.row,.material-field[class*="col-"]{margin-bottom:0}.material-field .row .material-field{margin-bottom:24px}.material-field input[type="file"]{padding:12px;border:1px dashed rgba(0,0,0,0.23);border-radius:8px;width:100%;background-color:transparent;transition:border-color 0.2s ease}.material-field input[type="file"]:focus{outline:none;border-color:#2563eb;border-width:2px;box-shadow:0 0 0 2px rgba(37,99,235,0.12)}@media (max-width:768px){.material-field .form-control{font-size:16px}}.box .material-field label,.box-body .material-field label{background-color:transparent}.box.bg-black .material-field label,.box.box-solid.bg-black .material-field label{background-color:transparent}html body .material-field .select2-dropdown .select2-results__option,html body .material-field .select2-results .select2-results__option,html body .material-field .select2-container--default .select2-results__option,html body .material-field .select2-container .select2-results__option,body .box .material-field .select2-dropdown .select2-results__option,body .box .material-field .select2-results .select2-results__option{color:#000000!important;background-color:#ffffff!important}html body .material-field .select2-container--default .select2-results__option--highlighted[aria-selected],html body .material-field .select2-dropdown .select2-container--default .select2-results__option--highlighted[aria-selected],html body .material-field .select2-results .select2-container--default .select2-results__option--highlighted[aria-selected],body .box .material-field .select2-container--default .select2-results__option--highlighted[aria-selected]{color:#2563eb!important;background-color:rgba(37,99,235,0.1)!important}html body .material-field .select2-container--default .select2-results__option[aria-selected=true],html body .material-field .select2-container--default .select2-results__option[aria-selected="true"],body .box .material-field .select2-container--default .select2-results__option[aria-selected=true]{color:#2563eb!important;background-color:rgba(37,99,235,0.2)!important}html body .material-field .select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted,html body .material-field .select2-container--default .select2-results__option[aria-selected="true"].select2-results__option--highlighted,body .box .material-field .select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted{color:#2563eb!important;background-color:rgba(37,99,235,0.3)!important}.material-field .select2-container--default .select2-results__option[role="option"],.material-field .select2-results__option[role="option"],.material-field .select2-results__options .select2-results__option{color:#000000!important}.material-field .select2-container--default .select2-results__option[role="option"]:hover,.material-field .select2-results__option[role="option"]:hover,.material-field .select2-results__options .select2-results__option:hover{color:#2563eb!important;background-color:rgba(37,99,235,0.1)!important}.material-field .select2-results__option,.material-field .select2-dropdown .select2-results__option,.material-field .select2-results .select2-results__option,.material-field .select2-results__options .select2-results__option,.material-field ul.select2-results__options li.select2-results__option,.material-field li.select2-results__option{color:#000000!important;background-color:#ffffff!important}.material-field .select2-results__option.select2-results__option--highlighted,.material-field .select2-container--default .select2-results__option--highlighted{color:#2563eb!important;background-color:rgba(37,99,235,0.1)!important}.material-field .material-datetime{padding:20px 12px 8px 12px;border:1px solid rgba(0,0,0,0.23);border-radius:8px;background-color:transparent;font-size:16px;transition:border-color 0.2s cubic-bezier(0.4,0,0.2,1),box-shadow 0.2s cubic-bezier(0.4,0,0.2,1);color:#000000}.material-field .material-datetime:focus{border-color:#2563eb;border-width:2px;box-shadow:0 0 0 2px rgba(37,99,235,0.12);outline:none}.material-field .material-datetime~label{top:8px;font-size:12px;background-color:transparent;color:rgba(0,0,0,0.6);z-index:1;padding:0}.material-field .material-datetime:focus~label{color:#2563eb}.material-field .xdsoft_datetimepicker{border:1px solid rgba(0,0,0,0.23);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);background-color:#ffffff;margin-top:4px}.material-field .xdsoft_datetimepicker .xdsoft_datepicker,.material-field .xdsoft_datetimepicker .xdsoft_timepicker{background-color:#ffffff}.material-field .xdsoft_datetimepicker .xdsoft_calendar td,.material-field .xdsoft_datetimepicker .xdsoft_calendar th{color:#000000!important;border-color:rgba(0,0,0,0.1)}.material-field .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.material-field .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current{background-color:rgba(37,99,235,0.1)!important;color:#2563eb!important}.material-field .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#2563eb!important;font-weight:600}.material-field .xdsoft_datetimepicker .xdsoft_calendar td:hover{background-color:rgba(37,99,235,0.1)!important;color:#2563eb!important}.material-field .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month{color:rgba(0,0,0,0.4)!important}.material-field .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{color:#000000!important;border-color:rgba(0,0,0,0.1)}.material-field .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover,.material-field .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background-color:rgba(37,99,235,0.1)!important;color:#2563eb!important}.material-field .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{background-color:#ffffff;border:1px solid rgba(0,0,0,0.23);border-radius:4px}.material-field .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{color:#000000!important}.material-field .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover,.material-field .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background-color:rgba(37,99,235,0.1)!important;color:#2563eb!important}.material-field .xdsoft_datetimepicker .xdsoft_prev,.material-field .xdsoft_datetimepicker .xdsoft_next,.material-field .xdsoft_datetimepicker .xdsoft_today_button{color:#2563eb!important}.material-field .xdsoft_datetimepicker .xdsoft_prev:hover,.material-field .xdsoft_datetimepicker .xdsoft_next:hover,.material-field .xdsoft_datetimepicker .xdsoft_today_button:hover{background-color:rgba(37,99,235,0.1)!important;color:#2563eb!important}.material-field.material-field-error .material-datetime,.material-field.has-error .material-datetime{border-color:#dc2626}.material-field.material-field-error .material-datetime:focus,.material-field.has-error .material-datetime:focus{border-color:#dc2626;box-shadow:0 0 0 2px rgba(220,38,38,0.12)}.material-field.material-field-error .material-datetime~label,.material-field.has-error .material-datetime~label{color:#dc2626}.bootstrap-switch{border-radius:9999px!important;min-width:50px!important;height:30px!important}.bootstrap-switch-wrapper{height:30px!important}.bootstrap-switch-container{border-radius:9999px!important;position:relative!important;overflow:hidden!important;height:100%!important;transition:background-color 0.2s ease-in-out!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.bootstrap-switch-container>*{box-sizing:border-box!important}.bootstrap-switch i{display:none!important}.bootstrap-switch-handle-on,.bootstrap-switch-handle-off{border-radius:9999px!important;height:100%!important;width:100%!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;padding:0!important;line-height:1!important;text-indent:-9999px!important;overflow:hidden!important;z-index:1!important;transition:background-color 0.2s ease-in-out,opacity 0.2s ease-in-out!important}.bootstrap-switch-handle-on>*,.bootstrap-switch-handle-off>*{display:none!important}.bootstrap-switch .bootstrap-switch-label{border-radius:50%!important;background-color:#ffffff!important;box-shadow:0 2px 4px rgba(0,0,0,0.2)!important;z-index:10!important;position:absolute!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;top:50%!important;bottom:auto!important;margin:0!important;padding:0!important;line-height:24px!important;text-align:center!important;text-indent:0!important;display:block!important;box-sizing:border-box!important;transform:translateY(-50%)!important;transition:left 0.2s ease-in-out,right 0.2s ease-in-out,transform 0.2s ease-in-out!important;margin-top:0!important;margin-bottom:0!important;margin-left:0!important;margin-right:0!important;transform-origin:center center!important}.bootstrap-switch .bootstrap-switch-label>*{display:none!important}.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container,.bootstrap-switch.bootstrap-switch-on{background-color:var(--color-brand-default,#526eff)!important}.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-on{background-color:var(--color-brand-default,#526eff)!important;opacity:1!important}.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-handle-off{opacity:0!important;pointer-events:none!important}.bootstrap-switch.bootstrap-switch-on[style*="left"] .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-on[style*="right"] .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-on[style*="width"] .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container[style*="left"] .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container[style*="right"] .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container[style*="width"] .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label[style*="left"],.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label[style*="right"],.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label[style*="width"]{left:auto!important;right:27px!important;width:24px!important;min-width:24px!important;max-width:24px!important}.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-wrapper .bootstrap-switch-container .bootstrap-switch-label,html body .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,html body .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container .bootstrap-switch-label{left:auto!important;right:27px!important;margin:0!important;margin-left:0!important;margin-right:0!important;margin-top:0!important;margin-bottom:0!important;padding:0!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;transform-origin:center center!important;position:absolute!important;display:block!important;box-sizing:border-box!important;float:none!important;clear:none!important;line-height:24px!important;text-align:center!important;text-indent:0!important}.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container,.bootstrap-switch.bootstrap-switch-off{background-color:#9ca3af!important}.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-off{background-color:#9ca3af!important;opacity:1!important}.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-handle-on{opacity:0!important;pointer-events:none!important}.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container .bootstrap-switch-label{left:3px!important;right:auto!important;margin-left:0!important;margin-right:0!important;margin-top:0!important;margin-bottom:0!important;transform:translateY(-50%)!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;transform-origin:center center!important}.bootstrap-switch-handle-on,.bootstrap-switch-handle-off,.bootstrap-switch-label{overflow:hidden}.bootstrap-switch-handle-on i::before,.bootstrap-switch-handle-off i::before{content:''!important}.bootstrap-switch-handle-on i::after,.bootstrap-switch-handle-off i::after{content:''!important}.bootstrap-switch-label>*{display:none!important}.material-field .editable-buttons,.material-field .btn-group.editable-buttons,.material-field .inline-edit-buttons{display:flex!important;gap:8px;margin-top:8px;position:relative;z-index:10}.material-field .editable-buttons .btn,.material-field .btn-group.editable-buttons .btn,.material-field .inline-edit-buttons .btn{display:inline-block!important;visibility:visible!important;opacity:1!important}.material-field .form-control:focus~.editable-buttons,.material-field .form-control:focus~.btn-group.editable-buttons,.material-field .form-control:focus~.inline-edit-buttons,.material-field:focus-within .editable-buttons,.material-field:focus-within .btn-group.editable-buttons,.material-field:focus-within .inline-edit-buttons{display:flex!important;visibility:visible!important;opacity:1!important}.material-field .form-control[data-bs-text]~.editable-buttons,.material-field .form-control[data-bs-text]~.btn-group,.material-field input[data-bs-text]~.editable-buttons,.material-field input[data-bs-text]~.btn-group{display:flex!important;visibility:visible!important;opacity:1!important;margin-top:8px;gap:8px}.material-field .editable-buttons.hidden,.material-field .btn-group.editable-buttons.hidden,.material-field .inline-edit-buttons.hidden,.material-field .editable-buttons.d-none,.material-field .btn-group.editable-buttons.d-none,.material-field .inline-edit-buttons.d-none{display:flex!important}.material-field.editing .editable-buttons,.material-field.editing .btn-group.editable-buttons,.material-field.editing .inline-edit-buttons{display:flex!important;visibility:visible!important;opacity:1!important}
.auth-shell #alerts .alert + .alert{margin-top:12px} :root{--auth-box-width:585px;--auth-box-height:452px}body.auth-body{margin:0;min-height:100vh;font-family:var(--font-family-base,'Fira Sans Condensed',sans-serif);background:url('/i/bg.png') center/cover no-repeat fixed;position:relative;color:var(--color-neutral-050,#f8fafc)}.auth-overlay{position:fixed;inset:0;background:rgba(14,23,39,0.55);pointer-events:none;z-index:0}.auth-shell{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:clamp(32px,8vh,72px) clamp(16px,6vw,96px)}.login-box{width:min(var(--auth-box-width),90vw)}.login-logo a{font-size:clamp(28px,4vw,36px);font-weight:var(--font-weight-medium,500);letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.92);text-shadow:0 10px 30px rgba(0,0,0,0.45)}.login-box-body{background:#ffffff;border-radius:23px;padding:clamp(32px,6vw,56px);box-shadow:0 34px 84px rgba(21,39,71,0.32);min-height:var(--auth-box-height);display:grid;gap:18px;color:var(--color-neutral-900,#1f2937)}.login-box-body h1,.login-box-body h2,.login-box-body h3,.login-box-body h4,.login-box-body h5,.login-box-body h6,.login-box-body p,.login-box-body label,.login-box-body span,.login-box-body .help-block,.login-box-body .control-label,.login-box-body .checkbox label,.login-box-body .radio label{color:var(--color-neutral-900,#1f2937)}.login-box-body .form-control{color:var(--color-neutral-900,#1f2937)}.login-box-body .form-control::placeholder{color:rgba(31,41,55,0.64)}.login-box-body h2{margin:0 0 8px;font-size:clamp(22px,3vw,28px);font-weight:var(--font-weight-semibold,600);text-align:center}.login-box-body .form-group{margin-bottom:18px}.login-box-body .form-control{height:48px;padding:12px 16px;border-radius:14px;border:1px solid rgba(17,24,39,0.12);box-shadow:none;font-size:var(--font-size-md,16px)}.login-box-body .form-control:focus{border-color:rgba(43,135,223,0.5);box-shadow:0 0 0 3px rgba(43,135,223,0.15)}.login-box-body .btn-primary{background:var(--color-brand-primary,#2B87DF);border-color:var(--color-brand-primary,#2B87DF);border-radius:18px;font-weight:var(--font-weight-medium,500);letter-spacing:0.04em;height:52px;transition:transform 0.15s ease,box-shadow 0.15s ease}.login-box-body .btn-primary:hover,.login-box-body .btn-primary:focus{background:#1f6ec5;border-color:#1f6ec5;transform:translateY(-1px);box-shadow:0 14px 32px rgba(31,110,197,0.35)}.login-box-body .row{display:flex;justify-content:space-between;align-items:center;margin:0}.login-box-body .row .col,.login-box-body .row .col-xs-6,.login-box-body .row .col-4{padding:0;width:50%}.login-box-body .row .col:first-child{text-align:left}.login-box-body .row .col:last-child{text-align:right}.login-box-body .row a{color:var(--color-brand-primary,#2B87DF);font-weight:var(--font-weight-medium,500)}.login-box-body .message,.login-box-body .auth-message{padding:12px 16px;border-radius:14px;background:rgba(43,135,223,0.08);color:var(--color-brand-primary,#2B87DF);margin:0 0 12px}#alerts{position:fixed!important;bottom:var(--space-2xl,48px)!important;right:var(--space-2xl,48px)!important;left:auto!important;top:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:12px!important;z-index:1100!important}#alerts .alert{width:min(var(--auth-box-width),90vw)!important;padding:1em!important;border-radius:0!important;border:0!important;background:var(--color-white-80,rgba(255,255,255,0.8))!important;box-shadow:0 18px 40px rgba(15,23,42,0.18)!important;color:var(--color-neutral-900,#1f2937)!important;font-size:var(--font-size-sm,14px)!important;justify-content:space-between;align-items:center;gap:12px!important;border-left:7px solid var(--color-brand-primary,#2B87DF)!important}#alerts .alert.alert-success{background:var(--color-success-easy,rgba(90,205,102,0.24))!important;border-left-color:var(--color-success-juice,#5acd66)!important}#alerts .alert.alert-danger,#alerts .alert.alert-error{background:var(--color-error-easy,rgba(242,202,202,0.72))!important;border-left-color:var(--color-error-juice,#db524e)!important}#alerts .alert.alert-warning{background:var(--color-attention-easy,rgba(255,215,96,0.24))!important;border-left-color:var(--color-attention-juice,#db524e)!important}#alerts .alert.alert-info{background:var(--color-white-64,rgba(255,255,255,0.64))!important;border-left-color:var(--color-brand-primary,#2B87DF)!important}#alerts .alert .close{margin-left:auto!important;opacity:0.6!important;font-size:14px!important;line-height:1!important;right:0px!important}#alerts .alert .close:hover{opacity:1!important}#alerts .alert + .alert{margin-top:0!important}@media (max-width:767px){#alerts{bottom:var(--space-xl,32px)!important;right:var(--space-md,16px)!important;left:var(--space-md,16px)!important;align-items:stretch!important}#alerts .alert{width:100%!important}}@media (min-width:768px){#alerts .alert{width:min(var(--auth-box-width),40vw)!important}}.login-box-body label[for="captcha"]{display:block;width:100%;text-align:center;margin-bottom:8px;color:var(--color-neutral-600,#475569);font-size:var(--font-size-sm,14px)}.login-box-body label[for="captcha"] + br{display:none}.login-box-body img[title="captcha"]{display:inline-block;vertical-align:middle;max-width:160px;border-radius:8px;margin-right:16px}.login-box-body #captcha{display:inline-block;vertical-align:middle;width:calc(100% - 176px);height:48px;padding:12px 16px;border-radius:14px;border:1px solid rgba(17,24,39,0.12);background:#ffffff;box-shadow:none;font-size:var(--font-size-md,16px);transition:border-color 0.15s ease,box-shadow 0.15s ease}.login-box-body #captcha:focus{border-color:rgba(43,135,223,0.5);box-shadow:0 0 0 3px rgba(43,135,223,0.15)}@media (max-width:600px){.login-box-body{padding:28px 24px 32px;min-height:auto;gap:16px}.login-box-body .form-group{margin-bottom:16px}.login-box-body img[title="captcha"]{display:block;margin:0 auto 12px}.login-box-body #captcha{width:100%;display:block}}