/* Additive TSNE tenant skin. The legacy World's End bar (bar 1) is untouched. */
body.tenant-bar-2 {
    --layout-bg: #f7f5f2;
    --layout-surface: #ffffff;
    --layout-surface-2: #f6f1e8;
    --layout-text: #20202a;
    --layout-text-muted: #575461;
    --layout-border: #d8d2dc;
    --layout-red: #a51d3d;
    --layout-red-soft: #6f2a8c;
    --wesb-red: #a51d3d;
    --wesb-orange: #6f2a8c;
    background: #f7f5f2;
    color: #20202a;
    font-family: "Trebuchet MS", "Avenir Next", Arial, sans-serif;
}

body.tenant-bar-2 .site-header {
    background: rgba(255, 255, 255, .96);
    border-bottom: 2px solid #a51d3d;
    box-shadow: 0 8px 24px rgba(39, 38, 49, .10);
}

body.tenant-bar-2 .site-header__brand,
body.tenant-bar-2 .site-nav a,
body.tenant-bar-2 .site-nav__text-button,
body.tenant-bar-2 .menu-toggle { color: #20202a; }

body.tenant-bar-2 .site-header__brand {
    font-family: "Century Gothic", "Avenir Next", "Trebuchet MS", Arial, sans-serif;
}

body.tenant-bar-2 .site-header__brand img {
    filter: drop-shadow(0 2px 5px rgba(111, 42, 140, .18));
}

body.tenant-bar-2 .menu-toggle,
body.tenant-bar-2 .site-nav__toggle {
    background: #f6f1e8;
    border-color: #d8d2dc;
    color: #20202a;
}

body.tenant-bar-2 .menu-toggle__icon,
body.tenant-bar-2 .menu-toggle__icon::before,
body.tenant-bar-2 .menu-toggle__icon::after { background: #6f2a8c; }

body.tenant-bar-2 .site-nav__dropdown,
body.tenant-bar-2 .site-nav__dropdown-menu {
    background: #ffffff;
    border-color: #d8d2dc;
    color: #20202a;
}

body.tenant-bar-2 .site-nav a:hover,
body.tenant-bar-2 .site-nav a:focus,
body.tenant-bar-2 .site-nav__text-button:hover,
body.tenant-bar-2 .site-nav__text-button:focus {
    background: #f1edf5;
    color: #6f2a8c;
}

body.tenant-bar-2 .site-main {
    background: radial-gradient(circle at 8% 5%, rgba(19,123,189,.10), transparent 28rem),
                radial-gradient(circle at 94% 18%, rgba(111,42,140,.09), transparent 25rem), #f7f5f2;
}

body.tenant-bar-2 .tsne-utility-bar,
body.tenant-bar-2 .tsne-utility-bar__inner,
body.tenant-bar-2 .tsne-utility-bar__inner > span {
    color:#20202a !important;
}

body.tenant-bar-2 .hero { background:#171319 !important; color:#fff !important; }
body.tenant-bar-2 .hero::before { background:linear-gradient(110deg,rgba(12,10,14,.98),rgba(38,19,35,.94)) !important; }
body.tenant-bar-2 .hero::after { opacity:.08 !important; }
body.tenant-bar-2 .hero h1,
body.tenant-bar-2 .hero p { color:#fff !important; text-shadow:0 2px 5px rgba(0,0,0,.7); }
body.tenant-bar-2 .hero img.logo {
    box-sizing:content-box;
    padding:18px 24px;
    border-radius:22px;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(126,43,156,.2);
    box-shadow:0 16px 34px rgba(0,0,0,.38);
    filter:none;
}
body.tenant-bar-2 .home-actions-card,
body.tenant-bar-2 .home-actions-card h2,
body.tenant-bar-2 .home-actions-card p,
body.tenant-bar-2 .ls-action-tile,
body.tenant-bar-2 .ls-action-tile strong,
body.tenant-bar-2 .ls-action-tile span { color:#20202a !important; }

body.tenant-bar-2 .site-footer {
    background: #ffffff;
    border-top: 2px solid #a51d3d;
    color: #3d3b46;
}

body.tenant-bar-2 .site-footer a,
body.tenant-bar-2 .site-footer__button-link { color: #6f2a8c; }

body.tenant-bar-2 .pwa-install-banner {
    background: #ffffff;
    border-top-color: #a51d3d;
    color: #20202a;
    box-shadow: 0 -8px 24px rgba(39, 38, 49, .14);
}

body.tenant-bar-2 .pwa-install-close { color: #575461; }
body.tenant-bar-2 .pwa-install-btn { background: #a51d3d; }
body.tenant-bar-2 .pwa-install-btn:hover,
body.tenant-bar-2 .pwa-install-btn:focus { background: #6f2a8c; }

/* League and commissioner pages share the same behavior, with a light TSNE presentation. */
body.tenant-bar-2 .ls-worldshell,
body.tenant-bar-2 .ls-hero,
body.tenant-bar-2 .ls-section-card,
body.tenant-bar-2 .ls-card,
body.tenant-bar-2 .ls-panel,
body.tenant-bar-2 .ls-table-wrap {
    background: #ffffff;
    color: #20202a;
    border-color: #d8d2dc;
    box-shadow: 0 10px 28px rgba(39, 38, 49, .08);
}

body.tenant-bar-2 .ls-kicker,
body.tenant-bar-2 .ls-prefill,
body.tenant-bar-2 .ls-copy,
body.tenant-bar-2 .ls-worldshell p,
body.tenant-bar-2 .ls-worldshell label,
body.tenant-bar-2 .ls-worldshell th,
body.tenant-bar-2 .ls-worldshell td { color: #3d3b46; }

body.tenant-bar-2 .ls-worldshell table thead,
body.tenant-bar-2 .ls-worldshell table thead tr,
body.tenant-bar-2 .ls-worldshell table th {
    background: #f1edf5 !important;
    color: #20202a !important;
}

body.tenant-bar-2 .ls-worldshell table tbody,
body.tenant-bar-2 .ls-worldshell table tbody tr,
body.tenant-bar-2 .ls-worldshell table td {
    background: #ffffff;
    color: #20202a !important;
}

body.tenant-bar-2 .home-leagues-strip,
body.tenant-bar-2 .home-leagues-card,
body.tenant-bar-2 .home-league-selected {
    background: #ffffff !important;
    color: #20202a !important;
    border-color: #d8d2dc !important;
}

body.tenant-bar-2 .home-leagues-card h2,
body.tenant-bar-2 .home-leagues-card h3,
body.tenant-bar-2 .home-leagues-card p,
body.tenant-bar-2 .home-league-selected a,
body.tenant-bar-2 .home-league-selected strong {
    color: #20202a !important;
}

body.tenant-bar-2 .home-leagues-card__select {
    background: #ffffff !important;
    color: #20202a !important;
    border-color: #bcb5c3 !important;
}

/* Override legacy inline/component colors on the light tenant surface. */
body.tenant-bar-2 .ls-worldshell .ls-copy,
body.tenant-bar-2 .ls-worldshell .ls-prefill,
body.tenant-bar-2 .ls-worldshell .ls-section-header p,
body.tenant-bar-2 .ls-worldshell .field-label,
body.tenant-bar-2 .ls-worldshell .text-sm,
body.tenant-bar-2 .ls-worldshell [style*="color: var(--layout-text-dim)"] {
    color: #3d3b46 !important;
}

body.tenant-bar-2 .ls-kicker { color: #6f2a8c; }

body.tenant-bar-2 .ls-worldshell h1,
body.tenant-bar-2 .ls-worldshell h2,
body.tenant-bar-2 .ls-worldshell h3,
body.tenant-bar-2 .ls-worldshell strong { color: #20202a; }

body.tenant-bar-2 .ls-details-value,
body.tenant-bar-2 .ls-details-value a,
body.tenant-bar-2 .league-invite-member-email {
    color: #20202a !important;
}

body.tenant-bar-2 .ls-worldshell input,
body.tenant-bar-2 .ls-worldshell select,
body.tenant-bar-2 .ls-worldshell textarea {
    background: #ffffff;
    color: #20202a;
    border-color: #bcb5c3;
}

body.tenant-bar-2 .ls-secondary-link {
    background: #f6f1e8;
    color: #20202a;
    border-color: #d8d2dc;
}

body.tenant-bar-2 .ls-secondary-link:hover,
body.tenant-bar-2 .ls-secondary-link:focus {
    background: #f1edf5;
    color: #6f2a8c;
    border-color: #6f2a8c;
}

body.tenant-bar-2 .help-tour__panel {
    background: #ffffff;
    color: #20202a;
    border-color: #a51d3d;
    box-shadow: 0 28px 70px rgba(39, 38, 49, .26);
}

body.tenant-bar-2 .help-tour__title,
body.tenant-bar-2 .help-tour__step h3 { color: #20202a; }
body.tenant-bar-2 .help-tour__intro,
body.tenant-bar-2 .help-tour__step p { color: #575461; }
body.tenant-bar-2 .help-tour__eyebrow { color: #6f2a8c; }
body.tenant-bar-2 .help-tour__step {
    background: #f7f5f2;
    border-color: #d8d2dc;
}
body.tenant-bar-2 .help-tour__action--secondary,
body.tenant-bar-2 .help-tour__step-link,
body.tenant-bar-2 .help-tour__close {
    background: #f6f1e8;
    border-color: #d8d2dc;
    color: #20202a;
}

body.tenant-bar-2 .weo-location-pill,
body.tenant-bar-2 .weo-location-pill strong {
    color: #4e235f;
}

body.tenant-bar-2 .weo-location-pill {
    background: #f6efe3;
    border-color: #d8a15a;
}

body.tenant-bar-2 .ls-user-header {
    border-color: #a51d3d;
}

/* The two navigation rows need their compact layouts before labels collide. */
@media (max-width: 1350px) {
    body.tenant-bar-2 .ls-user-header {
        align-items: flex-start;
        flex-direction: column;
        margin: 10px 12px 0;
        padding: 14px;
    }

    body.tenant-bar-2 .ls-header-nav {
        width: 100%;
        gap: 10px;
    }

    body.tenant-bar-2 .ls-header-nav > a,
    body.tenant-bar-2 .ls-header-tour,
    body.tenant-bar-2 .ls-nav-dropdown,
    body.tenant-bar-2 .ls-nav-dropdown-toggle {
        flex: 1 1 140px;
    }

    body.tenant-bar-2 .menu-toggle { display: inline-flex; }

    body.tenant-bar-2 .site-nav {
        position: fixed;
        top: var(--nav-height);
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: stretch;
        padding: 16px;
        gap: 4px;
        background: rgba(255, 255, 255, .99);
        border-bottom: 1px solid #d8d2dc;
        transform: translateY(-120%);
        opacity: 0;
        pointer-events: none;
    }

    body.tenant-bar-2 .site-nav.is-open {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
    }

    body.tenant-bar-2 .site-nav__group { width: 100%; display: block; }
    body.tenant-bar-2 .site-nav__toggle,
    body.tenant-bar-2 .site-nav a,
    body.tenant-bar-2 .site-nav__text-button {
        width: 100%;
        padding: 14px 18px;
        text-align: left;
        white-space: normal;
    }

    body.tenant-bar-2 .site-nav__dropdown {
        position: static;
        min-width: 0;
        margin-top: 6px;
        padding: 8px;
        background: #f7f5f2;
        box-shadow: none;
        opacity: 1;
        pointer-events: auto;
        transform: none;
        display: none;
    }

    body.tenant-bar-2 .site-nav__group.is-expanded .site-nav__dropdown { display: flex; }
    body.tenant-bar-2 .site-header__brand span { display: none; }
}