/* Shared navigation bar (2026-09-10, Francis: the menu must be the SAME
 * on every page — one server-driven bar, permission-consistent items,
 * and a submenu for the admin section instead of per-page menu
 * variations). Every page links this stylesheet; page-local nav CSS is
 * gone. The map page keeps its own `nav { position: fixed; ... }`
 * layout override (the map is full-viewport; the nav floats above it)
 * — LOOK (background/links/submenu) comes from here.
 */
nav {
    background: #1d261d;
    border-bottom: 1px solid #343;
    padding: 8px 16px;
    font-size: 13px;
}
nav a {
    color: #f99;
    text-decoration: none;
    margin-right: 14px;
    cursor: pointer;
}
nav a:hover { color: #fff; }
nav a.cur { color: #efe; font-weight: bold; }

/* Dropdown submenu (Admin): hover-open on desktop, tap-open on touch
 * (nav.js toggles .open; the trigger is a non-link span). */
nav .navitem { position: relative; display: inline-block; margin-right: 14px; }
nav .navitem .trig {
    color: #f99;
    cursor: pointer;
    display: inline-block;
    padding: 0 2px;
}
nav .navitem .trig:hover { color: #fff; }
nav .navitem.cur .trig { color: #efe; font-weight: bold; }
nav .navitem .sub {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #151d15;
    border: 1px solid #343;
    min-width: 170px;
    padding: 5px 0;
    z-index: 1300;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5);
}
nav .navitem:hover .sub,
nav .navitem.open .sub { display: block; }
nav .navitem .sub a {
    display: block;
    margin: 0;
    padding: 6px 16px;
    white-space: nowrap;
}
nav .navitem .sub a:hover { background: #243024; color: #fff; }
nav .navitem .sub a.cur { color: #efe; font-weight: bold; }
@media (max-width: 700px) {
    nav { padding: 6px 10px; font-size: 12px; }
    nav a, nav .navitem { margin-right: 9px; }
}