@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;900&display=swap');

/* ══════════════════════════════════════════════════════════════
   L2HYPE — PANEL THEME  |  Dark Fantasy MMORPG
   ══════════════════════════════════════════════════════════════
   Palette:
     gold-bright  : #f0d080
     gold-main    : #dfc683
     gold-mid     : #c8a03c
     gold-dark    : #907b5b
     gold-deep    : #665945
     bg-void      : #030306
     bg-deep      : #060508
     bg-dark      : #0a0810
     bg-mid       : #0f0d16
     bg-surface   : #141220
   ══════════════════════════════════════════════════════════════ */

/* ── Root overrides ────────────────────────────────────────── */
.dark {
    --color-second:       #0c0a12 !important;
    --color-second-light: rgb(12 10 18 / 0.84) !important;
    --color-second-hover: #171321 !important;
    --color-border: rgb(166 139 96 / 0.35) !important;
    --dark-100: rgba(166,139,96,0.14);
    --dark-200: #1a1624;
    --dark-300: #15111e;
    --dark-400: #110e19;
    --dark-500: #0c0a13;
    --dark-600: #090710;
    --dark-700: #07060c;
    --dark-800: #050409;
}
/* ── Font ──────────────────────────────────────────────────── */

/* ── Scrollbar ─────────────────────────────────────────────── */
* { scrollbar-width: thin; scrollbar-color: #665945 #030306; }
*::-webkit-scrollbar            { width: 3px; height: 3px; }
*::-webkit-scrollbar-track      { background: #030306; }
*::-webkit-scrollbar-thumb      {
    background: linear-gradient(180deg, #665945, #907b5b);
    border-radius: 2px;
}
*::-webkit-scrollbar-thumb:hover { background: #dfc683; }

/* ── Global background ─────────────────────────────────────── */
.dark .layout-wrapper,
.dark body,
.dark\:bg-gray-800:is(.dark *),
.offcanvas:is(.dark *) {
    background: #060508 !important;
    border-color: rgba(144,123,91,0.10) !important;
}
.dark .layout-menu .menu-inner-link, .dark .layout-menu .menu-inner-button {
    background: rgb(18 17 17) !important;
}
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-link, .dark .layout-menu .menu-inner-item._is-active > .menu-inner-button {
    background: rgb(18 17 17) !important;
}
/* ── Layout page panel — semi-transparent so wrapper bg shows ── */
.dark .layout-page {
    background: rgb(4 3 8 / 38%) !important;
    border-left: 1px solid rgba(144,108,40,0.22) !important;
}
.dark .accordion-header button div { align-items: center; }

/* ── Top header bar ─────────────────────────────────────────── */
.dark .layout-navigation {
    border-bottom: 1px solid rgba(144,108,40,0.16) !important;
    backdrop-filter: none !important;
}

/* ══════════════════════════════════════════════════════════════
   SIDEBAR — cinematic game HUD style
   ══════════════════════════════════════════════════════════════ */
.dark .menu-heading-logo { text-align: center; }
.dark .menu-heading-logo a { margin: 0 auto; }
.dark .layout-menu::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(223,198,131,0.35), transparent);
    pointer-events: none;
    z-index: 10;
}
.dark .layout-wrapper{
    background: url("images/bg/bg.png?v=2") no-repeat center!important;
    box-sizing: border-box;
    border-radius: var(--border-radius);
    border: 1px solid var(--color-border);
    text-decoration: none;
    background-size: cover!important;
    background-attachment: fixed!important;
}
/* ── Menu items ── */
.dark .layout-menu .menu-inner-link,
.dark .layout-menu .menu-inner-button {
    height: 42px !important;
    padding: 0 14px 0 20px !important;
    border-radius: 2px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: rgba(210,183,128,0.75) !important;
    background: rgba(0,0,0,0.68) !important;
    border: 1px solid rgba(144,108,40,0.14) !important;
    box-shadow: none !important;
    position: relative !important;
    overflow: hidden !important;
    transition: color .2s, border-color .2s, background .2s !important;
}

/* bottom micro-divider */
.dark .layout-menu .menu-inner-link::before,
.dark .layout-menu .menu-inner-button::before {
    content: '' !important;
    position: absolute !important;
    left: 16px; right: 16px; bottom: 0; height: 1px;
    background: linear-gradient(90deg,
        transparent,
        rgba(144,108,40,0.22) 30%,
        rgba(180,140,60,0.18) 50%,
        rgba(144,108,40,0.22) 70%,
        transparent);
    opacity: 1;
    transition: none;
}

/* hover shimmer sweep */
.dark .layout-menu .menu-inner-link::after,
.dark .layout-menu .menu-inner-button::after {
    content: '' !important;
    position: absolute !important;
    inset: 0;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(223,198,131,0.05) 40%,
        rgba(223,198,131,0.10) 50%,
        rgba(223,198,131,0.05) 60%,
        transparent 100%);
    transform: translateX(-100%);
    transition: transform .35s ease;
}

/* icon */
.dark .layout-menu .menu-inner-link .w-6,
.dark .layout-menu .menu-inner-button .w-6 {
    color: rgba(180,148,80,0.58) !important;
    transition: color .2s, transform .2s !important;
}

/* ── Hover ── */
.dark .layout-menu .menu-inner-link:hover,
.dark .layout-menu .menu-inner-button:hover {
    color: rgba(240,208,128,0.75) !important;
    border-color: rgba(144,123,91,0.18) !important;
    background: linear-gradient(90deg,
        rgba(144,108,40,0.18) 0%,
        rgba(0,0,0,0.38)      100%) !important;
    box-shadow: none !important;
}
.dark .layout-menu .menu-inner-link:hover::after,
.dark .layout-menu .menu-inner-button:hover::after {
    transform: translateX(100%);
}
.dark .layout-menu .menu-inner-link:hover .w-6,
.dark .layout-menu .menu-inner-button:hover .w-6 {
    color: rgba(223,198,131,0.65) !important;
    transform: scale(1.08);
}

/* ── Active state — legendary gold ── */
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-link,
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-button {
    color: #ffe89a !important;
    background: linear-gradient(90deg,
        rgba(180,138,55,0.32)  0%,
        rgba(100,75,25,0.22)  40%,
        rgba(0,0,0,0.52)      100%) !important;
    border-top:    1px solid rgba(210,165,65,0.55) !important;
    border-bottom: 1px solid rgba(120,90,40,0.28) !important;
    border-left:   1px solid rgba(180,140,60,0.28) !important;
    border-right:  1px solid rgba(100,80,35,0.12) !important;
    box-shadow:
        inset 0 0 22px rgba(0,0,0,0.52),
        0 0 16px rgba(180,138,55,0.10) !important;
    text-shadow:
        0 0 12px rgba(255,220,100,0.55),
        0 1px 3px rgba(0,0,0,0.75) !important;
}

/* left glowing bar — height:auto fixes base height:1px bug */
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-link::before,
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-button::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    right: auto !important;
    height: auto !important;
    width: 3px !important;
    background: linear-gradient(180deg,
        transparent            0%,
        rgba(255,210,70,0.40)  15%,
        #f0c84a                35%,
        #ffe080                50%,
        #f0c84a                65%,
        rgba(255,210,70,0.40)  85%,
        transparent            100%) !important;
    box-shadow:
        0 0  5px rgba(255,225,100,0.90),
        0 0 12px rgba(240,195,65,0.65),
        0 0 26px rgba(190,145,40,0.35) !important;
    border-radius: 0 1px 1px 0 !important;
    opacity: 1 !important;
    animation: navBarPulse 2.8s ease-in-out infinite !important;
}

