:root {
    --th-green: #2f6b46;
    --th-green-dark: #244f35;
}

body {
    background: #f4f6f4;
}

.th-navbar {
    background: var(--th-green);
}
.th-navbar .navbar-brand,
.th-navbar .navbar-text { color: #fff; }
.th-subtitle { font-size: .8rem; opacity: .8; }

.btn-th { background: var(--th-green); border-color: var(--th-green); color: #fff; }
.btn-th:hover { background: var(--th-green-dark); border-color: var(--th-green-dark); color: #fff; }

/* sortable, sticky table header */
.table-wrap { max-height: calc(100vh - 200px); overflow: auto; }
.table thead th {
    position: sticky; top: 0; z-index: 1;
    background: #e9efe9;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.table thead th:hover { background: #dde8dd; }

.mono { font-family: ui-monospace, "Cascadia Code", Consolas, monospace; }

/* facet toggle pills */
.facet-label { font-size: .72rem; letter-spacing: .04em; }

#blazor-error-ui {
    background: #ffe9e0; bottom: 0; display: none; left: 0;
    padding: 0.6rem 1.25rem; position: fixed; width: 100%; z-index: 1050;
    box-shadow: 0 -1px 2px rgba(0,0,0,.2);
}
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }
.loading-progress, .loading-progress-text { display: none; }