/* Motyw Maylin2 — ładowany po style.css, nadpisuje wygląd bez zmiany struktury. */

:root {
    --gold: var(--mt-ink);
    --cream: #f3f6ea;
    --mt-ink: #e8c96a;
    --mt-ink-active: #fff8dc;
    --mt-bg-color: #0c1408;
    --mt-line: rgba(109, 100, 90, 0.45);
    --mt-panel-bg: rgba(12, 14, 11, 0.92) url("maylin/panel-texture.png") repeat;
    --mt-plate-bg: url("maylin/menu-bar.png") center / 100% 100% no-repeat;
}

body {
    background: #0c1408 url("maylin/bg.png") center top / cover no-repeat fixed;
}

html[data-theme-bg="custom"] body {
    background: var(--mt-bg-color);
}

html[data-theme-bg="image"] body {
    background: #0c1408 var(--mt-bg-image) center top / cover no-repeat fixed;
}

/* ——— Top bar ——— */
.topbar {
    background: rgba(8, 10, 8, 0.72);
    border-bottom: 1px solid rgba(109, 100, 90, 0.35);
    box-shadow: none;
}

.topbar-search {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    min-width: 0;
}

.topbar-search input[type="search"] {
    width: min(220px, 34vw);
    height: 32px;
    margin: 0;
    padding: 0 10px;
    background: rgba(12, 20, 8, 0.72);
    border: 1px solid #486d2a;
    border-radius: 0;
    color: var(--cream);
    font: inherit;
    font-size: 13px;
    -webkit-appearance: none;
    appearance: none;
}

.topbar-search input[type="search"]::-webkit-search-decoration,
.topbar-search input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.topbar-search input[type="search"]::placeholder {
    color: rgba(243, 246, 234, 0.45);
}

.topbar-search input[type="search"]:focus {
    outline: none;
    border-color: var(--mt-ink);
}

.theme-dropdown-panel.user-dropdown-panel {
    width: min(280px, calc(100vw - 24px));
}

.theme-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    align-items: end;
}

.theme-form .field-hint,
.theme-form .btn,
.theme-form .theme-bg-link,
.theme-form .login-form-field:has(#theme-bg) {
    grid-column: 1 / -1;
    margin: 0;
}

.theme-form .login-form-field {
    margin: 0;
    min-width: 0;
}

.theme-form .login-form-field label {
    font-size: 11px;
    line-height: 1.25;
}

.theme-form .login-form-field input[type="color"] {
    width: 100%;
    height: 28px;
    padding: 2px;
}

.theme-form .login-form-field input[type="url"] {
    width: 100%;
    height: 32px;
    margin: 0;
    padding: 0 8px;
    background: rgba(12, 20, 8, 0.72);
    border: 1px solid #486d2a;
    color: var(--cream);
    font: inherit;
    font-size: 12px;
}

.auth-card .search-result {
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid var(--mt-line);
    box-shadow: none;
}

.auth-card .search-results-heading {
    margin-top: 18px;
    color: var(--gold);
    font-family: Cinzel, serif;
    letter-spacing: 0.08em;
}

@media (max-width: 700px) {
    .topbar-search {
        flex: 1 1 100%;
        margin-left: 0;
    }

    .topbar-search input[type="search"] {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }
}

.topbar-search {
    display: none !important;
}

/* ——— Logo ——— */
.maylin-hero {
    text-align: center;
    padding: 6px 0 0;
}

.maylin-logo {
    width: 319px;
    max-width: 86vw;
    height: auto;
    display: inline-block;
}

/* ——— Nawigacja ——— */
.navbar {
    max-width: var(--max);
    margin: 6px auto 0;
    background: var(--mt-plate-bg);
    box-shadow: none;
}

.nav-accent-line {
    display: none;
}

.nav-inner {
    min-height: 48px;
    padding: 0 12px;
}

.nav-links li + li {
    border-left: 0;
}

