.dark .btn:hover{
}
.dark body {
    background: #0d0e0e !important;
}
.tippy-box {
    background: linear-gradient(145deg, rgba(15,25,40,0.97), rgba(25,35,60,0.97)) !important;
    color: #a7d0ff !important;
    font-family: 'Georgia', serif !important;
    font-size: 0.875rem !important;
    border: 0.0625rem solid rgba(120, 180, 255, 0.3) !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 0 1.25rem rgba(120,180,255,0.2), inset 0 0 0.9375rem rgba(100,160,255,0.1) !important;
    text-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.6);
    padding: 0.375rem 0.625rem !important;
    backdrop-filter: blur(0.25rem);
}

/* Стрелка */
.tippy-arrow {
    width: 1rem;
    height: 1rem;
}

.tippy-arrow::before {
    background: linear-gradient(145deg, rgba(15,25,40,0.97), rgba(25,35,60,0.97)) !important;
    box-shadow: 0 0 0.625rem rgba(120,180,255,0.3), inset 0 0 0.5rem rgba(100,160,255,0.2);
    border: 0.0625rem solid rgba(120,180,255,0.3);
    transform: scale(1.1);
    filter: drop-shadow(0 0 0.375rem rgba(120,180,255,0.4));
}
.dark .btn {
    font-family: 'Georgia', serif;
    letter-spacing: 0.0625rem;
    color: #ffd480;
    text-transform: uppercase;
    text-shadow: 0 0 0.625rem rgba(255, 220, 140, 0.6), 0 0 0.3125rem rgba(255, 220, 140, 0.4);
    background: linear-gradient(180deg, rgba(20, 30, 50, 0.9) 0%, rgba(10, 15, 30, 0.9) 100%);
    border: 0.0625rem solid rgba(255, 215, 150, 0.25)!important;
    border-radius: 0.5rem;
    padding: 0.625rem 1.25rem;
    box-shadow: inset 0 0 1.25rem rgba(255, 220, 140, 0.1), 0 0 0.9375rem rgba(120, 160, 255, 0.1);
    text-align: center;
}
button > div {
    align-items: center;
}
.dark .btn-close {
    display: block!important;
    padding: 0.5rem!important;
}
/*}*/
/*.dark .btn-promo-code{*/
/*    background: url("images/btn/3.png") no-repeat center;*/
/*    background-size: cover!important;*/
/*}*/
/*.dark .add_balance-button{*/
/*    background: url("images/btn/add_balance-button.png") no-repeat center;*/
/*    background-size: cover!important;*/
/*    min-width: 11.875rem;*/
/*    height: 2.8125rem;*/
/*}*/
/*.dark .create_account-button{*/
/*    background: url("images/btn/create_account-button.png") no-repeat center;*/
/*    background-size: cover!important;*/
/*    min-width: 10.9375rem;*/
/*    height: 2.8125rem;*/
/*}*/
/*.dark .send_money-button{*/
/*    background: url("images/btn/send_money-button1.png") no-repeat center;*/
/*    background-size: cover!important;*/
/*    min-width: 12.125rem;*/
/*    height: 2.8125rem;*/
/*}*/
/*@media (max-width: 48rem) {*/
/*    .dark .add_balance-button div{*/
/*        display: none!important;*/
/*    }*/
/*    .dark .create_account-button div{*/
/*        display: none!important;*/
/*    }*/
/*    .dark .send_money-button div{*/
/*        display: none!important;*/
/*    }*/
/*}*/
/*@media (min-width: 120rem) {*/
/*    .dark .add_balance-button{*/
/*        width: 11.875rem;*/
/*    }*/
/*    .dark .create_account-button{*/
/*        width: 10.9375rem;*/
/*    }*/
/*    .dark .send_money-button{*/
/*        width: 12.125rem;*/
/*    }*/
/*    .dark .add_balance-button div, .dark .btn-promo-contact div, .dark .btn-promo-code div, .dark .btn-promo-contact div{*/
/*        min-width: 0.9375rem!important;*/
/*    }*/
/*    .dark .create_account-button div{*/
/*        min-width: 0.9375rem!important;*/
/*    }*/
/*    .dark .send_money-button div{*/
/*        min-width: 0.9375rem!important;*/
/*    }*/
/*    .dark .btn-promo-contact {*/
/*        width: 2.75rem!important;*/
/*    }*/
/*    .dark .btn-promo-code{*/
/*        width: 8.125rem!important;*/
/*    }*/
/*    .dark .btn-promo-contact {*/
/*        width: 2.75rem!important;*/
/*    }*/
/*}*/
/*@media (max-width: 47.9375rem) {*/
/*    .dark .btn-promo-contact {*/
/*        background: url("images/btn/mini.png") no-repeat center!important;*/
/*        min-width: 2.75rem!important;*/
/*    }*/
/*    .dark .btn-promo-code{*/
/*        background: url("images/btn/mini.png") no-repeat center!important;*/
/*        min-width: 2.75rem!important;*/
/*    }*/
/*    .dark .btn-promo-contact {*/
/*        background: url("images/btn/mini.png") no-repeat center!important;*/
/*        min-width: 2.75rem!important;*/
/*    }*/
/*}*/

