/* BikoSports visual system
   Palette values are owned by the BikoSports skin settings and exposed as --color*. */

body.skin-bikosports {
    --biko-accent: var(--color1);
    --biko-text: var(--color2);
    --biko-header: var(--color3);
    --biko-panel-raised: var(--color4);
    --biko-bg: var(--color5);
    --biko-panel: var(--color6);
    --biko-panel-soft: var(--color7);
    --biko-ink: var(--color8);
    --biko-muted: var(--color9);
    --biko-violet: var(--color10);
    --biko-orange: var(--color11);
    --biko-android: #3ddc84;
    --biko-accent-gradient: linear-gradient(180deg, color-mix(in srgb, var(--biko-accent) 88%, white 12%) 0%, var(--biko-accent) 42%, var(--biko-orange) 100%);
    --biko-violet-gradient: linear-gradient(145deg, color-mix(in srgb, var(--biko-violet) 78%, white 22%) 0%, var(--biko-violet) 52%, color-mix(in srgb, var(--biko-violet) 68%, var(--biko-bg) 32%) 100%);
    --biko-page-gradient: radial-gradient(circle at 76% -8%, color-mix(in srgb, var(--biko-violet) 26%, transparent) 0%, transparent 30%), radial-gradient(circle at 8% 16%, color-mix(in srgb, var(--biko-violet) 14%, transparent) 0%, transparent 26%), linear-gradient(180deg, var(--biko-bg) 0%, color-mix(in srgb, var(--biko-bg) 80%, black 20%) 100%);
    --biko-panel-gradient: linear-gradient(145deg, color-mix(in srgb, var(--biko-panel-raised) 88%, var(--biko-violet) 12%) 0%, var(--biko-panel) 100%);
    --biko-panel-subtle: color-mix(in srgb, var(--biko-panel) 90%, white 10%);
    --biko-border: color-mix(in srgb, var(--biko-violet) 36%, transparent);
    --biko-border-strong: color-mix(in srgb, var(--biko-violet) 66%, transparent);
    --biko-text-soft: color-mix(in srgb, var(--biko-text) 78%, transparent);
    --biko-text-muted: color-mix(in srgb, var(--biko-muted) 68%, transparent);
    --biko-shadow: 0 1.25rem 3.75rem rgba(2, 0, 20, .42);
    --biko-shadow-soft: 0 .65rem 1.8rem rgba(2, 0, 20, .28);
    --biko-radius-sm: .65rem;
    --biko-radius-md: .9rem;
    --biko-radius-lg: 1.25rem;
    --biko-radius-pill: 999rem;

    --font-primary: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    --premium-primary: var(--biko-accent);
    --premium-secondary: var(--biko-violet);
    --premium-bg: var(--biko-bg);
    --premium-surface: var(--biko-panel);
    --premium-card: var(--biko-panel-raised);
    --premium-border: var(--biko-border);

    --hdr-bg: linear-gradient(180deg, color-mix(in srgb, var(--biko-header) 88%, black 12%) 0%, var(--biko-header) 100%);
    --hdr-text: var(--biko-text);
    --hdr-text-soft: var(--biko-text-soft);
    --hdr-border: var(--biko-border);
    --hdr-line: var(--biko-accent);
    --hdr-btn-bg: color-mix(in srgb, var(--biko-panel-raised) 82%, transparent);
    --hdr-btn-bg-hover: color-mix(in srgb, var(--biko-violet) 34%, var(--biko-panel-raised));
    --hdr-btn-border: var(--biko-border);
    --hdr-btn-border-hover: var(--biko-border-strong);
    --hdr-btn-text: var(--biko-text);
    --hdr-login-bg: var(--biko-violet-gradient);
    --hdr-login-text: var(--biko-text);
    --hdr-login-bg-hover: linear-gradient(145deg, color-mix(in srgb, var(--biko-violet) 72%, white 28%), var(--biko-violet));
    --hdr-badge-bg: var(--biko-accent);
    --hdr-badge-text: var(--biko-ink);
    --hdr-badge-border: var(--biko-header);
    --hdr-dropdown-bg: var(--biko-panel-gradient);
    --hdr-dropdown-border: var(--biko-border-strong);
    --hdr-dropdown-radius: var(--biko-radius-lg);
    --hdr-dropdown-shadow: var(--biko-shadow);
    --hdr-menu-height: 2.35rem;

    min-height: 100vh;
    background: var(--biko-page-gradient);
    color: var(--biko-text);
    font-family: var(--font-primary);
}

body.skin-bikosports::before {
    position: fixed;
    z-index: -1;
    inset: 0;
    content: '';
    pointer-events: none;
    background: radial-gradient(circle at 94% 44%, color-mix(in srgb, var(--biko-violet) 10%, transparent), transparent 31%);
}

body.skin-bikosports h1,
body.skin-bikosports h2,
body.skin-bikosports h3,
body.skin-bikosports h4,
body.skin-bikosports h5,
body.skin-bikosports h6 {
    color: var(--biko-text);
    font-family: var(--font-primary);
    font-weight: 900;
    letter-spacing: -.025em;
}

body.skin-bikosports p,
body.skin-bikosports label,
body.skin-bikosports small {
    color: var(--biko-text-soft);
}

body.skin-bikosports a {
    color: var(--biko-text);
}

body.skin-bikosports a:hover {
    color: var(--biko-accent);
}

/* Header and navigation */
body.skin-bikosports #header {
    background: var(--hdr-bg);
    border-bottom: 1px solid var(--biko-border);
    box-shadow: 0 .75rem 2.5rem rgba(2, 0, 20, .32);
}

body.skin-bikosports #header .header-shell {
    background: transparent;
}

body.skin-bikosports #header .logo img {
    filter: brightness(1.08) contrast(1.08) saturate(1.08);
}

body.skin-bikosports #header .navigation-bar > .nav-menu > ul {
    gap: .38rem;
}

body.skin-bikosports .nav-menu > ul > li > a,
body.skin-bikosports .header-secondary-navigation a {
    color: var(--biko-text-soft);
    min-height: var(--hdr-menu-height);
    height: var(--hdr-menu-height);
    padding: 0 .95rem;
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .015em;
    background: color-mix(in srgb, var(--biko-panel-raised) 64%, transparent);
    border: 1px solid transparent;
    border-radius: var(--biko-radius-sm);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

body.skin-bikosports .nav-menu > ul > li > a:hover,
body.skin-bikosports .header-secondary-navigation a:hover,
body.skin-bikosports .sportsbook-section-nav a:hover {
    color: var(--biko-text);
    background: color-mix(in srgb, var(--biko-violet) 30%, var(--biko-panel));
    border-color: var(--biko-border);
    transform: translateY(-1px);
}

body.skin-bikosports .nav-menu > ul > li.active > a,
body.skin-bikosports .header-secondary-navigation a.active,
body.skin-bikosports .sportsbook-section-nav a.active {
    color: var(--biko-text);
    background: var(--biko-violet-gradient);
    border-color: color-mix(in srgb, var(--biko-violet) 76%, white 24%);
    box-shadow: 0 .4rem 1rem color-mix(in srgb, var(--biko-violet) 28%, transparent), inset 0 1px 0 rgba(255, 255, 255, .14);
}

body.skin-bikosports .nav-menu > ul > li.active > a::after,
body.skin-bikosports .header-secondary-navigation a.active::after,
body.skin-bikosports .sportsbook-section-nav a.active::after {
    content: none;
    display: none;
    box-shadow: none;
}

body.skin-bikosports .header-products-bar {
    align-items: center;
    min-height: 3rem;
    gap: .5rem;
    padding: .32rem 1rem;
    background: color-mix(in srgb, var(--biko-header) 92%, var(--biko-panel) 8%);
    border-top: 1px solid color-mix(in srgb, var(--biko-violet) 18%, transparent);
    border-bottom: 0;
    box-shadow: none;
}

body.skin-bikosports .header-products-bar .nav-menu > ul {
    gap: .38rem;
}

body.skin-bikosports .header-products-bar .nav-menu > ul > li {
    height: auto;
}

body.skin-bikosports .sportsbook-section-nav {
    min-height: 2.35rem;
    padding-left: .5rem;
    border-left-color: var(--biko-border);
}

body.skin-bikosports .sportsbook-section-nav__links {
    align-items: center;
    gap: .35rem;
}

body.skin-bikosports .sportsbook-section-nav a {
    min-height: 2.35rem;
    padding: .45rem .85rem;
    color: var(--biko-text-soft);
    background: color-mix(in srgb, var(--biko-panel-raised) 64%, transparent);
    border: 1px solid transparent;
    border-radius: var(--biko-radius-sm);
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

body.skin-bikosports .sportsbook-section-nav__live-dot {
    background: var(--biko-accent);
    box-shadow: 0 0 .6rem color-mix(in srgb, var(--biko-accent) 64%, transparent);
}

body.skin-bikosports .bonus-header-selected-chip {
    color: var(--biko-ink);
    background: var(--biko-accent-gradient);
    border-color: color-mix(in srgb, var(--biko-accent) 78%, white 22%);
    box-shadow: 0 .35rem .9rem color-mix(in srgb, var(--biko-orange) 22%, transparent);
}

body.skin-bikosports .legacy-chat-launcher i {
    font-size: 1.05rem;
    line-height: 1;
}

body.skin-bikosports .native-app-download .fa-android,
body.skin-bikosports .mobile-menu-nav .fa-android {
    color: var(--biko-android);
    text-shadow: 0 0 .7rem color-mix(in srgb, var(--biko-android) 45%, transparent);
}

body.skin-bikosports .header-icon-btn,
body.skin-bikosports .bonus-header-btn,
body.skin-bikosports .header-notifications-btn,
body.skin-bikosports .profile-header-group > .button-header,
body.skin-bikosports .settings-header-group > .button-header,
body.skin-bikosports .info-profile {
    color: var(--biko-text);
    background: var(--hdr-btn-bg);
    border-color: var(--hdr-btn-border);
    border-radius: var(--biko-radius-sm);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

body.skin-bikosports .header-icon-btn:hover,
body.skin-bikosports .bonus-header-btn:hover,
body.skin-bikosports .header-notifications-btn:hover,
body.skin-bikosports .profile-header-group > .button-header:hover,
body.skin-bikosports .settings-header-group > .button-header:hover {
    color: var(--biko-text);
    background: var(--hdr-btn-bg-hover);
    border-color: var(--hdr-btn-border-hover);
}

body.skin-bikosports .header-auth-btn-login,
body.skin-bikosports .login-pul {
    color: var(--biko-text);
    background: var(--biko-violet-gradient);
    border-color: color-mix(in srgb, var(--biko-violet) 72%, white 28%);
    border-radius: var(--biko-radius-sm);
    box-shadow: 0 .45rem 1.1rem color-mix(in srgb, var(--biko-violet) 32%, transparent);
}

body.skin-bikosports .header-auth-btn-register,
body.skin-bikosports .header-deposit-btn,
body.skin-bikosports .header-cashier-btn,
body.skin-bikosports .header-dropdown-cashier-link {
    color: var(--biko-ink);
    background: var(--biko-accent-gradient);
    border-color: color-mix(in srgb, var(--biko-accent) 80%, white 20%);
    border-radius: var(--biko-radius-sm);
    box-shadow: 0 .5rem 1.2rem color-mix(in srgb, var(--biko-orange) 24%, transparent);
    font-weight: 900;
}

body.skin-bikosports .header-auth-btn-register:hover,
body.skin-bikosports .header-deposit-btn:hover,
body.skin-bikosports .header-cashier-btn:hover,
body.skin-bikosports .header-dropdown-cashier-link:hover {
    color: var(--biko-ink);
    transform: translateY(-1px);
    filter: brightness(1.05);
}

body.skin-bikosports .number-message,
body.skin-bikosports .bonus-header-count,
body.skin-bikosports .header-notifications-count,
body.skin-bikosports #header .badge {
    color: var(--biko-ink);
    background: var(--biko-accent);
    border-color: var(--biko-header);
}

body.skin-bikosports .of-header.dropdown-menu,
body.skin-bikosports .profile-header-dropdown,
body.skin-bikosports .bonus-header-dropdown,
body.skin-bikosports .skin76-balance-dropdown,
body.skin-bikosports .mobile-menu-drawer {
    color: var(--biko-text);
    background: var(--biko-panel-gradient);
    border: 1px solid var(--biko-border-strong);
    border-radius: var(--biko-radius-lg);
    box-shadow: var(--biko-shadow);
}

body.skin-bikosports .profile-header-dropdown .box-balance,
body.skin-bikosports .profile-header-dropdown .footer-drop-down,
body.skin-bikosports .mobile-menu-drawer__section {
    border-color: var(--biko-border);
}

body.skin-bikosports .profile-header-dropdown .button-header,
body.skin-bikosports .footer-drop-down .button-header,
body.skin-bikosports .mobile-menu-drawer a {
    color: var(--biko-text-soft);
    border: 1px solid transparent;
    border-radius: var(--biko-radius-sm);
}

body.skin-bikosports .profile-header-dropdown .button-header:hover,
body.skin-bikosports .footer-drop-down .button-header:hover,
body.skin-bikosports .mobile-menu-drawer a:hover,
body.skin-bikosports .mobile-menu-drawer a.active {
    color: var(--biko-text);
    background: var(--biko-violet-gradient);
    border-color: var(--biko-border-strong);
    box-shadow: 0 .4rem 1rem color-mix(in srgb, var(--biko-violet) 22%, transparent);
}

/* Shared page surfaces */
body.skin-bikosports main,
body.skin-bikosports .content,
body.skin-bikosports .main-content,
body.skin-bikosports .body-content,
body.skin-bikosports .account-page-shell,
body.skin-bikosports .modern-player-page,
body.skin-bikosports .eng-hub-page,
body.skin-bikosports .rewards-hub-shell,
body.skin-bikosports .missions-page,
body.skin-bikosports .missions-2026-page,
body.skin-bikosports .missions-soft-page,
body.skin-bikosports .help-hub-page {
    color: var(--biko-text);
}

body.skin-bikosports .account-page-title,
body.skin-bikosports .modern-player-page__heading h1,
body.skin-bikosports .missions-2026-title,
body.skin-bikosports .missions-hub-title,
body.skin-bikosports .missions-soft-board-title,
body.skin-bikosports .rewards-hub-title,
body.skin-bikosports .help-hub-page h1 {
    color: var(--biko-text);
    font-weight: 900;
}

body.skin-bikosports .account-page-subtitle,
body.skin-bikosports .modern-player-page__heading p,
body.skin-bikosports .missions-2026-subtitle,
body.skin-bikosports .missions-hub-subtitle,
body.skin-bikosports .missions-soft-board-subtitle {
    color: var(--biko-text-muted);
}

body.skin-bikosports :where(
    .account-balance-card,
    .account-nav-card,
    .account-content-card,
    .account-panel,
    .account-filter-card,
    .account-table-card,
    .modern-player-sidebar,
    .modern-player-card,
    .modern-player-dropdown,
    .responsible-hero,
    .responsible-panel,
    .rewards-hub-card,
    .eng-hub-card,
    .eng-hub-simple-card,
    .mission-card,
    .mission-2026-card,
    .missions-soft-card,
    .mission-detail-dialog,
    .mission-2026-modal-dialog,
    .mission-soft-modal-dialog,
    .bonus-level-table-shell,
    .help-nav-panel,
    .help-article-card
) {
    color: var(--biko-text);
    background: var(--biko-panel-gradient);
    border-color: var(--biko-border);
    border-radius: var(--biko-radius-lg);
    box-shadow: var(--biko-shadow-soft);
}

body.skin-bikosports .missions-soft-page,
body.skin-bikosports .bonus-page-shell {
    background:
        radial-gradient(circle at 14% 4%, color-mix(in srgb, var(--biko-accent) 16%, transparent), transparent 28%),
        radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--biko-violet) 42%, transparent), transparent 36%),
        linear-gradient(180deg, color-mix(in srgb, var(--biko-panel) 45%, var(--biko-bg)), var(--biko-bg));
}