.nav-side > ul {
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
    flex: 1 1 auto;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-side > ul > li {
    display: flex;
}

.nav-links a {
    font-family: Cinzel, serif;
    font-size: 13px;
    letter-spacing: 0.14em;
    color: var(--mt-ink);
    padding: 0 14px;
}

.nav-links a:hover,
.nav-links a.active {
    background: none;
    box-shadow: none;
    color: var(--mt-ink-active);
    text-shadow: 0 0 12px var(--mt-ink);
}

.nav-side > ul > li:not(:last-child) a::after {
    content: "";
    width: 6px;
    height: 6px;
    margin-left: 16px;
    background: var(--mt-ink);
    transform: rotate(45deg);
    box-shadow: 0 0 6px var(--mt-ink);
}

/* Okrągły przycisk „Pobierz klient” */
.nav-round-btn {
    width: 112px;
    height: 112px;
    margin: -32px 0 -32px;
    padding: 0 18px 4px !important;
    justify-content: center;
    text-align: center;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: 0.02em !important;
    color: #fff6d2 !important;
    background: url("maylin/round.png") center / contain no-repeat !important;
    text-shadow: 0 2px 3px #000 !important;
    position: relative;
    z-index: 2;
}

.nav-round-btn:hover {
    filter: brightness(1.12);
}

@media (min-width: 901px) {
    .navbar {
        margin-top: 36px;
        margin-bottom: 26px;
    }

    .nav-mobile-toggle {
        display: none !important;
    }

    .nav-panel {
        display: flex !important;
        width: 100%;
        flex: 1 1 auto;
    }

    .nav-links {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        width: 100%;
        overflow: visible;
    }

    .nav-side {
        min-width: 0;
        display: flex;
    }

    .nav-side--left > ul {
        justify-content: flex-end;
    }

    .nav-side--right > ul {
        justify-content: flex-start;
    }

    .nav-round {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 900px) {
    .has-js .nav-side > ul {
        flex-direction: column;
    }

    .has-js .nav-side > ul > li + li,
    .has-js .nav-links > li + li {
        border-top: 1px solid rgba(255, 255, 255, 0.06);
    }

    .nav-side > ul > li a::after {
        content: none !important;
    }

    .nav-round-btn {
        width: auto;
        height: auto;
        margin: 0;
        padding: 12px 16px !important;
        background: none !important;
        color: var(--gold) !important;
    }

    .nav-round-btn br {
        display: none;
    }
}

.brand-text strong {
    color: var(--mt-ink);
}

.activity-ribbon-label,
.ranking-more-link,
.text-link {
    color: var(--mt-ink);
}

.ranking-more-link:hover,
.text-link:hover {
    color: var(--mt-ink-active);
}
.activity-ribbon {
    max-width: var(--max);
    margin: 0 auto;
    background: var(--mt-panel-bg);
    border: 1px solid var(--mt-line);
    border-radius: 7px;
}

/* ——— Panele ——— */
.widget,
.auth-card,
.article-page,
.cta-bar,
.news-pagination,
.news-section,
.ranking-section {
    position: relative;
    isolation: isolate;
    padding: 14px;
    background: var(--mt-panel-bg);
    border: 0;
    border-radius: 0 0 7px 7px;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.48);
    color: var(--cream);
}

.widget::before,
.auth-card::before,
.article-page::before,
.news-section::before,
.ranking-section::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    background: rgba(10, 12, 9, 0.88);
    border-radius: 0 0 7px 7px;
}

.widget > *,
.auth-card > *,
.article-page > *,
.news-section > *,
.ranking-section > * {
    position: relative;
    z-index: 1;
}

.ranking-section.widget {
    padding-top: 14px;
    padding-bottom: 14px;
    background: var(--mt-panel-bg);
}

.widget::after,
.auth-card::after,
.article-page::after,
.cta-bar::after,
.news-pagination::after,
.news-section::after,
.ranking-section::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    border: 1px solid #6d645a;
    border-top: 0;
    border-radius: 0 0 7px 7px;
    box-shadow: 0 0 0 1px #35302d;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.25) 18%, #000 70%);
    mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.25) 18%, #000 70%);
}

.cta-bar,
.news-pagination {
    border-radius: 7px;
}

.cta-bar::after,
.news-pagination::after {
    border-top: 1px solid #6d645a;
    border-radius: 7px;
    -webkit-mask-image: none;
    mask-image: none;
}

/* Tytuły paneli — belka jak nawigacja */
.widget-title,
.ranking-section .ranking-heading,
.news-section-title,
.auth-card > h1.auth-card-title,
.auth-card .launcher-manifest-title {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin: -14px -14px 14px;
    padding: 0 10px;
    background: var(--mt-plate-bg);
    border: 0;
    font-family: Cinzel, serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 1;
    color: var(--gold);
    text-shadow: 0 1px 2px #000, 0 0 6px rgba(232, 201, 106, 0.35);
}

.news-section-title {
    margin: -14px -14px 18px;
    border-radius: 0;
}

.auth-card .admin-contact-heading {
    margin: 1.5rem -14px 14px;
}

