/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-fxirtut0nn] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    background:
        radial-gradient(ellipse at top, rgba(184, 115, 51, 0.12) 0%, transparent 65%),
        #493324;
}

.main-layout[b-fxirtut0nn] {
    display: flex;
    flex: 1;
    height: calc(100dvh - var(--header-height)); /* Account for responsive header height */
}

.sidebar-nav[b-fxirtut0nn] {
    width: var(--sidebar-width);
    min-width: var(--sidebar-width);
    background: linear-gradient(180deg, #3e2c24 0%, #251b17 100%);
    border-right: 1px solid #7a4519;
    box-shadow: var(--shadow-md);
    overflow-y: auto;
    position: relative;
    z-index: 100;
    display: flex;
    flex-direction: column;
    /* Override global width/min-width set by app.css */
}

.nav-items-vertical[b-fxirtut0nn] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.1rem;
    flex: 1;
}

.nav-items-vertical .nav-item[b-fxirtut0nn] {
    width: 100%;
}

.sidebar-scroll-cue[b-fxirtut0nn] {
    display: none;
}

/* RESPONSIVE SIDEBAR NAVIGATION STYLING - OVERRIDES app.css */
.sidebar-nav .nav-items-vertical .nav-link[b-fxirtut0nn],
.main-layout .sidebar-nav .nav-link[b-fxirtut0nn],
nav.sidebar-nav .nav-link[b-fxirtut0nn],
[class*="sidebar-nav"] .nav-link[b-fxirtut0nn] {
    all: unset !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--spacing-xs) !important;
    padding: var(--spacing-sm) var(--spacing-xs) !important;
    background: linear-gradient(180deg, #493324 0%, #30231c 100%) !important;
    border: 1px solid #5e412d !important;
    border-radius: var(--border-radius) !important;
    color: #c48145 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    box-shadow:
        var(--shadow-md),
        inset 0 1px 0 rgba(234, 216, 192, 0.08) !important;
    cursor: pointer !important;
    width: 100% !important;
    min-height: clamp(50px, 8vh, 60px) !important;
    max-height: clamp(50px, 8vh, 60px) !important;
    height: clamp(50px, 8vh, 60px) !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    text-align: center !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: hidden !important;
}