body.skin-bikosports .bonus-page-shell {
    padding: clamp(1rem, 2.4vw, 2.25rem) clamp(.75rem, 2vw, 1.5rem) 3.5rem;
}

body.skin-bikosports .bonus-page-container {
    width: min(92rem, 100%);
    margin-inline: auto;
    padding-inline: 0;
}

body.skin-bikosports .bonus-page-hero {
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid var(--biko-border);
    border-radius: var(--biko-radius-lg);
    background:
        radial-gradient(circle at 86% 15%, color-mix(in srgb, var(--biko-accent) 15%, transparent), transparent 20rem),
        linear-gradient(135deg, color-mix(in srgb, var(--biko-violet) 24%, var(--biko-panel-raised)), var(--biko-panel));
    box-shadow: var(--biko-shadow-soft), inset 0 1px 0 color-mix(in srgb, var(--biko-text) 8%, transparent);
}

body.skin-bikosports .bonus-empty-state-cta,
body.skin-bikosports .bonus-empty-state-cta:hover,
body.skin-bikosports .bonus-empty-state-cta:focus {
    color: var(--biko-ink);
    background: var(--biko-accent-gradient);
    border: 1px solid color-mix(in srgb, var(--biko-accent) 72%, white 28%);
    box-shadow: 0 .8rem 1.8rem color-mix(in srgb, var(--biko-orange) 28%, transparent);
}

body.skin-bikosports .bonus-empty-state-cta:hover,
body.skin-bikosports .bonus-empty-state-cta:focus {
    filter: brightness(1.04);
    transform: translateY(-.1rem);
}

body.skin-bikosports :where(
    .missions-soft-summary,
    .missions-soft-guide,
    .missions-soft-featured,
    .live-activity-widget,
    .bonus-summary-card,
    .bonus-vip-card,
    .bonus-card,
    .bonus-redeem-box
) {
    background:
        radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--biko-accent) 13%, transparent), transparent 30%),
        linear-gradient(145deg, color-mix(in srgb, var(--biko-panel-raised) 72%, var(--biko-violet) 28%), var(--biko-panel));
    border-color: var(--biko-border-strong);
    box-shadow: var(--biko-shadow-soft), inset 0 1px 0 color-mix(in srgb, var(--biko-text) 9%, transparent);
}

body.skin-bikosports .missions-soft-board {
    background:
        radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--biko-violet) 32%, transparent), transparent 34%),
        var(--biko-panel-gradient);
    border-color: var(--biko-border-strong);
}

body.skin-bikosports .missions-soft-card {
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--biko-accent) 10%, transparent), transparent 28%),
        linear-gradient(145deg, color-mix(in srgb, var(--biko-violet) 24%, var(--biko-panel-raised)), var(--biko-panel));
    border-color: var(--biko-border-strong);
}

body.skin-bikosports .missions-soft-card:hover {
    border-color: color-mix(in srgb, var(--biko-accent) 50%, var(--biko-violet));
    box-shadow: 0 1.15rem 2.8rem color-mix(in srgb, var(--biko-violet) 28%, transparent);
}

body.skin-bikosports :where(
    .missions-soft-stat,
    .bonus-summary-balance,
    .bonus-vip-inline-card,
    .bonus-card-modern-stat
) {
    background: color-mix(in srgb, var(--biko-violet) 20%, var(--biko-panel-raised));
    border-color: var(--biko-border-strong);
}

body.skin-bikosports .bonus-page-bg-orb {
    opacity: .34;
}

body.skin-bikosports .bonus-rakeback-card {
    min-height: 14rem;
    padding: 1.05rem;
    border-color: var(--biko-border-strong);
    background:
        radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--biko-accent) 10%, transparent), transparent 32%),
        linear-gradient(155deg, color-mix(in srgb, var(--biko-violet) 22%, var(--biko-panel-raised)), var(--biko-panel));
    box-shadow: var(--biko-shadow-soft), inset 0 1px 0 color-mix(in srgb, var(--biko-text) 8%, transparent);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.skin-bikosports .bonus-rakeback-card:hover {
    transform: translateY(-.18rem);
    border-color: color-mix(in srgb, var(--biko-accent) 50%, var(--biko-violet));
    box-shadow: 0 1.15rem 2.6rem color-mix(in srgb, var(--biko-violet) 24%, transparent);
}

body.skin-bikosports .bonus-rakeback-art {
    min-height: 6.25rem;
}

body.skin-bikosports .bonus-rakeback-art::before {
    width: 4.75rem;
    height: 4.75rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--biko-accent) 13%, transparent), transparent 68%);
}

body.skin-bikosports .bonus-rakeback-art img {
    width: min(48%, 5rem);
    max-height: 5rem;
    filter: saturate(.92) drop-shadow(0 .55rem .8rem rgba(0, 0, 0, .32));
}

body.skin-bikosports .bonus-rakeback-info-btn:hover,
body.skin-bikosports .bonus-vip-info-btn:hover,
body.skin-bikosports .bonus-xp-card-info-btn:hover,
body.skin-bikosports .bonus-promo-info-btn:hover {
    color: var(--biko-ink);
    background: var(--biko-accent-gradient);
    border-color: var(--biko-accent);
    transform: translateY(-.08rem);
}

body.skin-bikosports :where(
    .account-section-title,
    .account-label,
    .account-balance-title,
    .modern-player-section-head span,
    .eng-hub-card-label,
    .rewards-hub-type,
    .mission-card-reward-label,
    .mission-2026-reward-label,
    .missions-soft-card-label,
    .bonus-level-feature-value
) {
    color: var(--biko-accent);
}

body.skin-bikosports :where(
    .account-sub-label,
    .modern-profile-summary__identity small,
    .eng-hub-card-desc,
    .mission-card-text,
    .mission-2026-text,
    .missions-soft-card-text,
    .bonus-level-feature-description,
    .help-article-card__body
) {
    color: var(--biko-text-muted);
}

body.skin-bikosports .account-nav-item,
body.skin-bikosports .modern-player-menu a,
body.skin-bikosports .responsible-layout nav a,
body.skin-bikosports .help-nav-link {
    color: var(--biko-text-soft);
    background: color-mix(in srgb, var(--biko-panel-raised) 72%, transparent);
    border: 1px solid transparent;
    border-radius: var(--biko-radius-sm);
}