.dark .btn-lang, .dark .btn-lang-btn {
    background: url("images/btn/6.png") no-repeat center;
    background-size: cover!important;
}
/*.dark .btn-promo-contact {*/
/*    background: url("images/btn/5.png") no-repeat center;*/
/*    background-size: cover!important;*/
/*    min-width: 7.3125rem;*/
/*}*/
.dark .accordion-header button, .dark .btn-pay {
    /*background: url("images/btn/btn_type_1.png") no-repeat center!important;*/

}
    /* Можно добавить лёгкий эффект свечения при наведении */
.tippy-box:hover {
    box-shadow: 0 0 1.5625rem rgba(120,180,255,0.3), inset 0 0 1.25rem rgba(100,160,255,0.15) !important;
}
.form-switcher .peer:checked+.form-switcher-toggler:is(.dark *) {
    background-color: #363636!important;
}
/*.dark tr, .dark .table-list thead > tr > td, .dark .table-list tbody > tr > td, .btn:is(.dark *), .form-input:is(.dark *), .form-textarea:is(.dark *), .form-select:is(.dark *), .form-multiselect:is(.dark *), .form-file-upload:is(.dark *), .choices[data-type*=select-one] .choices__input, .alert:is(.dark *), fieldset:is(.dark *), .dark .choices{*/
/*    width: 13.125rem;*/
/*}*/
.dark .btn-style701,.dark .btn-start{
    background: url("images/btn/info-desc-btn3.png") no-repeat center!important;
    background-size: cover!important;
    /*background: rgba(34, 47, 62, 0.61) !important;*/
    border: 0.0625rem solid var(--color-border)!important;
    filter: grayscale(0) brightness(100%);
    -webkit-clip-path: polygon(calc(100% - .625rem) 0, calc(100% - 2.75rem) 1rem, calc(100% - .5625rem) .3125rem, 100% 50%, calc(100% - .625rem) 100%, .625rem 100%, 1.625rem calc(100% - 1.5rem), .5rem calc(100% - .25rem), 0 50%, .625rem 0);
    clip-path: polygon(calc(100% - .625rem) 0, calc(100% - 2.75rem) 1rem, calc(100% - .5625rem) .3125rem, 100% 50%, calc(100% - .625rem) 100%, .625rem 100%, 1.625rem calc(100% - 1.5rem), .5rem calc(100% - .25rem), 0 50%, .625rem 0);

}
.layout-content, .p-body-inner {
    max-width: 100%!important;
}
@media (min-width: 120.0625rem) {
    body, .node-body, .node-main, .node-title, .node-extra-row,
    .node-description, .u-dt, .listInline, .button-text, .btn, .xentr_stats_text, .pairs, dt {
        font-size: 101%!important;
    }
}
.dark .floating-button {
    background: url("images/btn/btn-color-2.png") no-repeat center!important;
    background-size: cover!important;
    /*background: rgba(34, 47, 62, 0.61) !important;*/
    filter: grayscale(0) brightness(100%);
    -webkit-clip-path: polygon(calc(100% - .625rem) 0, calc(100% - 2.75rem) 1rem, calc(100% - .5625rem) .3125rem, 100% 50%, calc(100% - .625rem) 100%, .625rem 100%, 1.625rem calc(100% - 1.5rem), .5rem calc(100% - .25rem), 0 50%, .625rem 0);
    clip-path: polygon(calc(100% - .625rem) 0, calc(100% - 2.75rem) 1rem, calc(100% - .5625rem) .3125rem, 100% 50%, calc(100% - .625rem) 100%, .625rem 100%, 1.625rem calc(100% - 1.5rem), .5rem calc(100% - .25rem), 0 50%, .625rem 0);

}
.dark .btn,.dark tr, .dark .table-list thead > tr > td, .dark .table-list tbody > tr > td, .btn:is(.dark *), .form-input:is(.dark *), .form-textarea:is(.dark *), .form-select:is(.dark *), .form-multiselect:is(.dark *), .form-file-upload:is(.dark *), .choices[data-type*=select-one] .choices__input, .alert:is(.dark *), fieldset:is(.dark *), .dark .choices {
    box-shadow: none!important;
    border: none!important;
}
.btn-dashboard {
    padding: 0 1.375rem!important;
}
* {
    scrollbar-width: thin;
    scrollbar-color: #9b5a35 #422418;
}
.modal-backdrop:is(.dark *) {
    background-color: rgba(14, 14, 14, 0.38)!important;
}
.dark {
    --color-second-light: rgba(5, 5, 5, 0.71) !important;
    --color-second: rgba(14, 14, 14, 0.58) !important;
    --color-second-hover: rgba(25, 36, 62, 0.26) !important;
    --color-border: rgba(200, 160, 40, 0.34) !important;

    --dark-100: rgba(140, 71, 39, 0.25);
    --dark-200: #4b2a1b;
    --dark-300: #3d2216;
    --dark-400: #2c1810;
    --dark-500: #21100a;
    --dark-600: #161514;
    --dark-700: #161514;
    --dark-800: #161514;
}
.dark .btn-main {
    background-size: cover!important;
}
@media (max-width: 64rem) {
    .dark .menu-heading {
        background: var(--dark-400)!important;
    }
    .dark ._is-opened {
        background: var(--dark-500)!important;
    }
}
.box:is(.dark *){
    background: url(".");
    box-sizing: border-box;
    border-radius: var(--border-radius);
    border: 0.0625rem solid var(--color-border);
    text-decoration: none;
}
.dark .box, .dark .box-donate {
    background: linear-gradient(145deg, rgba(15, 20, 28, .95), rgb(10 15 20 / 72%))!important;
    background-size: cover!important;
}
.dark .p-breadcrumbs > li:last-child a::after, .p-breadcrumbs > li:last-child a::before{
    background: var(--dark-400)!important;
}
.dark .p-breadcrumbs > li a::after, .p-breadcrumbs > li a::before {
    background: var(--dark-600)!important;
}
.dark .dropdown-content {
    background: var(--dark-600)!important;
}
.dark .irs--round .irs-bar {
    background: var(--dark-200)!important;;
}
.dark .irs--round .irs-handle{
    border: 0.25rem solid var(--dark-100)!important;
}
.dark .box-title,.dark .box-title div svg {
    font-size: 1.3rem!important;
}

