/*
 * Park with Ease brand theme.
 * This file is deliberately isolated: remove its link from Components/App.razor
 * and restore the previous NavMenu brand markup to revert the visual theme.
 */
:root {
    --pwe-lime: #80c43b;
    --pwe-lime-dark: #5d9825;
    --pwe-lime-soft: #edf7e3;
    --pwe-charcoal: #565858;
    --pwe-charcoal-dark: #353838;
    --pwe-paper: #f5f6f3;
}

html, body { background: var(--pwe-paper); color: #303434; }
a, .btn-link { color: var(--pwe-lime-dark); }

.sidebar {
    background: linear-gradient(180deg, var(--pwe-charcoal-dark) 0%, #4d5050 72%, #626464 100%) !important;
    box-shadow: 4px 0 18px #30333320;
}
.sidebar .top-row { min-height: 5.2rem; background: #fff !important; border-bottom: 4px solid var(--pwe-lime); }
.navbar-brand { color: var(--pwe-charcoal-dark) !important; gap: .75rem !important; font-size: .82rem !important; text-transform: uppercase; letter-spacing: .08em; }
.brand-logo { width: 60px; height: 60px; object-fit: contain; flex: 0 0 60px; }
.brand-mark { display: none !important; }
.nav-scrollable { height: calc(100vh - 5.2rem) !important; }
.nav-item .nav-link { color: #f1f3f1 !important; border-radius: 8px !important; }
.nav-item a.active { background: var(--pwe-lime) !important; color: #25301e !important; font-weight: 750; }
.nav-item .nav-link:hover { background: #ffffff18 !important; }
.nav-item .nav-link.active:hover, .nav-item a.active:focus { background: var(--pwe-lime) !important; color: #25301e !important; }

.btn-primary { background: var(--pwe-lime-dark); border-color: var(--pwe-lime-dark); }
.btn-primary:hover, .btn-primary:focus { background: #4f8420; border-color: #4f8420; }
.btn-outline-primary { color: var(--pwe-lime-dark); border-color: #76ad42; }
.btn-outline-primary:hover { color: #fff; background: var(--pwe-lime-dark); border-color: var(--pwe-lime-dark); }
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 .1rem #fff, 0 0 0 .25rem #80c43b66;
}

.page-heading h1 { color: var(--pwe-charcoal-dark); }
.eyebrow { color: var(--pwe-lime-dark); }
.summary-strip { background: var(--pwe-charcoal-dark); border-top: 4px solid var(--pwe-lime); }
.summary-strip .healthy { color: #a7dc70; }
.site-card, .panel { border-color: #d9ddd4; box-shadow: 0 4px 18px #3438380d; }
.site-card > header { border-bottom: 2px solid var(--pwe-lime-soft); padding-bottom: .8rem; }
.site-card h2, .panel h2 { color: #424646; }
.device-card.health-green { background: #f3faec; border-color: #c9e4ae; border-left-color: var(--pwe-lime-dark); }
.dot.green, .presence-marker.online i, .peripheral-icon.green { background: var(--pwe-lime-dark); }
.status-pill.green { background: #e6f5d8; color: #47791d; }
.kiosk-report > header { background: var(--pwe-charcoal-dark); border-bottom: 4px solid var(--pwe-lime); }
.kiosk-pin { color: var(--pwe-lime); }
.legacy-panel.state-green, .kiosk-state-strip span { background: #eff9e7; border-color: #cbe4b6; color: #46751f; }
.threshold-category-icon { background: var(--pwe-lime); color: #29331f; }
.threshold-targets button.active { border-color: var(--pwe-lime-dark); background: var(--pwe-lime-soft); color: #3f6f19; }
.command-message { background: var(--pwe-lime-soft); }
.accuracy-bar { background: var(--pwe-lime-dark); }

@media (max-width: 640.98px) {
    .sidebar .top-row { min-height: 4rem; }
    .brand-logo { width: 44px; height: 44px; flex-basis: 44px; }
    .nav-scrollable { height: auto !important; }
}