@keyframes navBarPulse {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.48; }
}

/* right-pointing chevron ▶ next to bar */
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-link::after,
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-button::after {
    content: '' !important;
    position: absolute !important;
    left: 7px !important;
    top: 50% !important;
    bottom: auto !important;
    right: auto !important;
    transform: translateY(-50%) !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
    border-top:    5px solid transparent !important;
    border-bottom: 5px solid transparent !important;
    border-left:   7px solid rgba(245,205,65,0.75) !important;
    border-right:  none !important;
    filter: drop-shadow(0 0 4px rgba(255,220,90,0.90)) !important;
    opacity: 1 !important;
    animation: chevronPulse 2.8s ease-in-out infinite !important;
}

@keyframes chevronPulse {
    0%, 100% { opacity: 1;    filter: drop-shadow(0 0 4px rgba(255,220,90,0.90)); }
    50%      { opacity: 0.48; filter: drop-shadow(0 0 2px rgba(255,220,90,0.40)); }
}

.dark .layout-menu .menu-inner-item._is-active > .menu-inner-link .w-6,
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-button .w-6 {
    color: #ffe89a !important;
    filter: drop-shadow(0 0 5px rgba(255,220,100,0.75)) !important;
}

/* ── Menu text ── */
.dark .menu-inner-text {
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 2.5px !important;
    color: inherit !important;
}