.dark .box-title, .dark .layout-menu .menu-heading, .dark .layout-page .layout-navigation {
    border-color: var(--color-border)!important;
}
.dark .menu-heading-logo .block {
    margin-bottom: 0;
}
.dark .report-card-body hr {
    background: var(--color-border)!important;
}
.dark body, .dark\:bg-gray-800:is(.dark *), .offcanvas:is(.dark *) {
    border-color: var(--color-border)!important;
}
.dark .accordion-header button,.dark .btn-pay {
    background-size: cover!important;
}
:is(.dark .box-donate) {
    background: transparent!important;
}

.dark .menu-inner-link:hover .menu-inner-text, .dark .menu-inner-button:hover .menu-inner-text, .dark .menu-inner-link:hover svg, .dark .menu-inner-button:hover svg
{
    /*background: #222;*/
    /*background: #222;*/
}
.dark .layout-menu .menu-inner-item._is-active>.menu-inner-link:is(.dark *), .layout-menu .menu-inner-item._is-active>.menu-inner-button:is(.dark *){
    background: url("images/btn/btn-color-2.png")  no-repeat center;
    background-size: cover;
}

.dark .layout-wrapper, .dark body, .dark\:bg-gray-800:is(.dark *), .offcanvas:is(.dark *){
    /*background: url("../../images/theme/bg-top.jpg") no-repeat center;*/
    background: url("images/bg/bgg-1.jpg?v=1") no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}