/* STRONGER HOVER AND ACTIVE STATES */
.sidebar-nav .nav-link:hover[b-fxirtut0nn],
.main-layout .sidebar-nav .nav-link:hover[b-fxirtut0nn],
nav.sidebar-nav .nav-link:hover[b-fxirtut0nn],
[class*="sidebar-nav"] .nav-link:hover[b-fxirtut0nn] {
    transform: translateY(-1px) !important;
    border-color: #b87333 !important;
    color: #ead8c0 !important;
    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(234, 216, 192, 0.12) !important;
    background: linear-gradient(180deg, #5e412d 0%, #493324 100%) !important;
}

.sidebar-nav .nav-link.active[b-fxirtut0nn],
.main-layout .sidebar-nav .nav-link.active[b-fxirtut0nn],
nav.sidebar-nav .nav-link.active[b-fxirtut0nn],
[class*="sidebar-nav"] .nav-link.active[b-fxirtut0nn] {
    background: linear-gradient(180deg, #6b3f22 0%, #493324 100%) !important;
    border-color: #c48145 !important;
    color: #ead8c0 !important;
    box-shadow:
        inset 3px 0 0 #c48145,
        0 2px 6px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(196, 129, 69, 0.18) !important;
}

/* RESPONSIVE ICON AND TEXT STYLING */
.sidebar-nav .nav-icon[b-fxirtut0nn],
.main-layout .sidebar-nav .nav-icon[b-fxirtut0nn],
nav.sidebar-nav .nav-icon[b-fxirtut0nn],
[class*="sidebar-nav"] .nav-icon[b-fxirtut0nn] {
    display: inline-block !important;
    font-size: clamp(1rem, 2.5vw, 1.4rem) !important;
    font-weight: bold !important;
    text-shadow: 0 1px 2px rgba(47, 29, 18, 0.72) !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sidebar-nav .nav-text[b-fxirtut0nn],
.main-layout .sidebar-nav .nav-text[b-fxirtut0nn],
nav.sidebar-nav .nav-text[b-fxirtut0nn],
[class*="sidebar-nav"] .nav-text[b-fxirtut0nn] {
    display: block !important;
    font-size: clamp(0.6rem, 1.2vw, 0.8rem) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.main-content[b-fxirtut0nn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.content[b-fxirtut0nn] {
    flex: 1;
    padding: 0 !important;
    overflow-y: auto;
}

.top-row[b-fxirtut0nn] {
    /* Fixed header container - no overlap with content */
    background: transparent;
    border: none;
    justify-content: stretch;
    height: auto;
    min-height: auto;
    display: flex;
    align-items: stretch;
    padding: 0;
    box-shadow: none;
    position: relative;
    width: 100%;
    z-index: 100;
    /* Ensure header doesn't overlap content */
    margin-bottom: 0;
    flex-shrink: 0;
}

/* Sidebar Clock - ALWAYS fixed at bottom left */
.sidebar-clock[b-fxirtut0nn] {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: var(--sidebar-width) !important;
    padding: var(--spacing-sm);
    text-align: center;
    margin: 0 !important;
    word-break: break-word;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-height: clamp(40px, 5vh, 50px);
    max-height: clamp(40px, 5vh, 50px);
    height: clamp(40px, 5vh, 50px);
    z-index: 1000;
    background: linear-gradient(180deg, #3e2c24 0%, #251b17 100%);
    border-top: 1px solid #7a4519;
}

.clock-time[b-fxirtut0nn] {
    font-size: clamp(0.55rem, 0.9vw, 0.75rem);
    font-weight: bold;
    color: #ead8c0;
    font-family: 'Courier New', monospace;
    letter-spacing: 0;
    margin-bottom: 0 !important;
    line-height: 1.1;
}

.clock-label[b-fxirtut0nn] {
    font-size: clamp(0.5rem, 0.75vw, 0.6rem);
    color: #d1bb9e;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    line-height: 1.1;
}

/* Medium height screens (e.g., 1920x1200 @ 150% scale = ~800px height) */
@media only screen and (max-height: 850px) and (min-height: 501px) {
    .nav-items-vertical[b-fxirtut0nn] {
        gap: 0.2rem !important;
        padding: 0.1rem !important;
    }

    .sidebar-nav .nav-items-vertical .nav-link[b-fxirtut0nn],
    .main-layout .sidebar-nav .nav-link[b-fxirtut0nn],
    nav.sidebar-nav .nav-link[b-fxirtut0nn],
    [class*="sidebar-nav"] .nav-link[b-fxirtut0nn] {
        min-height: 42px !important;
        max-height: 42px !important;
        height: 42px !important;
        padding: 4px 6px !important;
        gap: 2px !important;
    }

    .sidebar-nav .nav-icon[b-fxirtut0nn],
    .main-layout .sidebar-nav .nav-icon[b-fxirtut0nn],
    nav.sidebar-nav .nav-icon[b-fxirtut0nn],
    [class*="sidebar-nav"] .nav-icon[b-fxirtut0nn] {
        font-size: 0.9rem !important;
    }

    .sidebar-nav .nav-text[b-fxirtut0nn],
    .main-layout .sidebar-nav .nav-text[b-fxirtut0nn],
    nav.sidebar-nav .nav-text[b-fxirtut0nn],
    [class*="sidebar-nav"] .nav-text[b-fxirtut0nn] {
        font-size: 0.55rem !important;
    }

    .sidebar-clock[b-fxirtut0nn] {
        min-height: 40px !important;
        max-height: 40px !important;
        height: 40px !important;
        padding: 4px !important;
    }

    .clock-time[b-fxirtut0nn] {
        font-size: 0.5rem !important;
    }

    .clock-label[b-fxirtut0nn] {
        font-size: 0.45rem !important;
    }
}

/* Landscape-only responsive adjustments */
@media only screen and (max-height: 500px) and (orientation: landscape) {
    .sidebar-nav[b-fxirtut0nn] {
        width: var(--sidebar-width-landscape) !important;
        min-width: var(--sidebar-width-landscape) !important;
    }

    .nav-items-vertical[b-fxirtut0nn],
    .nav-items-vertical[b-ylt79bsuez][b-fxirtut0nn] {
        padding: 0 !important;
        gap: 0 !important;
    }

    .nav-items-vertical .nav-text[b-fxirtut0nn] {
        display: none !important;
    }

    .nav-items-vertical .nav-item[b-fxirtut0nn] {
        width: 100%;
    }

    .sidebar-nav .nav-items-vertical .nav-link[b-fxirtut0nn],
    .main-layout .sidebar-nav .nav-link[b-fxirtut0nn],
    nav.sidebar-nav .nav-link[b-fxirtut0nn],
    [class*="sidebar-nav"] .nav-link[b-fxirtut0nn] {
        min-height: 40px !important;
        max-height: 40px !important;
        height: 40px !important;
        padding: 2px 4px !important;
        gap: 2px !important;
    }

    .sidebar-nav .nav-icon[b-fxirtut0nn],
    .main-layout .sidebar-nav .nav-icon[b-fxirtut0nn],
    nav.sidebar-nav .nav-icon[b-fxirtut0nn],
    [class*="sidebar-nav"] .nav-icon[b-fxirtut0nn] {
        font-size: 1rem !important;
    }

    .sidebar-clock[b-fxirtut0nn] {
        position: static !important;
        padding: 0 !important;
        gap: 2px !important;
        width: 100% !important;
        margin-top: auto !important;
        min-height: var(--sidebar-clock-height-landscape) !important;
        max-height: var(--sidebar-clock-height-landscape) !important;
        height: var(--sidebar-clock-height-landscape) !important;
    }

    .clock-time[b-fxirtut0nn] {
        font-size: 0.5rem !important;
        line-height: 1;
        margin-bottom: 0;
    }

    .clock-label[b-fxirtut0nn] {
        font-size: 0.45rem !important;
        line-height: 1;
    }
}

/* Landscape phones retain the familiar single-column navigation. The rail
   scrolls independently so every destination remains reachable without
   shrinking the targets or obscuring the game page. */
@media only screen and (max-height: 500px) and (orientation: landscape) {
    .sidebar-nav[b-fxirtut0nn] {
        width: var(--sidebar-width-landscape) !important;
        min-width: var(--sidebar-width-landscape) !important;
        overflow: hidden !important;
    }

    .nav-items-vertical[b-fxirtut0nn],
    .nav-items-vertical[b-ylt79bsuez][b-fxirtut0nn] {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
        gap: 2px !important;
        padding: 2px !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        scrollbar-color: var(--warriors-copper, #c48145) var(--warriors-ink, #251b17);
        scrollbar-width: thin;
    }

    .sidebar-scroll-cue[b-fxirtut0nn] {
        position: absolute;
        left: 50%;
        z-index: 102;
        display: grid;
        width: 24px;
        height: 20px;
        padding: 0;
        place-items: center;
        transform: translateX(-50%);
        color: #d1bb9e;
        background: rgba(37, 27, 23, 0.92);
        border: 1px solid #8c5526;
        border-radius: 999px;
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.55);
        cursor: pointer;
    }

    .sidebar-scroll-cue:hover[b-fxirtut0nn],
    .sidebar-scroll-cue:focus-visible[b-fxirtut0nn] {
        color: #ead8c0;
        border-color: #c48145;
        outline: none;
    }

    .sidebar-scroll-up[b-fxirtut0nn] {
        top: 3px;
    }

    .sidebar-scroll-down[b-fxirtut0nn] {
        bottom: 3px;
    }

    .nav-items-vertical .nav-item[b-fxirtut0nn] {
        width: 100% !important;
        min-width: 0 !important;
    }

    .sidebar-nav .nav-items-vertical .nav-link[b-fxirtut0nn],
    .main-layout .sidebar-nav .nav-link[b-fxirtut0nn],
    nav.sidebar-nav .nav-link[b-fxirtut0nn],
    [class*="sidebar-nav"] .nav-link[b-fxirtut0nn] {
        min-height: var(--nav-link-height-landscape) !important;
        max-height: var(--nav-link-height-landscape) !important;
        height: var(--nav-link-height-landscape) !important;
        padding: 2px !important;
        gap: 1px !important;
    }

    .sidebar-nav .nav-icon[b-fxirtut0nn],
    .main-layout .sidebar-nav .nav-icon[b-fxirtut0nn],
    nav.sidebar-nav .nav-icon[b-fxirtut0nn],
    [class*="sidebar-nav"] .nav-icon[b-fxirtut0nn] {
        font-size: 0.9rem !important;
        line-height: 1 !important;
        flex: 0 0 0.9rem !important;
    }

    .sidebar-nav .nav-text[b-fxirtut0nn],
    .main-layout .sidebar-nav .nav-text[b-fxirtut0nn],
    nav.sidebar-nav .nav-text[b-fxirtut0nn],
    [class*="sidebar-nav"] .nav-text[b-fxirtut0nn],
    .nav-items-vertical .nav-text[b-fxirtut0nn] {
        display: block !important;
        visibility: visible !important;
        width: auto !important;
        min-height: 8px !important;
        height: 8px !important;
        flex: 0 0 8px !important;
        max-width: 100% !important;
        overflow: hidden !important;
        color: inherit !important;
        font-size: 0.52rem !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .sidebar-protection[b-fxirtut0nn],
    .sidebar-clock[b-fxirtut0nn] {
        flex: 0 0 var(--sidebar-meta-height-landscape) !important;
        min-height: var(--sidebar-meta-height-landscape) !important;
        max-height: var(--sidebar-meta-height-landscape) !important;
        height: var(--sidebar-meta-height-landscape) !important;
        margin: 0 !important;
        padding: 2px !important;
    }

    .sidebar-protection[b-fxirtut0nn] {
        display: grid !important;
        place-items: center !important;
    }

    .protection-time[b-fxirtut0nn],
    .clock-time[b-fxirtut0nn],
    .clock-label[b-fxirtut0nn] {
        font-size: 0.42rem !important;
        line-height: 1 !important;
    }
}

/* /Layout/NavMenu.razor.rz.scp.css */
.horizontal-nav[b-zfts4zgxx5] {
    display: flex;
    align-items: center;
}

.nav-items[b-zfts4zgxx5] {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin: 0;
    padding: 0;
}

.bi[b-zfts4zgxx5] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill[b-zfts4zgxx5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23495057' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-controller[b-zfts4zgxx5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23495057' class='bi bi-controller' viewBox='0 0 16 16'%3E%3Cpath d='M11.5 6.027a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-1.5 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm2.5-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-1.5 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm-6.5-3h1v1h1v1h-1v1h-1v-1h-1v-1h1v-1z'/%3E%3Cpath d='M3.051 3.26a.5.5 0 0 1 .354-.233L16 1.414V14.586l-12.595-1.613a.5.5 0 0 1-.353-.233L.146 9.854a.5.5 0 0 1 0-.708l2.905-5.886zm-.702 8.132 2.596 3.312 11.055-1.414V2.71L5.945 1.296 3.349 11.392z'/%3E%3C/svg%3E");
}

.bi-building[b-zfts4zgxx5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23495057' class='bi bi-building' viewBox='0 0 16 16'%3E%3Cpath d='M4 2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zM4 5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zM4 8.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm-.5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z'/%3E%3C/svg%3E");
}

.bi-shield-check[b-zfts4zgxx5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23495057' class='bi bi-shield-check' viewBox='0 0 16 16'%3E%3Cpath d='M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z'/%3E%3Cpath d='M10.854 5.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}

.nav-item[b-zfts4zgxx5] {
    font-size: 0.9rem;
    padding: 0;
    margin: 0;
}

.nav-item[b-zfts4zgxx5]  a {
    color: #d1bb9e;
    border-radius: 4px;
    height: auto;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
    background: #493324;
    border: 1px solid transparent;
    transition: all 0.2s;
}

.nav-item[b-zfts4zgxx5]  a.active {
    background-color: #7a4519;
    color: #d1bb9e;
    border-color: #c48145;
    box-shadow: inset 0 -3px 0 #c48145;
}

.nav-item[b-zfts4zgxx5]  a:hover {
    background-color: #5e412d;
    color: #d1bb9e;
    border-color: #7a4519;
}

/* Mobile - Reduce nav-link height */
@media (max-width: 640px) {
    .nav-item[b-zfts4zgxx5]  a {
        padding: 0.25rem 0.75rem;
        height: auto;
    }

    .nav-item[b-zfts4zgxx5] {
        font-size: 0.8rem;
    }
}

@media (min-width: 641px) {
    .navbar-toggler[b-zfts4zgxx5] {
        display: none;
    }

    .collapse[b-zfts4zgxx5] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-zfts4zgxx5] {
        /* Allow sidebar to scroll for tall menus - responsive height */
        height: calc(100dvh - var(--header-height));
        overflow-y: auto;
    }
}
/* /Pages/Analytics.razor.rz.scp.css */
.analytics-page[b-0na75czzlu] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    color: var(--warriors-sandstone, #d1bb9e);
    background: var(--warriors-cocoa, #3f2c20);
}

.analytics-header[b-0na75czzlu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-shrink: 0;
}

.analytics-heading[b-0na75czzlu] { display: flex; align-items: center; gap: .65rem; }
.analytics-heading > i[b-0na75czzlu] { color: var(--warriors-copper, #c48145); font-size: 1.75rem; }
.analytics-heading h2[b-0na75czzlu] { margin: 0; color: var(--warriors-cream, #ead8c0); font-size: 1.35rem; }
.analytics-heading span[b-0na75czzlu] { color: var(--warriors-taupe, #a79277); font-size: .72rem; }

.range-switch[b-0na75czzlu] { display: flex; align-items: stretch; border: 1px solid var(--warriors-chestnut, #7a4519); border-radius: 5px; overflow: hidden; }
.range-switch button[b-0na75czzlu] { min-width: 3.25rem; border: 0; border-right: 1px solid var(--warriors-chestnut, #7a4519); padding: .42rem .55rem; color: var(--warriors-sandstone, #d1bb9e); background: var(--warriors-deep-brown, #493324); font-weight: 700; }
.range-switch button:last-child[b-0na75czzlu] { border-right: 0; }
.range-switch button:hover[b-0na75czzlu], .range-switch button.active[b-0na75czzlu] { color: var(--warriors-cream, #ead8c0); background: linear-gradient(180deg, #8c5526, #7a4519); }
.range-switch button:disabled[b-0na75czzlu] { cursor: wait; opacity: .68; }

.analytics-scroll[b-0na75czzlu] { flex: 1; min-height: 0; overflow-y: auto; padding: .65rem; scrollbar-color: var(--warriors-copper, #c48145) var(--warriors-ink, #251b17); }
.moderation-controls[b-0na75czzlu] { display: grid; grid-template-columns: minmax(8rem, 1fr) minmax(9rem, 1.2fr) 5rem minmax(11rem, 1.6fr) auto; gap: .4rem; padding: .5rem .6rem; align-items: stretch; }
.moderation-controls :is(input, select, button)[b-0na75czzlu] { min-width: 0; min-height: 2.25rem; border: 1px solid var(--warriors-walnut, #5e412d); border-radius: 4px; padding: .35rem .5rem; color: var(--warriors-sandstone, #d1bb9e); background: var(--warriors-ink, #251b17); font-size: .72rem; }
.moderation-controls button[b-0na75czzlu] { padding-inline: .8rem; color: var(--warriors-cream, #ead8c0); background: linear-gradient(180deg, var(--warriors-roasted-copper, #8c5526), var(--warriors-chestnut, #7a4519)); border-color: var(--warriors-deep-umber, #59300f); font-weight: 700; }
.moderation-controls button:disabled[b-0na75czzlu] { cursor: not-allowed; opacity: .5; }
.analytics-state[b-0na75czzlu] { flex: 1; min-height: 0; display: grid; place-content: center; justify-items: center; gap: .75rem; color: var(--warriors-taupe, #a79277); }
.analytics-state.denied i[b-0na75czzlu] { font-size: 2.6rem; color: var(--warriors-red-highlight, #a34b3f); }
.analytics-state h3[b-0na75czzlu], .analytics-state p[b-0na75czzlu] { margin: 0; }

.pulse-strip[b-0na75czzlu] { display: grid; grid-template-columns: 9rem 1fr; gap: 1rem; align-items: stretch; padding: .55rem .7rem; border: 1px solid var(--warriors-walnut, #5e412d); background: var(--warriors-ink, #251b17); box-shadow: inset 3px 0 var(--warriors-copper, #c48145); }
.pulse-label[b-0na75czzlu] { display: flex; flex-direction: column; justify-content: center; }
.pulse-label strong[b-0na75czzlu] { color: var(--warriors-cream, #ead8c0); }
.pulse-label span[b-0na75czzlu] { color: var(--warriors-taupe, #a79277); font-size: .7rem; }
.pulse-bars[b-0na75czzlu] { min-height: 3rem; display: flex; align-items: flex-end; gap: 2px; overflow: hidden; }
.pulse-day[b-0na75czzlu] { flex: 1; min-width: 4px; height: 3.4rem; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; }
.pulse-bar[b-0na75czzlu] { min-height: 3px; background: linear-gradient(180deg, var(--warriors-copper, #c48145), var(--warriors-chestnut, #7a4519)); }
.pulse-day small[b-0na75czzlu] { color: var(--warriors-taupe, #a79277); font-size: .52rem; text-align: center; line-height: .75rem; }

.metric-grid[b-0na75czzlu] { display: grid; grid-template-columns: repeat(4, minmax(13rem, 1fr)); gap: .5rem; margin-top: .55rem; }
.metric-group[b-0na75czzlu] { border: 1px solid var(--warriors-walnut, #5e412d); background: var(--warriors-deep-brown, #493324); min-width: 0; }
.metric-group h3[b-0na75czzlu] { display: flex; align-items: center; gap: .42rem; margin: 0; padding: .42rem .55rem; color: var(--warriors-cream, #ead8c0); background: var(--warriors-ink, #251b17); border-bottom: 1px solid var(--warriors-walnut, #5e412d); font-size: .83rem; }
.metric-group h3 i[b-0na75czzlu] { color: var(--warriors-copper, #c48145); font-size: 1rem; }
.metric-list[b-0na75czzlu] { padding: .2rem .5rem .3rem; }
.metric-row[b-0na75czzlu] { display: flex; align-items: baseline; justify-content: space-between; gap: .6rem; padding: .24rem 0; border-bottom: 1px solid rgba(167,146,119,.14); font-size: .72rem; }
.metric-row:last-child[b-0na75czzlu] { border-bottom: 0; }
.metric-row span[b-0na75czzlu] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.metric-row strong[b-0na75czzlu] { color: var(--warriors-sandstone, #d1bb9e); font: 700 .8rem/1 monospace; }

.watch-grid[b-0na75czzlu] { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; margin-top: .55rem; }
.ledger-panel[b-0na75czzlu] { min-width: 0; border: 1px solid var(--warriors-walnut, #5e412d); background: var(--warriors-deep-brown, #493324); }
.ledger-panel > header[b-0na75czzlu] { display: flex; align-items: center; gap: .45rem; padding: .45rem .6rem; background: var(--warriors-ink, #251b17); border-bottom: 1px solid var(--warriors-walnut, #5e412d); }
.ledger-panel > header i[b-0na75czzlu] { color: var(--warriors-copper, #c48145); }
.ledger-panel > header h3[b-0na75czzlu] { flex: 1; margin: 0; color: var(--warriors-cream, #ead8c0); font-size: .86rem; }
.ledger-panel > header span[b-0na75czzlu] { color: var(--warriors-taupe, #a79277); font-size: .65rem; }
.network-filter[b-0na75czzlu] { display: flex; border: 1px solid var(--warriors-walnut, #5e412d); border-radius: 4px; overflow: hidden; }
.network-filter button[b-0na75czzlu] { border: 0; padding: .22rem .42rem; color: var(--warriors-taupe, #a79277); background: var(--warriors-deep-brown, #493324); font-size: .62rem; font-weight: 700; }
.network-filter button + button[b-0na75czzlu] { border-left: 1px solid var(--warriors-walnut, #5e412d); }
.network-filter button:hover[b-0na75czzlu], .network-filter button.active[b-0na75czzlu] { color: var(--warriors-cream, #ead8c0); background: var(--warriors-chestnut, #7a4519); }
.network-note[b-0na75czzlu] { margin: 0; padding: .38rem .55rem; color: var(--warriors-taupe, #a79277); background: rgba(37, 27, 23, .45); border-bottom: 1px solid var(--warriors-walnut, #5e412d); font-size: .65rem; }
.ledger-list[b-0na75czzlu] { max-height: 12rem; overflow-y: auto; }
.empty-line[b-0na75czzlu] { padding: 1rem; margin: 0; color: var(--warriors-taupe, #a79277); font-size: .75rem; }
.anomaly-row[b-0na75czzlu], .ip-row[b-0na75czzlu], [b-0na75czzlu] .leader-row { display: grid; grid-template-columns: minmax(6rem, .7fr) 1.7fr auto; gap: .5rem; align-items: center; padding: .38rem .55rem; border-bottom: 1px solid rgba(167,146,119,.15); font-size: .7rem; }
.anomaly-row.high[b-0na75czzlu] { box-shadow: inset 3px 0 var(--warriors-red-highlight, #a34b3f); }
.anomaly-row.review[b-0na75czzlu], .ip-row.shared[b-0na75czzlu] { box-shadow: inset 3px 0 var(--warriors-copper, #c48145); }
.anomaly-row em[b-0na75czzlu], .ip-row em[b-0na75czzlu], [b-0na75czzlu] .leader-row em { color: var(--warriors-sandstone, #d1bb9e); font-style: normal; font-family: monospace; text-align: right; }
.ip-row code[b-0na75czzlu] { color: var(--warriors-blue-highlight, #378eae); }
.ip-row > span[b-0na75czzlu] { display: flex; flex-direction: column; min-width: 0; }
.ip-row > span strong[b-0na75czzlu] { color: var(--warriors-copper, #c48145); font-size: .66rem; }
[b-0na75czzlu] .leader-row { grid-template-columns: 1.5rem 1fr auto auto; }
[b-0na75czzlu] .leader-row b { color: var(--warriors-copper, #c48145); }
[b-0na75czzlu] .leader-row span { color: var(--warriors-taupe, #a79277); }

.event-panel[b-0na75czzlu] { margin-top: .55rem; }
.event-table-wrap[b-0na75czzlu] { overflow: auto; max-height: 20rem; }
.event-panel table[b-0na75czzlu] { width: 100%; border-collapse: collapse; font-size: .68rem; }
.event-panel th[b-0na75czzlu] { position: sticky; top: 0; z-index: 1; padding: .38rem .5rem; text-align: left; color: var(--warriors-copper, #c48145); background: var(--warriors-ink, #251b17); }
.event-panel td[b-0na75czzlu] { padding: .34rem .5rem; border-bottom: 1px solid rgba(167,146,119,.14); white-space: nowrap; }
.event-panel code[b-0na75czzlu] { color: var(--warriors-blue-highlight, #378eae); }
.outcome[b-0na75czzlu] { padding: .12rem .35rem; border: 1px solid var(--warriors-walnut, #5e412d); border-radius: 3px; }
.outcome.success[b-0na75czzlu], .outcome.completed[b-0na75czzlu] { color: var(--warriors-green-highlight, #9db880); border-color: var(--warriors-green, #5d7448); }
.outcome.failed[b-0na75czzlu], .outcome.error[b-0na75czzlu], .outcome.denied[b-0na75czzlu] { color: var(--warriors-red-highlight, #a34b3f); border-color: var(--warriors-red, #7b2d26); }

@media (max-width: 1100px) { .metric-grid[b-0na75czzlu] { grid-template-columns: repeat(3, minmax(12rem, 1fr)); } }
@media (max-height: 850px) and (min-height: 501px) { .analytics-scroll[b-0na75czzlu] { padding: .45rem; } .metric-grid[b-0na75czzlu], .watch-grid[b-0na75czzlu] { gap: .35rem; margin-top: .35rem; } .metric-row[b-0na75czzlu] { padding: .18rem 0; } }
@media (max-height: 500px) and (orientation: landscape) { .analytics-heading span[b-0na75czzlu] { display: none; } .metric-grid[b-0na75czzlu] { grid-template-columns: repeat(4, minmax(11rem, 1fr)); } .pulse-strip[b-0na75czzlu] { grid-template-columns: 7rem 1fr; } .ledger-list[b-0na75czzlu] { max-height: 8rem; } .moderation-controls[b-0na75czzlu] { grid-template-columns: minmax(6.5rem, 1fr) minmax(8rem, 1.1fr) 4.25rem minmax(8rem, 1.4fr) auto; gap: .25rem; padding: .35rem .45rem; } .moderation-controls :is(input, select, button)[b-0na75czzlu] { min-height: var(--touch-target-landscape, 38px); font-size: .68rem; } .network-filter button[b-0na75czzlu] { min-height: 34px; padding-inline: .55rem; } }
@media (max-width: 700px) { .analytics-header[b-0na75czzlu] { align-items: stretch; flex-direction: column; } .metric-grid[b-0na75czzlu], .watch-grid[b-0na75czzlu] { grid-template-columns: 1fr; } .pulse-strip[b-0na75czzlu] { grid-template-columns: 1fr; } }