/* ── Dividers ── */
.dark .border-t.border-dark-200,
.dark li.border-t {
    border-color: rgba(144,123,91,0.12) !important;
    margin: 4px 0 !important;
}
.dark .divider {
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 3.5px !important;
    text-transform: uppercase !important;
    color: rgb(255 255 255 / 0.74) !important;
}

/* ── Collapse / misc buttons in sidebar ── */
.dark .menu-bottom .menu-inner-button {
    border-color: rgba(144,123,91,0.08) !important;
    color: rgba(144,123,91,0.30) !important;
    background: transparent !important;
}
.dark .menu-bottom .menu-inner-button:hover {
    color: #dfc683 !important;
    border-color: rgba(144,123,91,0.25) !important;
}
.btn-close div { display: flex !important; }

/* ── Sidebar heading ── */
.dark .layout-menu .menu-heading,
.dark .layout-page .layout-navigation {
    border-color: rgba(144,123,91,0.10) !important;
}
.dark .menu-heading-logo a img { box-shadow: none !important; width: 100%; height: 100%; }
@media (min-width: 1024px) { .dark .menu-heading { padding: 0; } }
.dark .js-form-submit-button-loader { display: none !important; }

/* ══════════════════════════════════════════════════════════════
   PROGRESS BAR — gold shimmer
   ══════════════════════════════════════════════════════════════ */
.dark .progress {
    background: rgba(144,123,91,0.08) !important;
    border: 1px solid rgba(144,123,91,0.10) !important;
    border-radius: 2px !important;
    overflow: hidden;
}
.dark .progress-bar,
.dark .progress-bar--primary {
    background: linear-gradient(90deg, #665945 0%, #907b5b 40%, #dfc683 100%) !important;
    border-radius: 2px !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 8px rgba(223,198,131,0.20);
}
.dark .progress-bar::after {
    content: '';
    position: absolute;
    top: 0; left: -70%; width: 70%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,244,200,0.22), transparent);
    animation: pbShimmer 2.4s ease-in-out infinite;
}
@keyframes pbShimmer { from { left: -70%; } to { left: 120%; } }

/* ══════════════════════════════════════════════════════════════
   DASHBOARD TOP STAT CARDS
   ══════════════════════════════════════════════════════════════ */
.dshb-card {
    position: relative;
    padding: 16px 18px 14px;
    display: flex;
    flex-direction: column;
    gap: 11px;
    background: rgba(5,4,10,0.60);
    border: 1px solid rgba(144,108,40,0.30);
    border-radius: 2px;
    overflow: hidden;
    transition: border-color .22s, box-shadow .22s;
}
.dshb-card:hover {
    border-color: rgba(195,155,60,0.52);
    box-shadow: 0 0 30px rgba(144,108,40,0.14);
}

/* top gold beam */
.dshb-card::before {
    content: '';
    position: absolute;
    top: 0; left: 6%; right: 6%; height: 1px;
    background: linear-gradient(90deg,
        transparent,
        rgba(190,148,50,0.45) 20%,
        rgba(245,205,75,0.85) 50%,
        rgba(190,148,50,0.45) 80%,
        transparent);
    pointer-events: none;
}