.auth-card .ranking-section--page {
    padding: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.auth-card .ranking-section--page::after {
    content: none;
}

.news-section .article-card {
    background: var(--mt-panel-bg);
    border: 1px solid #6d645a;
    border-radius: 7px;
    box-shadow:
        0 0 0 1px #35302d,
        inset 0 0 20px rgba(0, 0, 0, 0.48);
}

.news-section .article-card-bg,
.news-section .article-card--csgo .article-card-bg,
.news-section .article-card--fifa .article-card-bg,
.news-section .article-card--event .article-card-bg {
    background: var(--mt-panel-bg);
    filter: none;
    transform: none;
}

.news-section .article-card:hover .article-card-bg {
    transform: none;
    filter: none;
}

.news-section .article-card-bg::after {
    background: rgba(10, 12, 9, 0.35);
}

.news-section .news-pagination {
    margin: 0;
    padding: 8px 0 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.news-section .news-pagination::after {
    content: none;
}

/* ——— Karty artykułów i boksy ——— */
.article-card,
.feature-box,
.shell.shell--home .content-main > .hero {
    border: 1px solid #6d645a;
    border-radius: 7px;
    box-shadow: 0 0 0 1px #35302d;
}

.feature-product {
    border-width: 1px;
}

.article-card h2,
.hero-title,
.feature-box h3,
.article-page h1 {
    font-family: Cinzel, serif;
    letter-spacing: 0.03em;
    color: var(--gold);
}

.article-card h2 {
    font-size: clamp(1.25rem, 2.6vw, 1.6rem);
}

.shell.shell--home .hero-title {
    font-size: clamp(1.6rem, 3.6vw, 2.4rem);
}

.feature-box h3 {
    font-size: 1.35rem;
}

/* ——— Tabele ——— */
.rank-table th {
    background: rgba(0, 0, 0, 0.35);
    color: var(--gold);
}

.rank-table th,
.rank-table td {
    border-bottom-color: var(--mt-line);
}

/* ——— Zakładki ——— */
.ranking-tabs {
    border-bottom: 0;
}

.ranking-tab,
.ranking-section--page .ranking-tab {
    min-height: 30px;
    border: 0;
    background: var(--mt-plate-bg);
    color: var(--gold);
    font-family: Cinzel, serif;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-shadow: 0 1px 2px #000;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.28);
}

.ranking-tab:hover,
.ranking-tab.active,
.ranking-section--page .ranking-tab.active {
    color: var(--mt-ink-active);
    border: 0;
    background: var(--mt-plate-bg);
    filter: brightness(1.16);
    box-shadow:
        inset 0 0 8px rgba(0, 0, 0, 0.2),
        0 0 6px rgba(62, 145, 130, 0.35);
}

/* Kategorie itemshopu — ten sam panel i belka co reszta */
.itemshop-nav {
    position: relative;
    padding: 14px;
    background: var(--mt-panel-bg);
    border: 0;
    border-radius: 0 0 7px 7px;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.48);
    color: var(--cream);
}

.itemshop-nav::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border: 1px solid #6d645a;
    border-top: 0;
    border-radius: 0 0 7px 7px;
    box-shadow: 0 0 0 1px #35302d;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.25) 18%, #000 70%);
    mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.25) 18%, #000 70%);
}

.itemshop-nav-title,
.auth-card .shop-category-title {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    margin: -14px -14px 14px;
    padding: 0 10px;
    background: var(--mt-plate-bg);
    border: 0;
    border-radius: 0;
    font-family: Cinzel, serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 1.2;
    color: var(--gold);
    text-shadow: 0 1px 2px #000, 0 0 6px rgba(232, 201, 106, 0.35);
}

.auth-card .shop-category-title {
    margin-top: 1.25rem;
}

.topup-card > .panel-block-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    margin: -14px -14px 14px;
    padding: 0 10px;
    background: var(--mt-plate-bg);
    font-family: Cinzel, serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.15;
    text-align: center;
    text-shadow: 0 1px 2px #000, 0 0 6px rgba(232, 201, 106, 0.35);
}