.offcanvas:is(.dark *){
    background: rgba(20, 19, 19, 0.95) !important;
}
.dark .modal-content{
    background: #141313!important;
}
.dark .layout-page,.dark .box-donate, .dark .modal-content{
    background-color: var(--color-second)!important;
    box-sizing: border-box;
    text-decoration: none;
}
.dark .modal-content{
    background-color: rgba(14, 14, 14, 0.95)!important;
}
.dark hr, hr.divider{
    border: 0.0625rem solid var(--color-border)!important;
}
.dark .layout-page{
    box-sizing: border-box;
    border-radius: var(--border-radius);
    border: 0.0625rem solid var(--color-border);
    text-decoration: none;
    background-size: cover;
}
.dark .d34 {
    background: #1a1918 !important;
}
.dark .menu-heading-logo a img {
    box-shadow: none!important;
    max-width: 12rem!important;
    height: auto!important;
}
.dark .menu-heading-logo .block {
    max-width: 12rem!important;
    height: auto!important;
}
.dark .block-container:not(.block-container--noStripRadius) {
    background: var(--dark-600);
}
.dark .tinymce .tox-tinymce:is(.dark *), .tinymce .tox:not(.tox-tinymce-inline) .tox-editor-header:is(.dark *), .tinymce .tox .tox-statusbar:is(.dark *) {
    background: var(--dark-600);
    border: 0.0625rem solid rgba(255, 255, 255, 0.22);
}
/*.dark .box, .dark .space-elements, .dark .box-donate {*/
/*    padding: 0.9375rem;*/
/*}*/

@media (max-width: 63.9375rem) {
    .dark .layout-wrapper .layout-menu>*:is(.dark *), .layout-wrapper .layout-menu-horizontal>*:is(.dark *), .layout-wrapper .layout-menu-mobile>*:is(.dark *){
        margin-top: 0;
        /*background: url("../../images/btn/bgf.jpg") no-repeat center;*/
        box-sizing: border-box;
        border-radius: var(--border-radius);
        border: 0.0625rem solid var(--color-border);
        text-decoration: none;
    }
}

.dark .layout-menu .menu-inner-item._is-active>.menu-inner-link:is(.dark *),
.layout-menu .menu-inner-item._is-active>.menu-inner-button:is(.dark *){
    background: url("images/btn/btn.png") no-repeat 50%!important;
    background-size: 100% 100% !important;
    filter: grayscale(0) brightness(100%)!important;
    -webkit-clip-path: polygon(calc(100% - .625rem) 0, calc(100% - 2.75rem) 1rem, calc(100% - .5625rem) .3125rem, 100% 50%, calc(100% - .625rem) 100%, .625rem 100%, 1.625rem calc(100% - 1.5rem), .5rem calc(100% - .25rem), 0 50%, .625rem 0)!important;
    clip-path: polygon(calc(100% - .625rem) 0, calc(100% - 2.75rem) 1rem, calc(100% - .5625rem) .3125rem, 100% 50%, calc(100% - .625rem) 100%, .625rem 100%, 1.625rem calc(100% - 1.5rem), .5rem calc(100% - .25rem), 0 50%, .625rem 0)!important;
}
input::placeholder {
    color: rgba(255, 255, 255, 0.73) !important; /* нужный цвет */
}
.dark .layout-menu{
    padding-top: 0;
}
.dark tr, .dark .table-list thead > tr > td,.dark .table-list tbody > tr > td,
.btn:is(.dark *), .form-input:is(.dark *), .form-textarea:is(.dark *),
.form-select:is(.dark *), .form-multiselect:is(.dark *), .form-file-upload:is(.dark *),
.choices[data-type*=select-one] .choices__input, .alert:is(.dark *),
fieldset:is(.dark *), .dark .choices
{
    border: 0.0625rem solid var(--color-border)!important;
}
.form-group.form-group-expansion .expansion-wrapper:is(.dark *),.dark .form-switcher-toggler,.dark .accordion-content {
    border-color: var(--color-border)!important;
}
.dark .btn-promo-code {
    background: #56330e3d;
    color: #ffffffc7;
}
.form-group.form-group-expansion .expansion-wrapper:is(.dark *),.dark .form-switcher-toggler,
.choices .choices__list--dropdown:is(.dark *), .choices .choices__list[aria-expanded]:is(.dark *){
    border-color: var(--color-border)!important;
    background-color: #141313!important;
}
.modal-header:is(.dark *) {
    border-bottom: 0.0625rem solid var(--color-border)!important;
}
.offcanvas-backdrop:is(.dark *) {
    background: transparent!important;
}
.form-switcher .peer:checked+.form-switcher-toggler:is(.dark *){
    background: #4c370e;
}
.dark .table-list, :is(.dark .bgs-ava:hover), .dark .modal {
    background: transparent!important;
}
:is(.dark .btn-start:hover) {
    background-color: var(--color-second-hover)!important;
}