/* corner brackets */
.dshb-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(to right,  rgba(210,165,55,0.55) 7px, transparent 7px) top    left  / 7px 1px no-repeat,
        linear-gradient(to bottom, rgba(210,165,55,0.55) 7px, transparent 7px) top    left  / 1px 7px no-repeat,
        linear-gradient(to left,   rgba(210,165,55,0.55) 7px, transparent 7px) top    right / 7px 1px no-repeat,
        linear-gradient(to bottom, rgba(210,165,55,0.55) 7px, transparent 7px) top    right / 1px 7px no-repeat,
        linear-gradient(to right,  rgba(144,108,40,0.30) 7px, transparent 7px) bottom left  / 7px 1px no-repeat,
        linear-gradient(to top,    rgba(144,108,40,0.30) 7px, transparent 7px) bottom left  / 1px 7px no-repeat,
        linear-gradient(to left,   rgba(144,108,40,0.30) 7px, transparent 7px) bottom right / 7px 1px no-repeat,
        linear-gradient(to top,    rgba(144,108,40,0.30) 7px, transparent 7px) bottom right / 1px 7px no-repeat;
    pointer-events: none;
    border-radius: 2px;
    z-index: 0;
}

/* ── Head row: icon · label · number ── */
.dshb-card__head {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 1;
}

.dshb-card__ico,
.dshb-card__ico svg {
    width:  16px !important;
    height: 16px !important;
    color: rgba(200,165,80,0.72) !important;
    flex-shrink: 0;
}

.dshb-card__lbl {
    font-family: 'Cinzel', 'Times New Roman', serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: rgba(205,172,105,0.72) !important;
    white-space: nowrap;
}

.dshb-card__num {
    margin-left: auto;
    font-family: 'Cinzel', 'Times New Roman', serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: rgba(250,225,148,0.95) !important;
    text-shadow: 0 0 18px rgba(240,200,80,0.35) !important;
    letter-spacing: 0 !important;
}
/* hide the "Количество: " prefix coming from valueFormat HTML */
.dshb-card__num .hflex { display: none !important; }

/* ── Horizontal separator ── */
.dshb-card__sep {
    height: 1px;
    background: linear-gradient(90deg,
        transparent,
        rgba(144,108,40,0.28) 20%,
        rgba(180,140,55,0.28) 50%,
        rgba(144,108,40,0.28) 80%,
        transparent);
    position: relative;
    z-index: 1;
}

/* ── Action button row ── */
.dshb-card__act {
    position: relative;
    z-index: 1;
}
.dshb-card__act .btn {
    width: 100% !important;
    justify-content: center !important;
}

/* ══════════════════════════════════════════════════════════════
   SERVER INFO BLOCK
   ══════════════════════════════════════════════════════════════ */
#server-info .status-s,
#server-info [class*="status-s"] {
    background: rgba(4,3,8,0.97) !important;
    border: 1px solid rgba(144,123,91,0.22) !important;
    border-radius: 3px !important;
    box-shadow:
        inset 0 0 20px rgba(0,0,0,0.5),
        0 0 0 1px rgba(0,0,0,0.3) !important;
    position: relative !important;
    overflow: hidden !important;
}
#server-info .status-s::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg,
        transparent,
        rgba(223,198,131,0.50) 30%,
        rgba(240,208,128,0.70) 50%,
        rgba(223,198,131,0.50) 70%,
        transparent);
}

.dark .radial-progress { color: #dfc683 !important; }

/* ══════════════════════════════════════════════════════════════
   CARDS / BOX — game panel aesthetic
   ══════════════════════════════════════════════════════════════ */
.box:is(.dark *) {
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid rgba(144,123,91,0.14);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    background: rgba(7,5,12,0.95) !important;
    box-shadow:
        inset 0 1px 0 rgba(223,198,131,0.04),
        0 4px 24px rgba(0,0,0,0.55);
    transition: border-color .2s, box-shadow .2s;
}
.box:is(.dark *):hover {
    border-color: rgba(144,123,91,0.28);
    box-shadow:
        inset 0 1px 0 rgba(223,198,131,0.06),
        0 4px 32px rgba(0,0,0,0.65),
        0 0 20px rgba(144,123,91,0.06);
}

/* top gold line */
.box:is(.dark *)::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(144,123,91,0.0) 10%,
        rgba(223,198,131,0.45) 35%,
        rgba(240,208,128,0.65) 50%,
        rgba(223,198,131,0.45) 65%,
        rgba(144,123,91,0.0) 90%,
        transparent 100%);
    pointer-events: none;
    z-index: 1;
}