.itemshop-nav-link {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 36px;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.itemshop-nav-count,
.itemshop-nav-link.is-active .itemshop-nav-count {
    color: inherit;
}

/* ——— Przyciski metalowe ——— */
.btn-primary,
.btn-ghost,
.itemshop-nav-link {
    position: relative;
    border: 1px solid #777a72;
    border-radius: 3px;
    background:
        radial-gradient(circle at 8px 8px, #a3a59e 0 1px, #30332f 2px, transparent 3px),
        radial-gradient(circle at calc(100% - 8px) 8px, #a3a59e 0 1px, #30332f 2px, transparent 3px),
        radial-gradient(circle at 8px calc(100% - 8px), #a3a59e 0 1px, #30332f 2px, transparent 3px),
        radial-gradient(circle at calc(100% - 8px) calc(100% - 8px), #a3a59e 0 1px, #30332f 2px, transparent 3px),
        linear-gradient(180deg, #50534e 0%, #292c29 18%, #171a18 52%, #30332f 84%, #4b4e49 100%);
    color: var(--gold);
    font-family: Cinzel, serif;
    text-shadow: 0 1px 2px #000;
    box-shadow:
        inset 0 0 0 2px #202320,
        inset 0 1px 0 rgba(220, 220, 205, 0.28),
        0 2px 4px rgba(0, 0, 0, 0.5);
}

.btn-primary:hover,
.btn-ghost:hover,
.itemshop-nav-link:hover,
.itemshop-nav-link.is-active {
    background:
        radial-gradient(circle at 8px 8px, #b8baae 0 1px, #3a3d38 2px, transparent 3px),
        radial-gradient(circle at calc(100% - 8px) 8px, #b8baae 0 1px, #3a3d38 2px, transparent 3px),
        radial-gradient(circle at 8px calc(100% - 8px), #b8baae 0 1px, #3a3d38 2px, transparent 3px),
        radial-gradient(circle at calc(100% - 8px) calc(100% - 8px), #b8baae 0 1px, #3a3d38 2px, transparent 3px),
        linear-gradient(180deg, #62665f 0%, #363a35 18%, #20231f 52%, #3d413b 84%, #5b5f57 100%);
    color: var(--mt-ink-active);
    border-color: #a7a99f;
    box-shadow:
        inset 0 0 0 2px #202320,
        inset 0 1px 0 rgba(220, 220, 205, 0.35),
        0 2px 4px rgba(0, 0, 0, 0.5);
}

/* ——— Pola formularzy ——— */
.shell input[type="text"],
.shell input[type="password"],
.shell input[type="email"],
.shell input[type="search"],
.shell textarea,
.shell select,
.login-form input {
    background: rgba(12, 20, 8, 0.72);
    border: 1px solid #486d2a;
    color: var(--cream);
}

.itemshop-search,
.admin-users-search {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 16px 0 0;
}

.itemshop-search input[type="search"],
.admin-users-search input[type="search"],
.admin-users-search select {
    flex: 1 1 180px;
    width: auto;
    max-width: none;
    min-width: 0;
    height: 36px;
    margin: 0;
    padding: 0 12px;
    background: rgba(12, 20, 8, 0.72);
    border: 1px solid #486d2a;
    border-radius: 0;
    color: var(--cream);
    font: inherit;
    font-size: 14px;
    -webkit-appearance: none;
    appearance: none;
}

.itemshop-search input[type="search"]::-webkit-search-decoration,
.itemshop-search input[type="search"]::-webkit-search-cancel-button,
.admin-users-search input[type="search"]::-webkit-search-decoration,
.admin-users-search input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.itemshop-search input[type="search"]::placeholder,
.admin-users-search input[type="search"]::placeholder {
    color: rgba(243, 246, 234, 0.45);
}

.itemshop-search .btn,
.admin-users-search .btn {
    flex: 0 0 auto;
    height: 36px;
    margin: 0;
}

.shell--itemshop .shop-card--item {
    border: 1px solid #6d645a;
    border-left-width: 1px;
    border-radius: 0;
    background:
        linear-gradient(180deg, rgba(232, 201, 106, 0.06), transparent 42%),
        var(--mt-panel-bg);
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.48);
}

.shell--itemshop .shop-card--item:hover {
    border-color: rgba(232, 201, 106, 0.7);
}

.shop-card--item:hover .shop-item-icon,
.shop-card--item:focus-within .shop-item-icon {
    filter:
        drop-shadow(0 14px 6px rgba(0, 0, 0, 0.55))
        drop-shadow(0 0 10px rgba(232, 201, 106, 0.75));
}

.shop-item-icon--empty {
    border-color: rgba(232, 201, 106, 0.35);
}

/* ——— Stopka ——— */
.site-footer {
    background: rgba(8, 10, 8, 0.82);
    border-top: 1px solid var(--mt-line);
}

/* Transparent logo animation. The video includes a 50 px effect margin. */
.maylin-logo-motion {
    display: inline-block;
    position: relative;
    width: 370px;
    max-width: 86vw;
    aspect-ratio: 370 / 242;
    overflow: hidden;
    vertical-align: middle;
}
.maylin-logo-motion .maylin-logo-fallback {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 86.22%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.maylin-logo-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    pointer-events: none;
}
.maylin-logo-motion.is-playing .maylin-logo-video { opacity: 1; }
.maylin-logo-motion.is-playing .maylin-logo-fallback { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
    .maylin-logo-motion .maylin-logo-video { display: none; }
    .maylin-logo-motion .maylin-logo-fallback { visibility: visible; }
}

/* HotPay settings: scoped spacing and package fields. */
.hotpay-admin .hotpay-packages-scroll { overflow-x: auto; margin: 16px 0 22px; }
.hotpay-admin .hotpay-packages-table { width: 100%; min-width: 600px; table-layout: fixed; border-collapse: separate; border-spacing: 0 8px; }
.hotpay-admin .hotpay-packages-table th { padding: 0 6px 6px; text-align: left; font-size: 13px; }
.hotpay-admin .hotpay-packages-table td { padding: 0 6px; vertical-align: middle; }
.hotpay-admin .hotpay-packages-table input[type="text"] { display: block; box-sizing: border-box; width: 100%; min-width: 0; height: 38px; padding: 8px 10px; font: inherit; font-size: 14px; }
.hotpay-admin .hotpay-packages-table th:last-child,
.hotpay-admin .hotpay-packages-table td:last-child { text-align: center; }
.hotpay-admin .hotpay-packages-table input[type="checkbox"] { width: 18px; height: 18px; margin: 0; vertical-align: middle; }
.hotpay-admin .hotpay-actions { display: flex; flex-direction: column; gap: 12px; }
.hotpay-admin .hotpay-actions .btn { margin: 0; }
.hotpay-admin .field-hint { font-size: 12px; line-height: 1.6; }
.hotpay-admin .hotpay-actions .field-hint { margin: 0; }

/* Itemshop quantity fields share the shop's dark palette. */
.shell--itemshop .itemshop-qty-wrap { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
.shell--itemshop .itemshop-qty-label { font-size: 13px; color: var(--cream); }
.shell--itemshop input.itemshop-qty-input { box-sizing: border-box; width: 66px; height: 34px; padding: 5px 7px; background: rgba(12, 20, 8, 0.72); border: 1px solid #486d2a; border-radius: 3px; color: var(--cream); font: inherit; font-size: 14px; text-align: center; color-scheme: dark; }
.shell--itemshop input.itemshop-qty-input:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.shell--itemshop .shop-card--item .shop-card-buy { margin-top: auto; gap: 12px; }
.shell--itemshop .itemshop-buy-form { gap: 12px; }
.shell--itemshop .itemshop-buy-form .btn { min-height: 34px; margin: 0; }

/* Match regulation paragraphs to the existing rules list. */
#rules-main .auth-card > p:not(.auth-card-lead):not(.auth-card-footer) {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 16px;
}
#rules-main .auth-card > p strong { color: inherit; }

/* Space download settings sections away from their fields. */
.download-settings-form > .news-section-title { margin-top: 24px; margin-bottom: 18px; }
.download-settings-form > .news-section-title:first-of-type { margin-top: 8px; }

/* Smooth game icons without excessive enlargement. */
.shell--itemshop .shop-item-icon { width: 64px; height: 80px; image-rendering: auto; }
.shell--itemshop .shop-set-piece,
.shell--itemshop .shop-set-piece-tip img { image-rendering: auto; }
.shell--itemshop .shop-set-piece-tip img { width: 64px; height: 64px; }

.shell--itemshop .shop-item-icon.shop-set-preview { width: 160px; height: 200px; object-fit: contain; image-rendering: auto; }
.shell--itemshop .shop-item-visual:has(.shop-set-preview) { height: 216px; }

.shell--itemshop .shop-item-duration { margin: 8px 12px; color: var(--cream); font-size: 12px; text-align: center; }

.hotpay-admin-tabs { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 18px 0; }
.hotpay-history-filter { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; margin: 18px 0; }
.hotpay-history-filter .login-form-field { flex: 1 1 200px; margin: 0; }
.hotpay-history-scroll { overflow-x: auto; }
.hotpay-history-table { min-width: 1050px; width: 100%; }
.hotpay-history-table th, .hotpay-history-table td { padding: 10px; vertical-align: top; }
.hotpay-history-table code { font-size: 11px; overflow-wrap: anywhere; }