/* NO @import. theme-console.css is linked ahead of this file by header.php,
   which versions it with lrAsset(). An @import here would load it with no
   version, so a browser would cache it forever and a fix to Console would
   reach some people and not others -- which is exactly what happened on
   September 5: Edge kept a stale copy and drew a sticky table heading over
   the first row of every admin table while Chrome looked fine. Dependencies
   between themes live in $lrThemeParents in header.php. */
/* =====================================================================
   THEME: "Desk" — Console's chrome, the room legend kept as a band, and
   the orange put back as a thin rule top and bottom.

   Chris picked Console from the first pair, with three amendments:
     1. keep the full-width legend band over the room, not the pills;
     2. keep the thin orange line under the navbar, on every page;
     3. put a matching orange line on the footer's top edge, and make the
        footer look like the header rather than like the page.

   This file is those three things and nothing else. Everything below the
   surface -- typography, table density, the map, the room viewport, the
   sticky report headers -- comes from theme-console.css, which is
   imported above. The locker colours come from custom.css, where they are
   defined once for every theme.
   ===================================================================== */

/* ---- 1. The orange rule, restored ------------------------------------ */
/* Console hid this bar entirely to buy vertical room for the map. It comes
   back as a 4px rule rather than the original 30px band: the brand mark is
   made by the line being there, not by how much of the screen it takes.
   body's padding-top stays at Console's 52px -- the bar sits in normal
   flow directly under the fixed navbar, so it needs no allowance. */
div.top-bar {
  display: block;
  height: 4px;
  background-color: var(--lr-brand);
}

/* ---- 2. The legend, as a band again ---------------------------------- */
/* Console re-laid the legend table as flex to make pills of it. Everything
   here puts the table back to being a table first, then styles the band:
   no cell borders, a quiet grey label cell, and the four states reading
   across at full width, which is how the front desk already knows it. */
.lr-legend,
.lr-legend > tbody,
.lr-legend > tbody > tr,
.lr-legend > tr { display: revert; }
.lr-legend { display: table; width: 100%; font-size: 13px; margin-bottom: 10px; }
.lr-legend > tbody > tr,
.lr-legend > tr { display: table-row; gap: 0; padding-left: 0; }

.lr-legend > :not(caption) > * > * { border: 0; padding: 9px 10px; }
.lr-legend th.locker {
  display: table-cell;
  background-color: #e6ebf1 !important;
  color: var(--lr-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 9px 14px;
  white-space: nowrap;
  width: 1%;                     /* shrink to the word, leave the rest to the states */
}
.lr-legend td.lr-swatch {
  display: table-cell;
  border-radius: 0;
  padding: 9px 10px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
}
/* The band gets the same corner radius as the room viewport below it, so
   the two line up as one block down the 14px gutter they share. The radius
   goes on the end CELLS, not on the table or its wrapper: a border-radius
   on a table does not clip its own cells' backgrounds, and the wrapper's
   box is the full window width -- its corners are outside the band. */
.lr-legend th.locker { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.lr-legend > tbody > tr > :last-child,
.lr-legend > tr > :last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

/* ---- 3. A footer that matches the header ----------------------------- */
/* Same slate as the navbar, same orange rule as under it -- so the page is
   held between two identical edges instead of ending in a grey slab. */
body > .site-footer {
  border-top: 4px solid var(--lr-brand);
  background-color: var(--lr-bar);
  color: #cbd5e1;
  padding: 10px 0 11px;
}
.site-footer .footer-copy,
.site-footer .footer-env { color: #cbd5e1; font-size: 12px; }
.site-footer .footer-version { color: #94a3b8; }
.site-footer a { color: #e2e8f0; text-decoration: underline; }
.site-footer a:hover,
.site-footer a:focus { color: #fff; }