body.skin-bikosports .account-nav-item:hover,
body.skin-bikosports .modern-player-menu a:hover,
body.skin-bikosports .responsible-layout nav a:hover,
body.skin-bikosports .help-nav-link:hover {
    color: var(--biko-text);
    background: color-mix(in srgb, var(--biko-violet) 20%, var(--biko-panel-raised));
    border-color: var(--biko-border);
}

body.skin-bikosports .account-nav-item.current-p-tab,
body.skin-bikosports .account-nav-item.is-active,
body.skin-bikosports .modern-player-menu a.is-active,
body.skin-bikosports .responsible-layout nav a.is-active,
body.skin-bikosports .help-nav-link.is-active {
    color: var(--biko-text);
    background: var(--biko-violet-gradient);
    border-color: var(--biko-border-strong);
    box-shadow: 0 .55rem 1.3rem color-mix(in srgb, var(--biko-violet) 24%, transparent);
}

/* Forms, controls and tables */
body.skin-bikosports :where(
    input:not([type='checkbox']):not([type='radio']),
    select,
    textarea,
    .form-control,
    .account-input,
    .account-select,
    .account-textarea,
    .account-custom-select-toggle,
    .account-custom-select-menu,
    .auth-input,
    .auth-select,
    .help-nav-search__input,
    .help-mobile-picker__search-input
) {
    color: var(--biko-text);
    background: color-mix(in srgb, var(--biko-bg) 62%, var(--biko-panel) 38%);
    border-color: var(--biko-border);
    border-radius: var(--biko-radius-sm);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

body.skin-bikosports :where(input, textarea)::placeholder {
    color: var(--biko-text-muted);
}

body.skin-bikosports :where(
    input:not([type='checkbox']):not([type='radio']),
    select,
    textarea,
    .form-control,
    .account-input,
    .account-select,
    .auth-input,
    .auth-select
):focus {
    color: var(--biko-text);
    background: color-mix(in srgb, var(--biko-panel) 76%, black 24%);
    border-color: var(--biko-accent);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--biko-accent) 18%, transparent);
}

body.skin-bikosports .account-custom-select-option:hover,
body.skin-bikosports .account-custom-select-option.is-selected {
    color: var(--biko-text);
    background: color-mix(in srgb, var(--biko-violet) 26%, transparent);
}

body.skin-bikosports table,
body.skin-bikosports .table,
body.skin-bikosports .account-datatable,
body.skin-bikosports .bonus-level-table {
    color: var(--biko-text-soft);
    background: transparent;
}

body.skin-bikosports :where(table, .table, .account-datatable, .bonus-level-table) thead th {
    color: var(--biko-accent);
    background: color-mix(in srgb, var(--biko-violet) 13%, var(--biko-panel));
    border-color: var(--biko-border);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
}

body.skin-bikosports :where(table, .table, .account-datatable, .bonus-level-table) tbody td {
    color: var(--biko-text-soft);
    background: transparent;
    border-color: color-mix(in srgb, var(--biko-border) 68%, transparent);
}

body.skin-bikosports :where(table, .table, .account-datatable, .bonus-level-table) tbody tr:hover td {
    background: color-mix(in srgb, var(--biko-violet) 10%, transparent);
}

/* Buttons */
body.skin-bikosports :where(
    .btn-primary,
    .account-btn-primary,
    .auth-btn--primary,
    .cashier-submit,
    .deposit-method-btn,
    .withdraw-method-btn,
    .cashier-conversion-button,
    .mission-btn-primary,
    .mission-2026-btn:not(.mission-2026-btn-secondary),
    .missions-soft-card-btn,
    .modern-player-button:not(.modern-player-button--secondary):not(.modern-player-button--danger),
    .responsible-hero__actions a:first-child
) {
    color: var(--biko-ink);
    background: var(--biko-accent-gradient);
    border-color: color-mix(in srgb, var(--biko-accent) 78%, white 22%);
    border-radius: var(--biko-radius-sm);
    box-shadow: 0 .55rem 1.4rem color-mix(in srgb, var(--biko-orange) 22%, transparent);
    font-weight: 900;
}

body.skin-bikosports :where(
    .btn-primary,
    .account-btn-primary,
    .auth-btn--primary,
    .cashier-submit,
    .deposit-method-btn,
    .withdraw-method-btn,
    .cashier-conversion-button,
    .mission-btn-primary,
    .mission-2026-btn:not(.mission-2026-btn-secondary),
    .missions-soft-card-btn,
    .modern-player-button:not(.modern-player-button--secondary):not(.modern-player-button--danger)
):hover {
    color: var(--biko-ink);
    filter: brightness(1.06);
    transform: translateY(-1px);
}

body.skin-bikosports :where(
    .btn-secondary,
    .account-btn-secondary,
    .auth-btn--secondary,
    .mission-btn-secondary,
    .mission-2026-btn-secondary,
    .modern-player-button--secondary,
    .responsible-hero__actions a:last-child
) {
    color: var(--biko-text);
    background: color-mix(in srgb, var(--biko-violet) 24%, var(--biko-panel));
    border-color: var(--biko-border-strong);
    border-radius: var(--biko-radius-sm);
}

/* Cashier, wallet and payment methods */
body.skin-bikosports :where(
    .cashier-tabs,
    .cashier-methods,
    .cashier-orders-section,
    .cashier-form,
    .cashier-conversion-box,
    .cashier-status,
    .deposit-status-card,
    .crypto-payment-card,
    .wallet-swap-card
) {
    color: var(--biko-text);
    background: var(--biko-panel-gradient);
    border-color: var(--biko-border);
    border-radius: var(--biko-radius-lg);
    box-shadow: var(--biko-shadow-soft);
}

body.skin-bikosports .bonus-levels-overview-section {
    margin: 1.5rem 0;
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid var(--biko-border);
}

body.skin-bikosports .bonus-levels-overview-section .bonus-vip-section-head {
    margin-bottom: 1rem;
}

body.skin-bikosports .bonus-levels-overview-section .bonus-level-table-shell {
    margin: 0;
}

body.skin-bikosports .cashier-tab {
    color: var(--biko-text-muted);
    border-radius: var(--biko-radius-sm);
}

body.skin-bikosports .cashier-tab.is-active,
body.skin-bikosports .cashier-tab.active {
    color: var(--biko-ink);
    background: var(--biko-accent-gradient);
}

body.skin-bikosports .deposit-method-card,
body.skin-bikosports .withdraw-method-card,
body.skin-bikosports .cashier-method-row,
body.skin-bikosports .cashier-order-row,
body.skin-bikosports .mobile-payment-card {
    color: var(--biko-text);
    background: linear-gradient(135deg, color-mix(in srgb, var(--biko-panel-soft) 74%, var(--biko-panel) 26%), var(--biko-panel));
    border-color: var(--biko-border);
    border-radius: var(--biko-radius-md);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

body.skin-bikosports .deposit-method-card:hover,
body.skin-bikosports .withdraw-method-card:hover,
body.skin-bikosports .cashier-method-row:hover {
    border-color: var(--biko-accent);
    box-shadow: 0 .8rem 2rem color-mix(in srgb, var(--biko-violet) 18%, transparent);
    transform: translateY(-2px);
}

body.skin-bikosports .deposit-method-logo,
body.skin-bikosports .withdraw-method-logo,
body.skin-bikosports .cashier-method-icon {
    background: color-mix(in srgb, var(--biko-accent) 13%, var(--biko-panel));
    border-color: color-mix(in srgb, var(--biko-accent) 52%, transparent);
    border-radius: var(--biko-radius-md);
}

body.skin-bikosports .cashier-order-status,
body.skin-bikosports .cashier-status-label,
body.skin-bikosports .cashier-welcome-pill {
    border-radius: var(--biko-radius-pill);
}

/* Affiliate, rewards, missions, levels and responsible gambling */
body.skin-bikosports :where(
    .affiliate-page,
    .affiliate-shell,
    .affiliate-dashboard,
    .affiliate-panel,
    .affiliate-card,
    .rewards-hub-board,
    .missions-hub-filters,
    .missions-soft-board,
    .bonus-levels-overview-section,
    .responsible-layout
) {
    color: var(--biko-text);
}

body.skin-bikosports :where(
    .affiliate-panel,
    .affiliate-card,
    .rewards-hub-board,
    .missions-hub-filters,
    .missions-soft-board,
    .bonus-levels-overview-section
) {
    background: var(--biko-panel-gradient);
    border-color: var(--biko-border);
    border-radius: var(--biko-radius-lg);
    box-shadow: var(--biko-shadow-soft);
}

body.skin-bikosports .missions-2026-filter-chip,
body.skin-bikosports .missions-hub-filter-chip,
body.skin-bikosports .missions-soft-filter-chip,
body.skin-bikosports .mission-status-chip,
body.skin-bikosports .mission-type-badge,
body.skin-bikosports .missions-soft-chip,
body.skin-bikosports .missions-soft-pill {
    color: var(--biko-text-soft);
    background: color-mix(in srgb, var(--biko-violet) 18%, var(--biko-panel));
    border-color: var(--biko-border);
    border-radius: var(--biko-radius-pill);
}

body.skin-bikosports .missions-2026-filter-chip.is-active,
body.skin-bikosports .missions-hub-filter-chip.is-active,
body.skin-bikosports .missions-soft-filter-chip.is-active {
    color: var(--biko-ink);
    background: var(--biko-accent-gradient);
    border-color: var(--biko-accent);
}

body.skin-bikosports .mission-progress-fill,
body.skin-bikosports .mission-progress-bar-fill,
body.skin-bikosports .mission-2026-progress-fill,
body.skin-bikosports .missions-soft-progress-fill,
body.skin-bikosports .bonus-promo-selector-progress-fill {
    background: linear-gradient(90deg, var(--biko-violet), var(--biko-accent));
    box-shadow: 0 0 1rem color-mix(in srgb, var(--biko-accent) 42%, transparent);
}

body.skin-bikosports .bonus-level-current-pill {
    color: var(--biko-ink);
    background: var(--biko-accent-gradient);
    border-color: var(--biko-accent);
}

body.skin-bikosports .bonus-level-table-level-col.is-current-level {
    color: var(--biko-text);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--biko-accent) 16%, var(--biko-panel-raised)), color-mix(in srgb, var(--biko-violet) 24%, var(--biko-panel)));
    box-shadow: inset 0 .22rem 0 var(--biko-accent);
}

body.skin-bikosports .bonus-level-table-cell.is-current-level {
    color: var(--biko-text);
    background: color-mix(in srgb, var(--biko-accent) 8%, var(--biko-panel-raised));
}

body.skin-bikosports .bonus-level-table tbody tr:hover .bonus-level-table-cell.is-current-level {
    background: color-mix(in srgb, var(--biko-accent) 13%, var(--biko-panel-raised));
}

@media (max-width: 61.9375rem) {
    body.skin-bikosports .bonus-page-shell {
        padding: .75rem .6rem 4.5rem;
    }

    body.skin-bikosports .bonus-page-hero {
        padding: 1rem;
    }

    body.skin-bikosports .bonus-levels-overview-section {
        padding: .85rem;
        border-radius: var(--biko-radius-md);
    }

    body.skin-bikosports .prf-footer__trust-inner {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
    }

    body.skin-bikosports .prf-footer__trust-inner::-webkit-scrollbar {
        display: none;
    }

    body.skin-bikosports .prf-footer__trust-item {
        flex: 0 0 auto;
    }
}