.dark .report-card:nth-child(1){
    /*background: url("http://127.0.0.1:8000/assets/panel/images/btn/r1.jpg") center no-repeat!important;*/
    /*background-size: cover!important;*/
}

.dark .report-card:nth-child(2){
    /*background: url("http://127.0.0.1:8000/assets/panel/images/btn/r2.jpg") center no-repeat!important;*/
    /*background-size: cover!important;*/
}

.dark .report-card:nth-child(3){
    /*background: url("http://127.0.0.1:8000/assets/panel/images/btn/r3.jpg") center no-repeat!important;*/
    /*background-size: cover!important;*/
}

.dark .menu-inner-link::before, .menu-inner-button::before {
    background: transparent!important;
}
:is(.dark .menu .menu-inner-link) {
    box-shadow: none!important;
}
.dark .layout-menu .menu-inner-link, .layout-menu .menu-inner-button , .layout-menu .menu-inner-link, .layout-menu .menu-inner-button{
    height: 2.8125rem!important;
    padding: 0 1.375rem;
}

@media (max-width: 1024px) {
    .dark .menu._is-opened,.dark .menu {
        max-width: 300px!important;
    }

}
.l2-server-block {
    display: flex;
    gap: 1.2rem;
    padding: 1.2rem 1.4rem;
    border-radius: 16px;

    background: linear-gradient(145deg, rgba(15, 20, 28, .95), rgb(10 15 20 / 72%));

    border: 1px solid rgba(200,160,40,0.35);

    box-shadow:
            0 8px 25px rgba(0,0,0,.65),
            inset 0 0 30px rgba(0,0,0,.7);

    transition: .3s ease;
}

.l2-server-block:hover {
    border-color: rgba(220,180,60,.7);
    box-shadow:
            0 0 20px rgba(200,160,40,.25),
            0 10px 30px rgba(0,0,0,.7);
}

/* ICON */

.server-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(200,160,40,.08);
    border: 1px solid rgba(200,160,40,.6);

    color: #e6c768;
    font-size: 1.1rem;
}

/* TEXT */

.server-main {
    flex: 1;
}

.server-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.server-name {
    font-size: 1.1rem;
    font-weight: 600;
    color: #f5e6b2;
}

.server-name span, .cl {
    color: #caa63a;
}

.server-status {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .8rem;
    letter-spacing: 1px;
    color: #caa63a;
}

.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

/* ONLINE цвет более мягкий */

.l2-server-block.online .status-dot {
    background: #6fd8a8;
    box-shadow: 0 0 8px #6fd8a8;
}

/* Players */

.server-players {
    margin-top: .5rem;
    font-size: .85rem;
    color: #cfcfcf;
    opacity: .9;
}

/* Progress bar */

.server-progress {
    margin-top: .8rem;
    height: 6px;
    border-radius: 6px;
    background: rgba(255,255,255,.05);
    overflow: hidden;
    border: 1px solid rgba(200,160,40,.25);
}

.progress-fill {
    height: 100%;
    border-radius: 6px;

    background: linear-gradient(90deg, #caa63a, #f0d27a);

    box-shadow: 0 0 12px rgba(220,180,60,.5);
}

/* OFFLINE */

.l2-server-block.offline .status-dot {
    background: #b94a48;
    box-shadow: 0 0 8px #b94a48;
}

.l2-server-block.offline .server-status {
    color: #b94a48;
}