/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-z26byi1hfu] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-z26byi1hfu] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/Fenhold.razor.rz.scp.css */
/* /fenhold: the game's numbers. The panels, tiles and pills are the site's own (app.css); these are the bars and tables. */
.fs-warn[b-abz09cnsmi] { padding: 10px 16px; border: 1px solid rgba(255, 181, 71, 0.3); background: rgba(255, 181, 71, 0.08); border-radius: 16px; color: #ffd28f; font-size: 13.5px; }
.fs-note[b-abz09cnsmi] { color: var(--text-muted); font-size: 13.5px; padding: 6px 0; }
.fs-stamp[b-abz09cnsmi] { color: var(--text-faint); font-size: 12.5px; text-align: center; padding: 28px 0 0; }
.fs-sub[b-abz09cnsmi] { color: var(--text-primary); font-size: 15px; font-weight: 700; letter-spacing: -0.01em; margin: 22px 0 8px; }

.fs-scroll[b-abz09cnsmi] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.fs-table[b-abz09cnsmi] { width: 100%; border-collapse: collapse; font-size: 13px; }
.fs-table th[b-abz09cnsmi] { text-align: left; font-weight: 500; color: var(--text-muted); font-size: 12px; padding: 6px 8px; border-bottom: 1px solid var(--border-hairline); white-space: nowrap; }
.fs-table td[b-abz09cnsmi] { padding: 8px; color: var(--text-secondary); white-space: nowrap; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.fs-table tbody tr:last-child td[b-abz09cnsmi] { border-bottom: 0; }
.fs-table .n[b-abz09cnsmi] { text-align: right; font-variant-numeric: tabular-nums; }
.fs-total td[b-abz09cnsmi] { color: var(--text-primary); font-weight: 600; }
.fs-hard td:first-child[b-abz09cnsmi] { color: var(--status-warning); }
.fs-stop[b-abz09cnsmi] { color: var(--status-critical) !important; }
.fs-heat[b-abz09cnsmi] { display: inline-block; min-width: 44px; padding: 2px 7px; border-radius: 999px; background: rgba(126, 226, 168, calc(var(--k, 0) * 0.5)); color: var(--text-primary); }
.fs-feed td:last-child[b-abz09cnsmi] { white-space: normal; min-width: 240px; font-family: var(--font-mono); font-size: 11.5px; }
.fs-tester td[b-abz09cnsmi] { color: var(--text-muted); }

.fs-funnel[b-abz09cnsmi] { display: flex; flex-direction: column; gap: 7px; }
.fs-frow[b-abz09cnsmi] { display: grid; grid-template-columns: minmax(120px, 190px) 1fr 44px 44px 40px; gap: 10px; align-items: center; font-size: 13px; color: var(--text-secondary); }
.fs-frow.branch[b-abz09cnsmi] { opacity: 0.55; }
.fs-fbar[b-abz09cnsmi] { height: 8px; background: rgba(255, 255, 255, 0.06); border-radius: 4px; overflow: hidden; }
.fs-fbar i[b-abz09cnsmi] { display: block; height: 100%; background: #f2f2f5; border-radius: 4px; }
.fs-fnum[b-abz09cnsmi], .fs-fpct[b-abz09cnsmi], .fs-fdrop[b-abz09cnsmi] { text-align: right; font-variant-numeric: tabular-nums; font-size: 12.5px; }
.fs-fdrop[b-abz09cnsmi] { color: var(--status-critical); }

.fs-grid[b-abz09cnsmi] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 8px 28px; }
.fs-bar[b-abz09cnsmi] { display: grid; grid-template-columns: minmax(70px, 140px) 1fr 44px 38px; gap: 8px; align-items: center; font-size: 12.5px; color: var(--text-secondary); margin-bottom: 5px; }
.fs-bname[b-abz09cnsmi] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fs-btrack[b-abz09cnsmi] { height: 6px; background: rgba(255, 255, 255, 0.06); border-radius: 3px; overflow: hidden; }
.fs-btrack i[b-abz09cnsmi] { display: block; height: 100%; background: #f2f2f5; border-radius: 3px; opacity: 0.85; }
.fs-bnum[b-abz09cnsmi], .fs-bpct[b-abz09cnsmi] { text-align: right; font-variant-numeric: tabular-nums; font-size: 12px; }
.fs-bpct[b-abz09cnsmi] { color: var(--text-muted); }

.fs-charts[b-abz09cnsmi] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px 24px; }
.fs-chart-top[b-abz09cnsmi] { float: right; font-weight: 400; color: var(--text-muted); font-variant-numeric: tabular-nums; font-size: 12px; }
.fs-cols[b-abz09cnsmi] { display: flex; align-items: flex-end; gap: 1px; height: 80px; border-bottom: 1px solid var(--border-hairline); }
.fs-col[b-abz09cnsmi] { flex: 1 1 0; height: 100%; display: flex; align-items: flex-end; min-width: 1px; }
.fs-col i[b-abz09cnsmi] { display: block; width: 100%; background: #f2f2f5; opacity: 0.85; border-radius: 2px 2px 0 0; }
.fs-chart-axis[b-abz09cnsmi] { display: flex; justify-content: space-between; color: var(--text-muted); font-size: 11.5px; margin-top: 4px; }

.fs-err[b-abz09cnsmi] { font-size: 12.5px; color: var(--text-secondary); padding: 4px 0; font-family: var(--font-mono); overflow-wrap: anywhere; }

@media (max-width: 560px) {
    .fs-frow[b-abz09cnsmi] { grid-template-columns: minmax(88px, 110px) 1fr 42px 38px 36px; gap: 6px; font-size: 12px; }
}