body.skin-bikosports .responsible-hero {
    background: radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--biko-violet) 34%, transparent), transparent 34%), var(--biko-panel-gradient);
}

body.skin-bikosports .responsible-faq > *,
body.skin-bikosports .responsible-assessment,
body.skin-bikosports .responsible-limit-list > * {
    background: var(--biko-panel-subtle);
    border-color: var(--biko-border);
    border-radius: var(--biko-radius-md);
}

/* BikoSports engagement hubs: compact hierarchy, brighter content and denser cards. */
body.skin-bikosports .eng-hub-topbar {
    grid-template-columns: 1fr;
    gap: .9rem;
}

body.skin-bikosports .eng-hub-summary {
    min-height: 0;
    padding: 1.5rem;
    gap: 1.15rem;
    background:
        radial-gradient(circle at 86% 16%, color-mix(in srgb, var(--biko-accent) 15%, transparent), transparent 25%),
        radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--biko-violet) 40%, transparent), transparent 34%),
        linear-gradient(135deg, color-mix(in srgb, var(--biko-panel-raised) 68%, var(--biko-violet) 32%), var(--biko-panel));
    border-color: var(--biko-border-strong);
}

body.skin-bikosports .eng-hub-guide {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(12rem, .28fr) minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    padding: .85rem 1rem;
    background: linear-gradient(110deg, color-mix(in srgb, var(--biko-violet) 24%, var(--biko-panel-raised)), var(--biko-panel));
    border-color: var(--biko-border);
}

body.skin-bikosports .eng-hub-guide-head {
    align-items: center;
}

body.skin-bikosports .eng-hub-guide-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
}

body.skin-bikosports .eng-hub-guide-item {
    min-height: 4.5rem;
    align-items: center;
    padding: .7rem .75rem;
    background: color-mix(in srgb, var(--biko-violet) 17%, var(--biko-panel-raised));
    border-color: var(--biko-border);
}

body.skin-bikosports .eng-hub-guide-item-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.skin-bikosports .eng-hub-stats {
    gap: .8rem;
}

body.skin-bikosports .eng-hub-stat {
    min-height: 4.8rem;
    background: linear-gradient(145deg, color-mix(in srgb, var(--biko-violet) 22%, var(--biko-panel-raised)), color-mix(in srgb, var(--biko-panel) 92%, white 8%));
    border-color: var(--biko-border);
}

body.skin-bikosports .eng-hub-filters {
    margin: .2rem 0 1rem;
    padding: .2rem;
}

body.skin-bikosports .eng-hub-board-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .9rem;
}

body.skin-bikosports .eng-hub-board-title {
    font-size: clamp(1.75rem, 2.4vw, 2.35rem);
}

body.skin-bikosports .eng-hub-simple-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .9rem;
}

body.skin-bikosports .eng-hub-simple-card {
    min-height: 0;
    background:
        radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--biko-accent) 11%, transparent), transparent 28%),
        linear-gradient(155deg, color-mix(in srgb, var(--biko-violet) 24%, var(--biko-panel-raised)), var(--biko-panel));
    border-color: var(--biko-border-strong);
    box-shadow: 0 .8rem 2rem color-mix(in srgb, var(--biko-bg) 56%, transparent);
}

body.skin-bikosports .eng-hub-simple-card:hover {
    background:
        radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--biko-accent) 18%, transparent), transparent 32%),
        linear-gradient(155deg, color-mix(in srgb, var(--biko-violet) 34%, var(--biko-panel-raised)), var(--biko-panel));
    border-color: color-mix(in srgb, var(--biko-accent) 44%, var(--biko-violet));
}

body.skin-bikosports .eng-hub-simple-media {
    aspect-ratio: 5 / 2;
}

body.skin-bikosports .eng-hub-simple-media picture,
body.skin-bikosports .rewards-hub-mission-media picture {
    display: contents;
}

/* Rewards Hub: le card promozione usano i banner del cliente (1600x640 / 800x640) */
body.skin-bikosports .rewards-hub-mission-media.is-promotion {
    aspect-ratio: 5 / 2;
}

@media (max-width: 48rem) {
    body.skin-bikosports .eng-hub-simple-media,
    body.skin-bikosports .rewards-hub-mission-media.is-promotion {
        aspect-ratio: 5 / 4;
    }
}

body.skin-bikosports .eng-hub-simple-body {
    gap: .68rem;
    padding: .85rem 1rem 1rem;
}

body.skin-bikosports .eng-hub-simple-title {
    font-size: 1.16rem;
}

body.skin-bikosports .eng-hub-simple-card .eng-hub-card-btn {
    min-height: 2.7rem;
}

body.skin-bikosports .promotions-bc-page,
body.skin-bikosports .race-bc-page {
    --pb-bg: var(--biko-bg);
    --pb-text: var(--biko-text);
    --pb-text-soft: var(--biko-text-soft);
    --pb-text-muted: var(--biko-text-muted);
    --pb-border: var(--biko-border-strong);
    --rb-bg: var(--biko-bg);
    --rb-text: var(--biko-text);
    --rb-text-soft: var(--biko-text-soft);
    --rb-text-muted: var(--biko-text-muted);
    --rb-border: var(--biko-border-strong);
    background:
        radial-gradient(circle at 14% 0%, color-mix(in srgb, var(--biko-accent) 14%, transparent), transparent 28%),
        radial-gradient(circle at 90% 8%, color-mix(in srgb, var(--biko-violet) 36%, transparent), transparent 34%),
        var(--biko-bg);
}

body.skin-bikosports .promotions-bc-hero,
body.skin-bikosports .race-bc-hero {
    background: color-mix(in srgb, var(--biko-panel) 78%, var(--biko-bg));
    border-color: var(--biko-border-strong);
}

body.skin-bikosports .promotions-bc-hero-bg,
body.skin-bikosports .race-bc-hero-bg {
    opacity: .52;
}

body.skin-bikosports .promotions-bc-hero-bg::before,
body.skin-bikosports .race-bc-hero-bg::before {
    background: linear-gradient(90deg, color-mix(in srgb, var(--biko-panel) 88%, transparent), color-mix(in srgb, var(--biko-panel) 55%, transparent) 48%, color-mix(in srgb, var(--biko-bg) 76%, transparent));
}

body.skin-bikosports :where(
    .promotions-bc-description-wrap,
    .promotions-bc-terms,
    .promotions-bc-games-wrap,
    .promotions-bc-faq-wrap,
    .promotions-bc-other-wrap,
    .race-bc-widget-shell,
    .race-bc-prizes-wrap,
    .race-bc-games-wrap,
    .race-bc-faq-wrap
) {
    background: var(--biko-panel-gradient);
    border: 1px solid var(--biko-border);
    border-radius: var(--biko-radius-lg);
    border-color: var(--biko-border);
    box-shadow: var(--biko-shadow-soft);
}

body.skin-bikosports .promotions-bc-shell {
    max-width: 90rem;
}

body.skin-bikosports .promotions-bc-back a {
    color: var(--biko-text);
    background: color-mix(in srgb, var(--biko-violet) 20%, var(--biko-panel-raised));
    border-color: var(--biko-border);
}

body.skin-bikosports .promotions-bc-hero {
    min-height: 31rem;
    border-radius: 1.55rem;
    box-shadow: 0 1.4rem 3.4rem color-mix(in srgb, var(--biko-bg) 62%, transparent), inset 0 1px 0 color-mix(in srgb, white 8%, transparent);
}

body.skin-bikosports .promotions-bc-hero-inner {
    grid-template-columns: minmax(0, 1.12fr) minmax(20rem, .78fr);
    min-height: 31rem;
    padding: 2rem 2.25rem;
}

body.skin-bikosports .promotions-bc-copy {
    padding-left: .35rem;
}

body.skin-bikosports .promotions-bc-title {
    font-size: clamp(2.5rem, 4vw, 4rem);
    max-width: 13ch;
}

body.skin-bikosports .promotions-bc-art-card {
    width: min(100%, 27rem);
    border-color: color-mix(in srgb, var(--biko-accent) 28%, var(--biko-border));
    box-shadow: 0 1.5rem 3rem color-mix(in srgb, var(--biko-bg) 58%, transparent), 0 0 2rem color-mix(in srgb, var(--biko-accent) 12%, transparent);
}

body.skin-bikosports .promotions-bc-art-card img {
    aspect-ratio: 4 / 3;
}

body.skin-bikosports .promotions-bc-section {
    margin: 1rem 0;
    padding: 0;
}

body.skin-bikosports :where(
    .promotions-bc-description-wrap,
    .promotions-bc-games-wrap,
    .promotions-bc-faq-wrap,
    .promotions-bc-other-wrap
) {
    max-width: none;
    padding: 1.35rem 1.5rem;
}

body.skin-bikosports .promotions-bc-section-title {
    position: relative;
    margin-bottom: 1rem;
    padding-left: .9rem;
    text-align: left;
    font-size: 1.35rem;
}

body.skin-bikosports .promotions-bc-section-title::before {
    position: absolute;
    top: .08rem;
    bottom: .08rem;
    left: 0;
    width: .25rem;
    border-radius: var(--biko-radius-pill);
    background: var(--biko-accent-gradient);
    content: '';
}

body.skin-bikosports .promotions-bc-description {
    padding: .1rem .2rem;
    color: var(--biko-text-soft);
    background: transparent;
    border: 0;
    box-shadow: none;
}

body.skin-bikosports .promotions-bc-other-wrap .game-rail-item {
    width: 19rem;
    min-width: 19rem;
}

body.skin-bikosports .promotions-bc-other-card {
    padding: .55rem;
    border: 1px solid var(--biko-border);
    border-radius: var(--biko-radius-md);
    background: color-mix(in srgb, var(--biko-violet) 18%, var(--biko-panel-raised));
}

body.skin-bikosports .promotions-bc-modal .modal-content,
body.skin-bikosports .race-bc-modal .modal-content,
body.skin-bikosports .promotions-bc-modal .modal-header,
body.skin-bikosports .race-bc-modal .modal-header,
body.skin-bikosports .promotions-bc-modal .modal-body,
body.skin-bikosports .race-bc-modal .modal-body {
    color: var(--biko-text);
    background: var(--biko-panel-gradient);
    border-color: var(--biko-border-strong);
}

body.skin-bikosports .promotions-bc-modal-info-box,
body.skin-bikosports .race-bc-modal-info-box {
    background: color-mix(in srgb, var(--biko-violet) 18%, var(--biko-panel-raised));
    border-color: var(--biko-border);
}

body.skin-bikosports .promotions-bc-modal .modal-content,
body.skin-bikosports .race-bc-modal .modal-content {
    overflow: hidden;
    box-shadow: 0 1.75rem 4.5rem color-mix(in srgb, var(--biko-bg) 72%, transparent), 0 0 2rem color-mix(in srgb, var(--biko-violet) 18%, transparent);
}

body.skin-bikosports .promotions-bc-modal .modal-header,
body.skin-bikosports .race-bc-modal .modal-header {
    background: linear-gradient(110deg, color-mix(in srgb, var(--biko-violet) 32%, var(--biko-panel-raised)), var(--biko-panel));
}