/* corner bracket accents */
.box:is(.dark *)::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(to right,  rgba(144,123,91,0.40) 8px, transparent 8px) top left    / 8px 1px no-repeat,
        linear-gradient(to bottom, rgba(144,123,91,0.40) 8px, transparent 8px) top left    / 1px 8px no-repeat,
        linear-gradient(to left,   rgba(144,123,91,0.40) 8px, transparent 8px) top right   / 8px 1px no-repeat,
        linear-gradient(to bottom, rgba(144,123,91,0.40) 8px, transparent 8px) top right   / 1px 8px no-repeat,
        linear-gradient(to right,  rgba(144,123,91,0.20) 8px, transparent 8px) bottom left / 8px 1px no-repeat,
        linear-gradient(to top,    rgba(144,123,91,0.20) 8px, transparent 8px) bottom left / 1px 8px no-repeat,
        linear-gradient(to left,   rgba(144,123,91,0.20) 8px, transparent 8px) bottom right/ 8px 1px no-repeat,
        linear-gradient(to top,    rgba(144,123,91,0.20) 8px, transparent 8px) bottom right/ 1px 8px no-repeat;
    pointer-events: none;
    border-radius: 3px;
    z-index: 1;
}
.offcanvas-backdrop:is(.dark *) {
    background-color: rgb(0 0 0 / 44%);
}

.dark .box,
.dark .box-donate    {background: rgb(0 0 0 / 81%) !important;}
:is(.dark .box-donate) { background: transparent !important; }
.dark .box-donate,
:is(.dark .bg-ava),
.dark .modal-content { background-color: var(--color-second) !important; }
.dark .box-title     { border-color: rgba(144,123,91,0.12) !important; }

/* ══════════════════════════════════════════════════════════════
   BUTTONS — premium dark-fantasy ornamental
   ══════════════════════════════════════════════════════════════ */
.dark .btn-style701,
.dark .btn-start,
.dark .btn {
    background: linear-gradient(
        180deg,
        rgba(30,22,12,1)  0%,
        rgba(18,13,6,1)   50%,
        rgba(12,9,4,1)   100%) !important;
    border: 1px solid rgba(144,123,91,0.50) !important;
    box-shadow:
        inset 0  1px 0   rgba(240,208,128,0.10),
        inset 0 -1px 0   rgba(0,0,0,0.60),
        inset 0  0  14px rgba(0,0,0,0.55),
        0 2px 10px rgba(0,0,0,0.60) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: rgba(223,198,131,0.80) !important;
    border-radius: 2px !important;
    padding: 0 22px !important;
    height: 40px;
    position: relative;
    overflow: hidden;
    transition: color .20s, border-color .20s, box-shadow .20s, background .20s !important;
}

/* top inner shine line */
.dark .btn-style701::before,
.dark .btn-start::before,
.dark .btn::before {
    content: '' !important;
    position: absolute !important;
    top: 0; left: 12%; right: 12%; height: 1px;
    background: linear-gradient(90deg,
        transparent,
        rgba(240,208,128,0.45) 30%,
        rgba(255,236,160,0.70) 50%,
        rgba(240,208,128,0.45) 70%,
        transparent) !important;
    pointer-events: none;
    opacity: 0.65;
    transition: opacity .20s;
    border-radius: 0;
    inset: auto !important;
    left: 12% !important; right: 12% !important; top: 0 !important;
}

