/* thesa-app.css — shell-level layout tweaks on top of thesa-theme.css + MudBlazor */

/* Drawer: ink background, gold active rail (editorial banking nav) */
.thesa-drawer .mud-nav-link {
    color: rgba(255, 255, 255, 0.72);
    font-family: var(--thesa-font-body);
    border-left: 2px solid transparent;
}
.thesa-drawer .mud-nav-link:hover {
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
}
.thesa-drawer .mud-nav-link.active {
    color: var(--thesa-paper);
    background: rgba(201, 169, 97, 0.10);
    border-left-color: var(--thesa-gold);
}
.thesa-drawer .mud-nav-link .mud-icon-root { color: var(--thesa-gold); }

/* Nav section headers — mono eyebrow */
.thesa-nav-group {
    font: 500 var(--thesa-text-mono-10) / 1 var(--thesa-font-mono);
    letter-spacing: .25em; text-transform: uppercase;
    color: rgba(201, 169, 97, 0.7);
    padding: 18px 16px 8px;
}

/* Drawer header wordmark */
.thesa-brand {
    display: flex; align-items: center; gap: 8px;
    font-family: var(--thesa-font-display); font-size: 1.35rem; font-weight: 500;
    color: var(--thesa-paper); padding: 0 8px;
}
.thesa-brand .dot { color: var(--thesa-gold); font-style: italic; }

/* AppBar: glass paper */
.thesa-appbar {
    backdrop-filter: blur(14px) saturate(130%);
    -webkit-backdrop-filter: blur(14px) saturate(130%);
    border-bottom: 1px solid var(--thesa-line);
}

/* Page title block in the appbar */
.thesa-page-title {
    font-family: var(--thesa-font-display); font-weight: 500; color: var(--thesa-ink);
    line-height: 1.1;
}

/* Zambia flag strip (footer of drawer) */
.thesa-flag-strip { display: flex; height: 3px; width: 72px; }
.thesa-flag-strip > span { flex: 1; }
.thesa-flag-strip > span:nth-child(1) { background: var(--thesa-zm-green); }
.thesa-flag-strip > span:nth-child(2) { background: var(--thesa-zm-red); }
.thesa-flag-strip > span:nth-child(3) { background: var(--thesa-zm-black); }
.thesa-flag-strip > span:nth-child(4) { background: var(--thesa-zm-orange); }

/* Empty-state block */
.thesa-empty {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    text-align: center; gap: 16px; padding: 64px 32px; min-height: 50vh;
}
.thesa-empty__icon {
    width: 64px; height: 64px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: var(--thesa-gold-soft); color: var(--thesa-gold-2);
}
.thesa-empty__title {
    font-family: var(--thesa-font-display); font-size: var(--thesa-text-h3);
    font-weight: 500; color: var(--thesa-ink);
}
.thesa-empty__msg { color: var(--thesa-muted); max-width: 460px; line-height: 1.6; }