@media (max-width: 68rem) {
    body.skin-bikosports .eng-hub-guide {
        grid-template-columns: 1fr;
    }

    body.skin-bikosports .eng-hub-guide-list,
    body.skin-bikosports .eng-hub-simple-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.skin-bikosports .promotions-bc-hero-inner {
        grid-template-columns: 1fr;
        min-height: 0;
    }
}

@media (max-width: 48rem) {
    body.skin-bikosports .eng-hub-summary {
        padding: 1rem;
    }

    body.skin-bikosports .eng-hub-guide {
        display: none;
    }

    body.skin-bikosports .eng-hub-board-head {
        display: block;
    }

    body.skin-bikosports .eng-hub-simple-grid {
        grid-template-columns: 1fr;
    }

    body.skin-bikosports .promotions-bc-hero {
        min-height: 0;
        border-radius: 1.25rem;
    }

    body.skin-bikosports .promotions-bc-hero-inner {
        padding: .9rem;
    }

    body.skin-bikosports :where(
        .promotions-bc-description-wrap,
        .promotions-bc-games-wrap,
        .promotions-bc-faq-wrap,
        .promotions-bc-other-wrap
    ) {
        padding: 1rem;
    }
}

/* Authentication and generic overlays */
body.skin-bikosports .auth-modal,
body.skin-bikosports .casino-modal-overlay,
body.skin-bikosports .casino2026-modal-overlay,
body.skin-bikosports .mission-detail-modal-backdrop,
body.skin-bikosports .mission-2026-modal-backdrop,
body.skin-bikosports .mission-soft-modal-backdrop {
    background: rgba(3, 0, 20, .78);
    backdrop-filter: blur(.55rem);
}

body.skin-bikosports .auth-modal-card,
body.skin-bikosports .modal-content,
body.skin-bikosports .custom-modal,
body.skin-bikosports .casino-search-modal,
body.skin-bikosports .casino2026-search-modal,
body.skin-bikosports .modern-avatar-modal__dialog {
    color: var(--biko-text);
    background: var(--biko-panel-gradient);
    border: 1px solid var(--biko-border-strong);
    border-radius: var(--biko-radius-lg);
    box-shadow: var(--biko-shadow);
}

body.skin-bikosports .auth-brand-block,
body.skin-bikosports .auth-signup-promo__card {
    background: radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--biko-violet) 34%, transparent), transparent 38%), var(--biko-panel);
    border-color: var(--biko-border);
    border-radius: var(--biko-radius-lg);
}

body.skin-bikosports .auth-modal-card__divider,
body.skin-bikosports .auth-form-section,
body.skin-bikosports .modal-header,
body.skin-bikosports .modal-footer {
    border-color: var(--biko-border);
}

/* BikoSports landing page */
body.skin-bikosports .biko-home {
    --biko-surface: var(--biko-panel);
    --biko-border: color-mix(in srgb, var(--biko-violet) 40%, transparent);
    max-width: 96rem;
    padding-top: 1.5rem;
}

body.skin-bikosports .biko-home__hero {
    min-height: 28rem;
    background: var(--biko-bg);
    border-color: var(--biko-border-strong);
    border-radius: 2rem;
    box-shadow: var(--biko-shadow);
}

body.skin-bikosports .biko-home__hero::after {
    background: linear-gradient(90deg, rgba(5, 0, 29, .96) 0%, rgba(5, 0, 29, .82) 38%, rgba(5, 0, 29, .08) 78%), linear-gradient(0deg, rgba(5, 0, 29, .68), transparent 42%);
}

body.skin-bikosports .biko-home__hero-copy {
    max-width: 46rem;
    padding: 3.2rem 4rem;
}

body.skin-bikosports .biko-home h1 {
    max-width: 42rem;
    color: var(--biko-text);
    font-size: clamp(3rem, 5.4vw, 5.4rem);
    line-height: .95;
    letter-spacing: -.055em;
}

body.skin-bikosports .biko-home h1 em,
body.skin-bikosports .biko-home__eyebrow,
body.skin-bikosports .biko-home__product-kicker,
body.skin-bikosports .biko-home__product-link {
    color: var(--biko-accent);
}

body.skin-bikosports .biko-home__cta {
    color: var(--biko-ink);
    background: var(--biko-accent-gradient);
    border-radius: var(--biko-radius-md);
    box-shadow: 0 .7rem 1.6rem color-mix(in srgb, var(--biko-orange) 28%, transparent);
}

body.skin-bikosports .biko-home__notice,
body.skin-bikosports .biko-home__product {
    background: var(--biko-panel-gradient);
    border-color: var(--biko-border);
    border-radius: var(--biko-radius-lg);
    box-shadow: var(--biko-shadow-soft);
}

body.skin-bikosports .biko-home__product--live {
    background: linear-gradient(135deg, var(--biko-panel-raised), color-mix(in srgb, var(--biko-violet) 46%, var(--biko-panel)));
}

/* Sportsbook host shell. The iframe provider owns its internal document. */
body.skin-bikosports .sport-iframe-shell,
body.skin-bikosports #sportIframe,
body.skin-bikosports #realobetSportIframe,
body.skin-bikosports #playsoccer {
    background: var(--biko-bg);
}

body.skin-bikosports .sport-bonus-wager-bar,
body.skin-bikosports #bonusWagerModalBar {
    color: var(--biko-text);
    background: var(--biko-panel-gradient);
    border-color: var(--biko-border);
}

/* Footer, mobile dock and chat */
body.skin-bikosports .prf-footer,
body.skin-bikosports footer,
body.skin-bikosports .footer {
    color: var(--biko-text-soft);
    background: linear-gradient(180deg, var(--biko-header), color-mix(in srgb, var(--biko-bg) 88%, black 12%));
    border-color: var(--biko-border);
}

body.skin-bikosports .prf-footer__title,
body.skin-bikosports .prf-footer__payments-title {
    color: var(--biko-text);
    font-weight: 900;
}

body.skin-bikosports .prf-footer a {
    color: var(--biko-text-muted);
}

body.skin-bikosports .prf-footer a:hover {
    color: var(--biko-accent);
}

body.skin-bikosports .prf-footer__payment-logo,
body.skin-bikosports .prf-footer__trust-item,
body.skin-bikosports .prf-footer__brand-badge {
    background: color-mix(in srgb, var(--biko-panel-raised) 70%, transparent);
    border-color: var(--biko-border);
    border-radius: var(--biko-radius-sm);
}

body.skin-bikosports .prf-footer__payment-logo {
    box-sizing: content-box;
    min-height: 1.8rem;
    padding: .45rem .7rem;
    background: color-mix(in srgb, white 94%, var(--biko-panel-raised) 6%);
    border: 1px solid color-mix(in srgb, white 20%, transparent);
    filter: none;
    opacity: 1;
}

body.skin-bikosports .prf-footer__language-input:checked + .prf-footer__language-label,
body.skin-bikosports .prf-footer .prf-footer__affiliate-cta {
    color: var(--biko-ink);
    background: var(--biko-accent-gradient);
    border-color: var(--biko-accent);
    box-shadow: 0 .5rem 1.25rem color-mix(in srgb, var(--biko-orange) 28%, transparent), inset 0 1px 0 color-mix(in srgb, white 34%, transparent);
}

body.skin-bikosports .prf-footer .prf-footer__affiliate-cta:hover {
    color: var(--biko-ink);
}

body.skin-bikosports .mobile-menu-nav__affiliate > a {
    color: var(--biko-ink);
    background: var(--biko-accent-gradient);
    border-color: var(--biko-accent);
    box-shadow: 0 .45rem 1.2rem color-mix(in srgb, var(--biko-orange) 24%, transparent);
}

body.skin-bikosports .mobile-bottom-nav {
    background: color-mix(in srgb, var(--biko-header) 94%, transparent);
    border-top: 1px solid var(--biko-border-strong);
    box-shadow: 0 -.75rem 2.25rem rgba(2, 0, 20, .36);
    backdrop-filter: blur(1rem);
}

body.skin-bikosports .mobile-bottom-nav__button {
    color: var(--biko-text-muted);
    border-radius: var(--biko-radius-sm);
}

body.skin-bikosports .mobile-bottom-nav__button:hover,
body.skin-bikosports .mobile-bottom-nav__button.active,
body.skin-bikosports .mobile-bottom-nav__item.active .mobile-bottom-nav__button {
    color: var(--biko-accent);
    background: color-mix(in srgb, var(--biko-violet) 20%, transparent);
}

body.skin-bikosports .legacy-floating-chat-support,
body.skin-bikosports .chat-drawer,
body.skin-bikosports .legacy-chat-drawer {
    color: var(--biko-text);
    background: var(--biko-violet-gradient);
    border-color: var(--biko-border-strong);
    box-shadow: var(--biko-shadow);
}

body.skin-bikosports .chat-drawer__panel,
body.skin-bikosports .legacy-chat-drawer__panel,
body.skin-bikosports .chat-panel {
    color: var(--biko-text);
    background: var(--biko-panel-gradient);
    border-color: var(--biko-border-strong);
}

body.skin-bikosports .chat-message,
body.skin-bikosports .chat-room-tab,
body.skin-bikosports .chat-drawer input,
body.skin-bikosports .legacy-chat-drawer input {
    background: color-mix(in srgb, var(--biko-panel-raised) 78%, var(--biko-bg));
    border-color: var(--biko-border);
}

@media (max-width: 61.99rem) {
    body.skin-bikosports {
        --biko-radius-lg: 1rem;
        --biko-radius-md: .8rem;
    }

    body.skin-bikosports #header {
        min-height: var(--hdr-height-mobile);
    }

    body.skin-bikosports #header .header-shell {
        min-height: var(--hdr-row-height-mobile);
        height: var(--hdr-row-height-mobile);
        gap: .25rem;
        padding-inline: .45rem;
    }

    body.skin-bikosports #header .navigation-bar {
        display: flex;
        flex: 1 1 auto;
        gap: .3rem;
        min-width: 0;
        overflow: hidden;
    }

    body.skin-bikosports #header .logo {
        flex: 0 1 6.8rem;
        max-width: 6.8rem;
    }

    body.skin-bikosports #header .login-links,
    body.skin-bikosports #header .header-actions-primary,
    body.skin-bikosports #header .header-actions-secondary {
        gap: .16rem;
    }

    body.skin-bikosports .biko-home__hero {
        min-height: 22rem;
        border-radius: 1.25rem;
    }

    body.skin-bikosports .biko-home__hero-copy {
        max-width: 32rem;
        padding: 2rem;
    }

    body.skin-bikosports .biko-home h1 {
        font-size: clamp(2.7rem, 10vw, 4.25rem);
    }

    body.skin-bikosports .header-products-bar {
        display: none;
    }

    body.skin-bikosports #header .navigation-bar .sportsbook-section-nav {
        display: flex;
        flex: 1 1 6.6rem;
        width: auto;
        min-width: 5.65rem;
        max-width: 7.35rem;
        min-height: 2.2rem;
        padding: 0;
        border: 0;
    }

    body.skin-bikosports #header .navigation-bar .sportsbook-section-nav__links {
        width: 100%;
        gap: .14rem;
        justify-content: stretch;
    }

    body.skin-bikosports #header .navigation-bar .sportsbook-section-nav a {
        flex: 1 1 0;
        min-width: 0;
        min-height: 2.2rem;
        padding: 0;
        gap: 0;
        border-radius: .6rem;
    }

    body.skin-bikosports #header .navigation-bar .sportsbook-section-nav a.sportsbook-section-nav__jackpot {
        display: inline-flex;
    }

    body.skin-bikosports #header .sportsbook-section-nav__label {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    body.skin-bikosports #header .sportsbook-section-nav i {
        font-size: .85rem;
    }

    body.skin-bikosports #header .sportsbook-section-nav__live-dot {
        width: .5rem;
        height: .5rem;
    }
}

