/* ---- RouteMonkey theme — same palette/type as the landing page (Pages/Index.cshtml) ---- */
:root {
    --rm-bg: #FBF9F4;
    --rm-ink: #22302B;
    --rm-muted: #4F5D56;
    --rm-faint: #8A948D;
    --rm-accent: #1E7A5F;
    --rm-accent-dark: #145844;
    --rm-focus-ring: rgba(30, 122, 95, 0.25);
    --rm-border: #E7E2D6;
    --rm-band: #F2EFE6;
    --rm-tint: #EDF3EC;
}

body {
    background-color: var(--rm-bg);
    color: var(--rm-ink);
}

h1, h2 {
    font-family: Georgia, 'Times New Roman', serif;
    letter-spacing: -0.02em;
}

a { color: var(--rm-accent); }
a:hover { color: var(--rm-accent-dark); }

header .navbar {
    background-color: var(--rm-bg);
    border-bottom: 1px solid var(--rm-border);
}

.navbar-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

header .navbar .nav-link { color: var(--rm-muted); }
header .navbar .nav-link:hover { color: var(--rm-accent-dark); }

/* which build is serving the page - super-user only, _BuildStamp.cshtml. Deliberately the
   faintest thing in the bar: it is a diagnostic, not navigation. */
.build-stamp {
    align-self: center;
    white-space: nowrap;
    color: var(--rm-faint);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.75rem;
    cursor: default;
}

.btn-primary {
    background-color: var(--rm-accent);
    border-color: var(--rm-accent);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: var(--rm-accent-dark);
    border-color: var(--rm-accent-dark);
}

.btn-primary:disabled {
    background-color: var(--rm-accent);
    border-color: var(--rm-accent);
}

.btn-primary:focus { box-shadow: 0 0 0 0.25rem var(--rm-focus-ring); }

.btn-outline-primary { color: var(--rm-accent); border-color: var(--rm-accent); }

.btn-outline-primary:hover, .btn-outline-primary:active {
    background-color: var(--rm-accent);
    border-color: var(--rm-accent);
    color: #fff;
}

.btn-link { color: var(--rm-accent); }
.btn-link:hover { color: var(--rm-accent-dark); }

.form-control:focus, .form-select:focus {
    border-color: var(--rm-accent);
    box-shadow: 0 0 0 0.25rem var(--rm-focus-ring);
}

/* The Browse / Choose File button inside a file input - the round upload on Delivery day and
   the contact form's attachment. It is the browser's own control, so it is painted explicitly
   or it arrives in the browser's own colours. This was a hand-rolled blue (#0d6efd, with a
   purple border) from before the theme existed, which left those two inputs as the last place
   in the app wearing chrome from somewhere else; the colours are the theme's now, and the
   geometry is as it was.

   Keep this the file's only rule for that button, and keep it here rather than below. It used
   to sit at the bottom, under the theme layer, so a themed rule added up here lost to it on
   source order and looked for all the world like a selector that did not match. */
input[type=file]::file-selector-button {
    border: 2px solid var(--rm-accent);
    padding: .2em .4em;
    border-radius: .2em;
    background-color: var(--rm-accent);
    transition: 1s;
    color: white
}

    /*    input[type=file]::file-selector-button:hover {
        background-color: #81ecec;
        border: 2px solid #00cec9;
    }*/

.form-check-input:checked { background-color: var(--rm-accent); border-color: var(--rm-accent); }

.nav-pills .nav-link.active { background-color: var(--rm-accent); }

.dropdown-item.active, .dropdown-item:active { background-color: var(--rm-accent); }

.card { border-color: var(--rm-border); }

.footer {
    border-top: 1px solid var(--rm-border);
    color: var(--rm-faint);
    padding: 1.25rem 0;
    margin-top: 2rem;
}

.footer a { color: var(--rm-faint); }

/* grouped Management sidebar (_ManageNav.cshtml) */
.manage-nav .manage-nav-group { margin-bottom: 1.25rem; }

.manage-nav-heading {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--rm-faint);
    padding: 0 12px 4px;
}

.manage-nav .nav-link {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--rm-muted);
}

.manage-nav .nav-link:hover { color: var(--rm-accent-dark); }
.manage-nav .nav-link.active { color: #fff; }

/* status pills on the Management dashboard - dot colours are the same status
   semantics as the map pins in progress.css, not theme */
.rm-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 13px;
    background-color: var(--rm-band);
    color: var(--rm-ink);
}

.rm-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* ---- end theme ---- */

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}



.sidenav {
    display: flex;
    flex-direction: column-reverse;
    width: 200px;
    position: fixed;
    z-index: 1;
    top: 60px;
    left: 10px;
    overflow-x: hidden;
    padding: 8px 0;
}

    .sidenav a {
        padding: 6px 8px 6px 16px;
        text-decoration: none;
        font-size: 20px;
        color: #0d6efd;
        display: block;
    }

    .sidenav a:active {
        background-color: #00cc99;
    }


.sidenav a:hover {
    color: #064579;
}

.navbar-nav > .active > a {
    color: aqua;
    background-color: chartreuse;
}
@media (min-width: 1920px) {
    /* auto dropdown on mouse over*/
    .dropdown:hover > .dropdown-menu {
        display: block;
    }
}
    /*.nav-item > a:hover {
    color: aqua;
}*/

#map {
    height: 180px;
}



    /*.table a {
    display: block;
    text-decoration: none;
}*/