/* sweep shimmer on hover */
.dark .btn-style701::after,
.dark .btn-start::after,
.dark .btn::after {
    content: '' !important;
    position: absolute !important;
    top: 0; left: -80%; width: 60%; height: 100%;
    background: linear-gradient(90deg,
        transparent,
        rgba(240,208,128,0.06) 40%,
        rgba(255,236,160,0.14) 50%,
        rgba(240,208,128,0.06) 60%,
        transparent) !important;
    transform: skewX(-18deg);
    transition: left .45s ease !important;
    opacity: 1;
}

/* hover */
.dark .btn-style701:hover,
.dark .btn-start:hover,
.dark .btn:hover {
    background: linear-gradient(
        180deg,
        rgba(48,34,16,1)  0%,
        rgba(28,20,8,1)   50%,
        rgba(18,12,4,1)  100%) !important;
    border-color: rgba(200,160,80,0.75) !important;
    color: #f5de90 !important;
    box-shadow:
        inset 0  1px 0   rgba(240,208,128,0.18),
        inset 0 -1px 0   rgba(0,0,0,0.50),
        inset 0  0  16px rgba(0,0,0,0.40),
        0 0 18px rgba(144,123,91,0.30),
        0 0 35px rgba(144,123,91,0.12) !important;
    text-shadow: 0 0 12px rgba(240,208,128,0.45) !important;
}
.dark .btn-style701:hover::before,
.dark .btn-start:hover::before,
.dark .btn:hover::before { opacity: 1; }
.dark .btn-style701:hover::after,
.dark .btn-start:hover::after,
.dark .btn:hover::after  { left: 120%; }

/* pressed */
.dark .btn-style701:active,
.dark .btn-start:active,
.dark .btn:active {
    transform: translateY(1px) !important;
    box-shadow:
        inset 0 0 20px rgba(0,0,0,0.80),
        0 1px 3px rgba(0,0,0,0.70) !important;
}