@media (max-width: 35rem) {
    body.skin-bikosports #header .logo {
        flex-basis: 5.65rem;
        max-width: 5.65rem;
    }

    body.skin-bikosports #header .navigation-bar .sportsbook-section-nav {
        flex-basis: 5.4rem;
        min-width: 5.1rem;
        max-width: 5.8rem;
    }

    body.skin-bikosports .biko-home {
        padding: .65rem .65rem 1.5rem;
    }

    body.skin-bikosports .biko-home__hero {
        min-height: 20rem;
        border-radius: 1rem;
    }

    body.skin-bikosports .biko-home__hero-copy {
        padding: 1.35rem;
    }

    body.skin-bikosports .biko-home h1 {
        font-size: 2.75rem;
    }

    body.skin-bikosports .account-content-card,
    body.skin-bikosports .modern-player-card,
    body.skin-bikosports .responsible-panel,
    body.skin-bikosports .auth-modal-card {
        border-radius: .9rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.skin-bikosports *,
    body.skin-bikosports *::before,
    body.skin-bikosports *::after {
        scroll-behavior: auto;
        transition-duration: .01ms;
        animation-duration: .01ms;
        animation-iteration-count: 1;
    }
}

/* ===========================================================================
   Intestazione su telefono — logo che spariva dopo l'accesso (17/09/2026)
   ---------------------------------------------------------------------------
   IL SINTOMO: a schermo stretto, da loggati, il logo BikoSports non si vedeva
   affatto; da sloggati si vedeva tagliato a meta'.

   LA CAUSA: `.login-links` (saldo + icone) e' dichiarato `flex: 0 0 auto`
   !important nel blocco <style> dentro header-v14.blade.php, quindi si rifiuta
   di stringersi: a 375px occupava 376px da solo. Al contenitore del logo
   (`.navigation-bar`, elastico e con overflow: hidden) restavano ZERO pixel, e
   il logo veniva ritagliato via. Non mancava: era largo zero.

   ⛔ Le regole gia' presenti piu' sopra in questo file per il telefono erano
   MORTE per lo stesso motivo: quelle inline nel template hanno !important e
   vincevano. Qui si usa una specificita' piu' alta (body.skin-bikosports +
   #header + il figlio diretto) perche' a parita' di !important e' la
   specificita' a decidere, non l'ordine dei fogli.

   IL CONTO, a 375px: utilizzabili 361. Servivano logo 96 + saldo 121 + sei
   comandi 184 + distacchi 30 = 431. Mancavano 70px, quindi qualcosa doveva
   uscire dalla barra. Sono usciti i due doppioni, non delle funzioni:
     - il selettore Michezo/Moja kwa moja, che sta gia' nella riga sotto;
     - "Pakua programu", che sta gia' nel menu a tendina.
   Restano nella barra bonus, notifiche, deposito, saldo, chat e profilo.
   =========================================================================== */

@media (max-width: 991.98px) {

    /* Parte piu' vicino al bordo sinistro: erano 12px di padding piu' 3,75 di
       margine sulla barra, cioe' 16px buttati. */
    body.skin-bikosports #header .header-shell {
        padding-inline: .55rem !important;
    }

    body.skin-bikosports #header .header-shell > .navigation-bar {
        flex: 1 1 auto !important;
        margin-left: 0 !important;
        min-width: 6rem !important;
        overflow: hidden !important;
    }

    /* Doppione: lo stesso selettore e' nella riga immediatamente sotto. */
    body.skin-bikosports #header .header-shell .navigation-bar .sportsbook-section-nav {
        display: none !important;
    }

    /* Il logo cresce con lo schermo invece di restare inchiodato a una misura
       sola: su un telefono largo c'e' spazio, su uno stretto no. Misurato:
       320px -> 87, 360 -> 97, 375 -> 101, 414 -> 112 px, sempre con un
       distacco di 7-8px dalle icone e senza scorrimento orizzontale. */
    /* Il logo si prende TUTTO lo spazio che avanza, con un pavimento e un
       tetto. Cosi' con il saldo a zero diventa grande davvero, e quando il
       saldo e' lungo rientra invece di spingere fuori qualcosa.
       Misurato a 375px: saldo "TZS 0" -> logo 141x28; saldo a sette cifre ->
       90x18. A 414px: 165x32 e 126x25. Mai scorrimento orizzontale. */
    body.skin-bikosports #header .header-shell .logo {
        flex: 1 1 auto !important;
        min-width: 6rem !important;
        max-width: 11rem !important;
    }

    /* L'immagine va RIMPICCIOLITA, non ritagliata: senza object-fit il logo
       veniva tosato a destra anche da sloggati, e si leggeva "BikoSpor". */
    body.skin-bikosports #header .header-shell .logo img {
        width: 100% !important;
        height: auto !important;
        max-height: var(--hdr-logo-max-h-mobile) !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    body.skin-bikosports #header .header-shell > .login-links {
        flex: 0 0 auto !important;
        min-width: 0 !important;
        justify-content: flex-end !important;
        overflow: visible !important;
        gap: .3rem !important;
        align-items: center !important;
    }

    /* Gia' presente nel menu a tendina come "Pakua programu". */
    body.skin-bikosports #header .header-shell .login-links .native-app-download {
        display: none !important;
    }

    body.skin-bikosports #header .header-shell .login-links .header-actions-primary,
    body.skin-bikosports #header .header-shell .login-links .header-actions-secondary {
        flex: 0 0 auto !important;
        gap: .3rem !important;
        align-items: center !important;
    }

    /* 01/10/2026 — il cliente vuole il DEPOSITO sempre a vista appena entrati
       (come il «+» accanto al saldo di BetPawa): il tasto cassa resta, compatto,
       subito DOPO il saldo; gli altri tasti deposito (doppioni) spariscono. */
    body.skin-bikosports #header .header-shell .login-links .header-deposit-btn:not(.header-cashier-btn) {
        display: none !important;
    }

    body.skin-bikosports #header .header-shell .login-links .header-balance { order: 1; }
    body.skin-bikosports #header .header-shell .login-links .header-actions-primary { order: 2; }
    body.skin-bikosports #header .header-shell .login-links .header-actions-secondary { order: 3; }

    body.skin-bikosports #header .header-shell .login-links .header-cashier-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 2.1rem !important;
        min-width: 2.1rem !important;
        height: 2.1rem !important;
        padding: 0 !important;
        border-radius: 50% !important;
    }

    body.skin-bikosports #header .header-shell .login-links .header-cashier-btn > svg,
    body.skin-bikosports #header .header-shell .login-links .header-cashier-btn > span {
        display: none !important;
    }

    body.skin-bikosports #header .header-shell .login-links .header-cashier-btn::before {
        content: "+";
        font-size: 1.55rem;
        font-weight: 900;
        line-height: 1;
        margin-top: -.12rem;
    }

    /* ⛔ MAI forzare la larghezza di questi pulsanti: la campanella delle
       notifiche si schiaccia e la fila diventa storta. Si fissa un minimo e
       un'altezza uguale per tutti, e si lascia decidere alla larghezza del
       contenuto. */
    body.skin-bikosports #header .header-shell .login-links .button-header,
    body.skin-bikosports #header .header-shell .login-links .header-icon-btn {
        min-width: 2.1rem !important;
        width: auto !important;
        height: 2.1rem !important;
        padding-inline: 0 !important;
    }

    /* ⛔ Solo il pulsante del saldo. NON usare `> *` su questi gruppi: dentro
       c'e' anche il pannello .dropdown-menu, che si ritroverebbe alto 2,1rem e
       si aprirebbe schiacciato a barretta sopra la riga sotto. Gli altri
       pulsanti sono gia' coperti dalla regola .button-header qui sopra. */
    body.skin-bikosports #header .header-shell .login-links .header-balance > .info-profile {
        height: 2.1rem !important;
    }

    /* Il saldo e' l'unico elemento elastico: assorbe lui il poco che avanza,
       troncando le ultime cifre invece di far sparire il logo. */
    /* ⛔ Il saldo NON si comprime: e' un numero, mezzo numero non serve a
       nessuno. Ha pero' un tetto, perche' un saldo a dieci cifre non puo'
       mangiarsi l'intestazione: oltre quello si tronca con i puntini. */
    body.skin-bikosports #header .header-shell .login-links .header-balance {
        flex: 0 0 auto !important;
        max-width: 7rem !important;
    }

    body.skin-bikosports #header .header-shell .login-links .header-balance .info-profile {
        max-width: 7rem !important;
        padding-inline: .3rem !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

/* Telefoni molto stretti (vecchi iPhone SE e simili): sotto questa soglia il
   saldo si stringeva a 39px e diventava illeggibile. Qui il logo cede un po'
   di larghezza per restituirgliela. */
@media (max-width: 22rem) {
    /* Sotto i 330px non ci sta: verificato che con il saldo rigido la pagina
       scorre in orizzontale. Qui si torna a far cedere il saldo, che si tronca,
       e il logo prende una misura fissa piccola. */
    body.skin-bikosports #header .header-shell > .navigation-bar,
    body.skin-bikosports #header .header-shell .logo {
        flex: 0 0 auto !important;
        min-width: 0 !important;
    }

    body.skin-bikosports #header .header-shell .logo {
        max-width: 5.2rem !important;
    }

    body.skin-bikosports #header .header-shell > .login-links {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    body.skin-bikosports #header .header-shell .login-links .header-balance,
    body.skin-bikosports #header .header-shell .login-links .header-balance > .info-profile {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}

/* ==========================================================================
   25/09/2026 — TEMA CHIARO. Il bottone nell'intestazione (color-scheme-boot)
   mette html[data-theme="light"]: tutta la veste deriva da --color1..11, quindi
   qui si ridefiniscono i colori di fondo, superfici e testi (accento giallo,
   viola e arancio restano quelli della skin) e poi le poche regole che
   avevano un nero fisso: gradienti di pagina, ombre, piede, barra mobile.
   Sui fondi viola il testo resta bianco. Scuro di partenza: senza attributo
   non cambia nulla.
   ========================================================================== */
html[data-theme="light"] {
  /* dock mobile (footer-v13 dichiara bianco su :root): nel chiaro la voce
     attiva era bianca su bianco e spariva */
  --mb-nav-text: rgba(27, 21, 48, .62);
  --mb-nav-text-active: #1b1530;
  --mb-nav-accent: #6b52dd;
    --color2: #170b3a;   /* testo */
    --color3: #ffffff;   /* intestazione */
    --color4: #f6f4fc;   /* pannello rialzato */
    --color5: #efedf7;   /* fondo pagina */
    --color6: #ffffff;   /* pannello */
    --color7: #e8e4f4;   /* pannello tenue */
    --color9: #5b5680;   /* testo attenuato */
}

html[data-theme="light"] body.skin-bikosports {
    --biko-page-gradient: radial-gradient(circle at 76% -8%, color-mix(in srgb, var(--biko-violet) 12%, transparent) 0%, transparent 30%), radial-gradient(circle at 8% 16%, color-mix(in srgb, var(--biko-violet) 7%, transparent) 0%, transparent 26%), linear-gradient(180deg, #f6f4fc 0%, #ebe8f5 100%);
    --biko-panel-gradient: linear-gradient(145deg, #ffffff 0%, #f5f3fb 100%);
    --biko-panel-subtle: color-mix(in srgb, var(--biko-panel) 94%, var(--biko-violet) 6%);
    --biko-border: color-mix(in srgb, var(--biko-violet) 20%, transparent);
    --biko-border-strong: color-mix(in srgb, var(--biko-violet) 38%, transparent);
    --biko-text-soft: color-mix(in srgb, var(--biko-text) 84%, transparent);
    --biko-text-muted: color-mix(in srgb, var(--biko-muted) 92%, transparent);
    --biko-shadow: 0 1rem 2.6rem rgba(46, 26, 110, .12);
    --biko-shadow-soft: 0 .5rem 1.4rem rgba(46, 26, 110, .09);
    --hdr-bg: linear-gradient(180deg, #ffffff 0%, #faf9fe 100%);
    --hdr-btn-bg: #f3f1fa;
    --hdr-btn-bg-hover: color-mix(in srgb, var(--biko-violet) 14%, #f3f1fa);
    --hdr-login-text: #ffffff;
    --hdr-badge-border: #ffffff;
    --rewards-page-background: radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--color1) 14%, transparent) 0%, transparent 24%), radial-gradient(ellipse at 92% 8%, color-mix(in srgb, var(--color10) 14%, transparent) 0%, transparent 38%), linear-gradient(180deg, #f6f4fc 0%, #ebe8f5 100%);
    --rewards-hero-background: radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--color1) 22%, transparent) 0%, transparent 24%), linear-gradient(125deg, #ffffff 0%, #f3f0fb 52%, #ebe8f5 100%);
    --rewards-card-background: radial-gradient(circle at 92% 4%, color-mix(in srgb, var(--color1) 12%, transparent) 0%, transparent 25%), linear-gradient(155deg, #ffffff 0%, #f6f4fc 46%, #efedf7 100%);
    --rewards-panel-background: linear-gradient(145deg, color-mix(in srgb, var(--color1) 10%, #ffffff) 0%, #f3f0fb 100%);
    --rewards-card-shadow: 0 1rem 2.2rem rgba(46, 26, 110, .1), inset 0 .0625rem 0 rgba(255, 255, 255, .8);
    --rewards-live-shadow: 0 0 2rem color-mix(in srgb, var(--color1) 22%, transparent);
}

html[data-theme="light"] body.skin-bikosports::before {
    background: radial-gradient(circle at 94% 44%, color-mix(in srgb, var(--biko-violet) 6%, transparent), transparent 31%);
}

html[data-theme="light"] body.skin-bikosports #header {
    box-shadow: 0 .5rem 1.6rem rgba(46, 26, 110, .1);
}

html[data-theme="light"] body.skin-bikosports #header .logo img {
    filter: none;
}

/* testo bianco dove il fondo resta viola */
html[data-theme="light"] body.skin-bikosports .nav-menu > ul > li.active > a,
html[data-theme="light"] body.skin-bikosports .header-secondary-navigation a.active,
html[data-theme="light"] body.skin-bikosports .sportsbook-section-nav a.active,
html[data-theme="light"] body.skin-bikosports .header-auth-btn-login,
html[data-theme="light"] body.skin-bikosports .login-pul,
html[data-theme="light"] body.skin-bikosports .profile-header-dropdown .button-header:hover,
html[data-theme="light"] body.skin-bikosports .footer-drop-down .button-header:hover,
html[data-theme="light"] body.skin-bikosports .mobile-menu-drawer a:hover,
html[data-theme="light"] body.skin-bikosports .mobile-menu-drawer a.active,
html[data-theme="light"] body.skin-bikosports .account-nav-item.current-p-tab,
html[data-theme="light"] body.skin-bikosports .account-nav-item.is-active,
html[data-theme="light"] body.skin-bikosports .modern-player-menu a.is-active,
html[data-theme="light"] body.skin-bikosports .responsible-layout nav a.is-active,
html[data-theme="light"] body.skin-bikosports .help-nav-link.is-active,
html[data-theme="light"] body.skin-bikosports .legacy-floating-chat-support,
html[data-theme="light"] body.skin-bikosports .chat-drawer,
html[data-theme="light"] body.skin-bikosports .legacy-chat-drawer {
    color: #ffffff;
}

/* campi: a fuoco restano bianchi, niente scurimento */
html[data-theme="light"] body.skin-bikosports :where(
    input:not([type='checkbox']):not([type='radio']),
    select,
    textarea,
    .form-control,
    .account-input,
    .account-select,
    .auth-input,
    .auth-select
):focus {
    background: #ffffff;
}

/* eroe della home: velo chiaro sull'immagine, il testo e' scuro */
html[data-theme="light"] body.skin-bikosports .biko-home__hero::after {
    background: linear-gradient(90deg, rgba(246, 244, 252, .97) 0%, rgba(246, 244, 252, .86) 38%, rgba(246, 244, 252, .1) 78%), linear-gradient(0deg, rgba(246, 244, 252, .72), transparent 42%);
}

/* piede e barra mobile: niente nero fisso */
html[data-theme="light"] body.skin-bikosports .prf-footer,
html[data-theme="light"] body.skin-bikosports footer,
html[data-theme="light"] body.skin-bikosports .footer {
    background: linear-gradient(180deg, #ffffff, #f1eef9);
}

/* piede: testi che footer-v13 fissa in bianco */
html[data-theme="light"] body.skin-bikosports :is(
    .prf-footer, .prf-footer__brand-badge, .prf-footer__language-title,
    .prf-footer__language-label, .prf-footer__affiliate-cta,
    .prf-footer__language-input:checked + .prf-footer__language-label,
    .prf-footer__language-label:hover, .prf-footer__affiliate-cta:hover
) {
    color: var(--biko-text);
}

html[data-theme="light"] body.skin-bikosports :is(
    .prf-footer__brand-note, .prf-footer__copy-text, .prf-footer__meta,
    .prf-footer__list a, .prf-footer__payments-title
) {
    color: var(--biko-text-muted);
}

html[data-theme="light"] body.skin-bikosports .prf-footer__list a:hover {
    color: var(--biko-accent);
}

/* riquadro attivita' live (missioni / hub): testi bianchi fissi */
html[data-theme="light"] body.skin-bikosports :is(
    .live-activity-widget-title, .live-activity-type, .live-activity-main
) {
    color: var(--biko-text);
}

html[data-theme="light"] body.skin-bikosports :is(
    .live-activity-meta, .live-activity-meta-row, .live-activity-meta-row i, .live-activity-meta-sep
) {
    color: var(--biko-text-muted);
}

html[data-theme="light"] body.skin-bikosports .mobile-bottom-nav {
    box-shadow: 0 -.5rem 1.6rem rgba(46, 26, 110, .1);
}

html[data-theme="light"] body.skin-bikosports .sport-iframe-shell {
    --sport-iframe-loading-background: #efedf7;
}

/* tema chiaro: bottone Registrati (in header-v14 e' bianco fisso con !important),
   titoli delle sezioni del menu mobile */
html[data-theme="light"] body.skin-bikosports .header-auth-btn-register {
    color: var(--biko-text) !important;
    background: var(--hdr-btn-bg) !important;
    border-color: var(--biko-border-strong) !important;
}

html[data-theme="light"] body.skin-bikosports .header-auth-btn-register:hover {
    background: var(--hdr-btn-bg-hover) !important;
    border-color: var(--biko-violet) !important;
}

html[data-theme="light"] body.skin-bikosports .mobile-menu-section-title {
    color: var(--biko-text-muted);
}

/* tema chiaro: Zawadi hub, missioni, promo, gare, lotterie (stili inline delle
   viste con testi bianchi e bordi/ombre fissi: qui si ridichiarano le loro
   variabili e i pochi colori scritti a mano; le etichette sulle foto e i
   badge colorati restano bianchi) */
html[data-theme="light"] body.skin-bikosports .eng-hub-page,
html[data-theme="light"] body.skin-bikosports .missions-soft-page,
html[data-theme="light"] body.skin-bikosports .mission-soft-modal-dialog {
    --eh-text: var(--biko-text);
    --eh-text-soft: color-mix(in srgb, var(--biko-text) 82%, transparent);
    --eh-text-muted: var(--biko-muted);
    --eh-border: color-mix(in srgb, var(--biko-violet) 16%, transparent);
    --eh-border-strong: color-mix(in srgb, var(--biko-violet) 30%, transparent);
    --eh-shadow: 0 1rem 2.4rem rgba(46, 26, 110, .1);
    --eh-shadow-lg: 0 1.4rem 3.2rem rgba(46, 26, 110, .14);
    --ms-text: var(--biko-text);
    --ms-text-soft: color-mix(in srgb, var(--biko-text) 82%, transparent);
    --ms-text-muted: var(--biko-muted);
    --ms-border: color-mix(in srgb, var(--biko-violet) 16%, transparent);
    --ms-border-strong: color-mix(in srgb, var(--biko-violet) 30%, transparent);
    --ms-shadow: 0 1rem 2.4rem rgba(46, 26, 110, .1);
    --ms-shadow-lg: 0 1.4rem 3.2rem rgba(46, 26, 110, .14);
}

html[data-theme="light"] body.skin-bikosports :is(
    .eng-hub-card-title, .eng-hub-card-big, .eng-hub-card-small,
    .eng-hub-empty-title, .eng-hub-empty-text, .eng-hub-filter-chip,
    .eng-hub-chip-item, .rewards-hub-type-count, .missions-soft-card-small,
    .missions-soft-filter-chip, .missions-soft-audience-chip,
    .missions-soft-card-reward-chip, .missions-soft-card-reward-count,
    .mission-soft-step-status, .mission-soft-task-state,
    .missions-soft-page .missions-soft-status, .mission-soft-modal-btn-secondary,
    .missions-soft-toast
) {
    color: var(--biko-text);
}

html[data-theme="light"] body.skin-bikosports :is(
    .eng-hub-chip-item, .missions-soft-audience-chip, .missions-soft-card-reward-chip,
    .missions-soft-card-reward-count, .mission-soft-step-status, .mission-soft-task-state,
    .missions-soft-page .missions-soft-status, .mission-soft-modal-btn-secondary
) {
    background: color-mix(in srgb, var(--biko-violet) 9%, transparent);
    border-color: color-mix(in srgb, var(--biko-violet) 22%, transparent);
}

html[data-theme="light"] body.skin-bikosports .rewards-hub-filter-row .eng-hub-filter-chip.is-subfilter {
    color: var(--biko-text-soft);
    border-color: color-mix(in srgb, var(--biko-violet) 22%, transparent);
}

/* tema chiaro, Zawadi hub / missioni (segnalazione 25/09 sera): badge in alto a
   destra giallo su giallo, etichette Stato / Scade il gialle su bianco, chip
   Active scure, pannelli offerte lavanda: qui prendono i colori della skin */
html[data-theme="light"] body.skin-bikosports .eng-hub-chip {
    color: var(--biko-ink);
    background: color-mix(in srgb, var(--biko-accent) 22%, #ffffff);
    border-color: color-mix(in srgb, var(--biko-accent) 55%, transparent);
}

html[data-theme="light"] body.skin-bikosports .missions-soft-card-label {
    color: var(--biko-violet) !important;
}

html[data-theme="light"] body.skin-bikosports .missions-soft-status {
    color: var(--biko-text);
    background: #ece9f6;
    border-color: color-mix(in srgb, var(--biko-violet) 22%, transparent);
}

html[data-theme="light"] body.skin-bikosports .missions-soft-status.is-active {
    color: #0d6b34;
    background: color-mix(in srgb, #1eb85a 16%, #ffffff);
    border-color: color-mix(in srgb, #1eb85a 45%, transparent);
}

html[data-theme="light"] body.skin-bikosports .eng-hub-stat,
html[data-theme="light"] body.skin-bikosports .eng-hub-guide-item {
    background: #ffffff;
    border-color: color-mix(in srgb, var(--biko-violet) 22%, transparent);
    box-shadow: 0 .4rem 1.2rem rgba(46, 26, 110, .06);
}

html[data-theme="light"] body.skin-bikosports .eng-hub-stat-label,
html[data-theme="light"] body.skin-bikosports .eng-hub-stat-sub,
html[data-theme="light"] body.skin-bikosports .eng-hub-guide-item-text {
    color: #4f4a72;
}

/* ==========================================================================
   25/09/2026 sera — TEMA CHIARO: conto, cassa e notifiche.
   Le pagine conto/profilo dichiarano su .account-page-shell le variabili
   --account-* con valori scuri fissi (testo #f3f5f7, bordi bianchi
   trasparenti), la cassa (cashier-demo.css) ne deriva le --cashier-*, e il
   pannello notifiche (frontend-header-feedback.css) usa bianchi trasparenti
   e il giallo su giallo per i bottoni. Qui tutto prende i colori della skin.
   ========================================================================== */
html[data-theme="light"] body.skin-bikosports .account-page-shell {
    --account-bg: #f1eff8;
    --account-surface: #ffffff;
    --account-surface-2: #f7f5fd;
    --account-surface-3: #ece8f6;
    --account-ui-fill: #ffffff;
    --account-border: color-mix(in srgb, var(--biko-violet) 16%, transparent);
    --account-border-strong: color-mix(in srgb, var(--biko-violet) 30%, transparent);
    --account-text: var(--biko-text);
    --account-text-muted: var(--biko-muted);
}

html[data-theme="light"] body.skin-bikosports .cashier-ui,
html[data-theme="light"] body.skin-bikosports .cashier-ui .cashier-demo-response {
    --cashier-bg: #f1eff8;
    --cashier-surface: #ffffff;
    --cashier-border: color-mix(in srgb, var(--biko-violet) 22%, transparent);
    --cashier-text: var(--biko-text);
    --cashier-muted: var(--biko-muted);
}

html[data-theme="light"] body.skin-bikosports :is(
    .cashier-order-amount, .cashier-order-method, .cashier-orders-title,
    .cashier-order-status, .deposit-method-title
) {
    color: var(--biko-text);
}

html[data-theme="light"] body.skin-bikosports :is(.cashier-order-date, .deposit-method-text, .cashier-tab) {
    color: var(--biko-muted);
}

html[data-theme="light"] body.skin-bikosports :is(
    .cashier-order-row, .cashier-tabs, .cashier-ui .cashier-limit,
    .cashier-ui .cashier-method-meta span, .cashier-ui .cashier-order-status,
    .cashier-ui .cashier-empty
) {
    background: color-mix(in srgb, var(--biko-violet) 7%, #ffffff);
    border-color: color-mix(in srgb, var(--biko-violet) 20%, transparent);
}

html[data-theme="light"] body.skin-bikosports .cashier-ui .cashier-form-row select {
    border-color: color-mix(in srgb, var(--biko-violet) 24%, transparent);
}

html[data-theme="light"] body.skin-bikosports .cashier-order-status.ok {
    color: #0d6b34;
    background: color-mix(in srgb, #1eb85a 14%, #ffffff);
}

html[data-theme="light"] body.skin-bikosports .cashier-order-status.wait {
    color: #7a5a00;
    background: color-mix(in srgb, var(--biko-accent) 24%, #ffffff);
}

html[data-theme="light"] body.skin-bikosports .cashier-order-status.bad {
    color: #b3261e;
    background: color-mix(in srgb, #ff6b72 14%, #ffffff);
}

/* pannello notifiche */
html[data-theme="light"] body.skin-bikosports .notifications-drawer {
    background: #ffffff;
    border-left: 1px solid color-mix(in srgb, var(--biko-violet) 18%, transparent);
}

html[data-theme="light"] body.skin-bikosports .notifications-drawer-head,
html[data-theme="light"] body.skin-bikosports .notifications-drawer-toolbar {
    background: #f7f5fd;
    border-bottom-color: color-mix(in srgb, var(--biko-violet) 14%, transparent);
}

html[data-theme="light"] body.skin-bikosports .notifications-drawer-inner {
    background: transparent;
}

html[data-theme="light"] body.skin-bikosports .notifications-drawer-back,
html[data-theme="light"] body.skin-bikosports .notifications-card-delete {
    background: color-mix(in srgb, var(--biko-violet) 8%, #ffffff);
    border-color: color-mix(in srgb, var(--biko-violet) 20%, transparent);
    color: var(--biko-text);
}

html[data-theme="light"] body.skin-bikosports .notifications-card-delete:hover,
html[data-theme="light"] body.skin-bikosports .notifications-drawer-back:hover {
    background: color-mix(in srgb, var(--biko-violet) 16%, #ffffff);
    color: var(--biko-text);
}

html[data-theme="light"] body.skin-bikosports .notifications-drawer-empty,
html[data-theme="light"] body.skin-bikosports .notifications-card-date {
    color: var(--biko-muted);
}

html[data-theme="light"] body.skin-bikosports .notifications-unread-toggle {
    color: var(--biko-text);
}

html[data-theme="light"] body.skin-bikosports .notifications-card {
    background: #ffffff;
    border-color: color-mix(in srgb, var(--biko-violet) 16%, transparent);
}

html[data-theme="light"] body.skin-bikosports .notifications-card.is-unread {
    border-color: color-mix(in srgb, var(--biko-accent) 70%, transparent);
}

html[data-theme="light"] body.skin-bikosports .notifications-mark-all-btn,
html[data-theme="light"] body.skin-bikosports .notifications-card-open,
html[data-theme="light"] body.skin-bikosports .notifications-card-badge {
    color: var(--biko-ink);
    background: color-mix(in srgb, var(--biko-accent) 26%, #ffffff);
    border-color: color-mix(in srgb, var(--biko-accent) 60%, transparent);
    box-shadow: none;
}

html[data-theme="light"] body.skin-bikosports .notifications-mark-all-btn:hover,
html[data-theme="light"] body.skin-bikosports .notifications-card-open:hover {
    color: var(--biko-ink);
    background: color-mix(in srgb, var(--biko-accent) 45%, #ffffff);
}

html[data-theme="light"] body.skin-bikosports .notifications-unread-toggle-slider {
    background: color-mix(in srgb, var(--biko-violet) 22%, #ffffff);
}

html[data-theme="light"] body.skin-bikosports .notifications-unread-toggle-slider::after {
    background: #ffffff;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--biko-violet) 35%, transparent);
}

/* ==========================================================================
   25/09/2026 — tema chiaro, difetti segnalati dal titolare: testi bianchi
   rimasti su fondo chiaro nel popover «Balance type» della testata, nell'hero
   del dettaglio promozione (sottotitolo, date, tasto Details) e nel modale
   dei dettagli (titolo, tessere, descrizione). Le regole inline del blade
   vincono sul foglio: qui la specificita' e' piu' alta e dove il blade usa
   !important lo si usa anche qui.
   ========================================================================== */
html[data-theme="light"] body.skin-bikosports .skin76-balance-dropdown,
html[data-theme="light"] body.skin-bikosports .skin76-balance-dropdown .bonus-header-dropdown-title,
html[data-theme="light"] body.skin-bikosports .skin76-balance-dropdown #skin76_balance_dropdown_body,
html[data-theme="light"] body.skin-bikosports .skin76-balance-dropdown #skin76_balance_dropdown_body :not(button):not(.btn):not(a) {
    color: #1b1530 !important;
}
html[data-theme="light"] body.skin-bikosports .promotions-bc-hero.is-fullwidth .promotions-bc-subtitle,
html[data-theme="light"] body.skin-bikosports .promotions-bc-hero .promotions-bc-subtitle {
    color: #1b1530;
}
html[data-theme="light"] body.skin-bikosports .promotions-bc-date-item { color: rgba(27, 21, 48, .72); }
html[data-theme="light"] body.skin-bikosports .promotions-bc-date-sep { color: rgba(27, 21, 48, .45); }
html[data-theme="light"] body.skin-bikosports .promotions-bc-btn-secondary {
    background: rgba(27, 21, 48, .08);
    border-color: rgba(27, 21, 48, .18);
    color: #1b1530 !important;
}
html[data-theme="light"] body.skin-bikosports .promotions-bc-btn-secondary:hover { background: rgba(27, 21, 48, .14); }
html[data-theme="light"] body.skin-bikosports .promotions-bc-modal .modal-content { background: #ffffff; color: #1b1530; }
html[data-theme="light"] body.skin-bikosports .promotions-bc-modal .modal-header { background: #ece7ff; border-bottom-color: rgba(27, 21, 48, .1); }
html[data-theme="light"] body.skin-bikosports .promotions-bc-modal .modal-title,
html[data-theme="light"] body.skin-bikosports .promotions-bc-modal .close { color: #1b1530; opacity: 1; }
html[data-theme="light"] body.skin-bikosports .promotions-bc-modal-info-box { background: #f1edff; border-color: rgba(107, 82, 221, .25); }
html[data-theme="light"] body.skin-bikosports .promotions-bc-modal-info-label { color: rgba(27, 21, 48, .58); }
html[data-theme="light"] body.skin-bikosports .promotions-bc-modal-info-value { color: #1b1530; }
html[data-theme="light"] body.skin-bikosports .promotions-bc-modal-section h4,
html[data-theme="light"] body.skin-bikosports .promotions-bc-modal-section h5,
html[data-theme="light"] body.skin-bikosports .promotions-bc-modal-richtext,
html[data-theme="light"] body.skin-bikosports .promotions-bc-modal-richtext p,
html[data-theme="light"] body.skin-bikosports .promotions-bc-modal-richtext li,
html[data-theme="light"] body.skin-bikosports .promotions-bc-modal-richtext span {
    color: rgba(27, 21, 48, .88);
}