/* secondary */
.dark .btn-close,
.dark .accordion-btn,
.dark .btn-donate,
.dark .floating-button {
    background: linear-gradient(180deg, #0f0d18, #08070e) !important;
    border: 1px solid rgba(144,123,91,0.12) !important;
    transition: all .22s ease !important;
}
.dark .btn-close:hover,
.dark .btn-donate:hover,
.dark .floating-button:hover {
    background: linear-gradient(180deg, #161322, #0d0b18) !important;
    border-color: rgba(144,123,91,0.30) !important;
    box-shadow: 0 0 12px rgba(144,123,91,0.12) !important;
}
.dark .btn-dashboard { padding: 0 22px !important; }
.dark .accordion-header button,
.dark .btn-pay { background-size: cover !important; }

/* reset conflicts */
.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; }

/* ══════════════════════════════════════════════════════════════
   TABLES
   ══════════════════════════════════════════════════════════════ */
.dark .table-list,
:is(.dark .bgs-ava:hover),
.dark .modal { background: rgba(3,2,6,0.55) !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 {
    border: 1px solid rgb(144 123 91 / 38%) !important;
    color: #fff!important;
}
.dark input,
textarea {
    color: #d8c28a;
}

.dark input::placeholder,
textarea::placeholder {
    color: #9b8a68 !important;
    opacity: 1 !important;
}

.dark input:focus::placeholder,
textarea:focus::placeholder {
    color: #c8a85a !important;
    opacity: 1 !important;
}

.dark input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #9b8a68 !important;
    opacity: 1 !important;
}

.dark input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9b8a68 !important;
    opacity: 1 !important;
}
.dark .table-list thead > tr > td {
    background: rgba(144,123,91,0.05) !important;
    color: rgba(223,198,131,0.55) !important;
    font-size: 9px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid rgba(144,123,91,0.14) !important;
}
.dark .table-list tbody > tr:hover > td {
    background: rgba(144,123,91,0.05) !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 {
    border: 1px solid rgb(144 123 91 / 38%) !important;
    color: #f4f4f4 !important;
}
/* ══════════════════════════════════════════════════════════════
   FORMS
   ══════════════════════════════════════════════════════════════ */
input::placeholder { color: rgba(200,185,155,0.18) !important; }

.form-group.form-group-expansion .expansion-wrapper:is(.dark *),
.dark .form-switcher-toggler,
.dark .accordion-content,
.choices .choices__list--dropdown:is(.dark *),
.choices .choices__list[aria-expanded]:is(.dark *) {
    border-color: rgba(144,123,91,0.10) !important;
    background-color: var(--color-second) !important;
}
.form-switcher .peer:checked + .form-switcher-toggler:is(.dark *) {
    background: rgba(102,89,69,0.28) !important;
    border-color: rgba(144,123,91,0.45) !important;
}

/* ── Modals ── */
.modal-header:is(.dark *) { border-bottom: 1px solid rgba(144,123,91,0.12) !important; }

/* ── Dropdown ── */
.dark .dropdown-content {
    background: #060408 !important;
    border: 1px solid rgba(144,123,91,0.18) !important;
    box-shadow:
        0 8px 32px rgba(0,0,0,0.85),
        0 0 0 1px rgba(0,0,0,0.4) !important;
}

/* ── Range ── */
.dark .irs--round .irs-bar    { background: rgba(144,123,91,0.55) !important; }
.dark .irs--round .irs-handle { border: 4px solid rgba(144,123,91,0.60) !important; }

/* ── HR ── */
.dark hr, hr.divider { border: 1px solid rgba(144,123,91,0.08) !important; }
.dark .report-card-body hr { background: rgba(144,123,91,0.08) !important; }
.dark body,
.dark\:bg-gray-800:is(.dark *),
.offcanvas:is(.dark *) { border-color: rgba(144,123,91,0.07) !important; }

/* ── Breadcrumbs ── */
.dark .p-breadcrumbs > li:last-child a::after,
.dark .p-breadcrumbs > li:last-child a::before { background: var(--dark-400) !important; }
.dark .p-breadcrumbs > li a::after,
.dark .p-breadcrumbs > li a::before            { background: var(--dark-600) !important; }

/* ── Misc ── */
.dark .d34 { background: #09070f !important; }
.dark .block-container:not(.block-container--noStripRadius) { background: var(--dark-600); }

/* ── TinyMCE ── */
.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: 1px solid rgba(144,123,91,0.10);
}

/* ── Tippy tooltips ── */
.tippy-box {
    background: linear-gradient(145deg, #0f0d1a, #09080e) !important;
    font-family: 'Cinzel', 'Times New Roman', serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    border: 1px solid rgba(144,123,91,0.25) !important;
    border-radius: 2px !important;
    box-shadow:
        0 0 18px rgba(0,0,0,0.70),
        inset 0 1px 0 rgba(223,198,131,0.05) !important;
    text-shadow: none;
    padding: 5px 12px !important;
    backdrop-filter: none !important;
    color: rgba(223,198,131,0.85) !important;
}
.tippy-arrow { width: 14px; height: 14px; }
.tippy-arrow::before {
    background: #0f0d1a !important;
    border: 1px solid rgba(144,123,91,0.20);
    transform: scale(1.05);
    filter: none !important;
}

/* ── Layout gaps ── */
.dark .layout-wrapper .layout-menu > *:is(.dark *),
.layout-wrapper .layout-menu-horizontal > *:is(.dark *),
.layout-wrapper .layout-menu-mobile > *:is(.dark *) {
    gap: 10px !important;
    margin-top: 10px;
}

@media (max-width: 1024px) {
    .dark .menu-heading { background: var(--dark-400) !important; }
    .dark ._is-opened   { background: var(--dark-500) !important; }
}
@media (max-width: 1023px) {
    .dark .layout-wrapper .layout-menu > *:is(.dark *),
    .layout-wrapper .layout-menu-horizontal > *:is(.dark *),
    .layout-wrapper .layout-menu-mobile > *:is(.dark *) {
        margin-top: 0;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid rgba(144,123,91,0.08);
    }
    ._is-opened { margin-top: 30px !important; }
}
.dark .menu-inner-link::before,
.dark .menu-inner-button::before { height: 42px; }