/* Watchtower (Flask) — shims layered on the design's app.css.
   The seg control supports anchors (we navigate with href, not click handlers),
   and a few link/button corrections. */

.seg a,
.seg button {
  border: none; background: transparent; cursor: pointer;
  padding: 4px 11px; border-radius: 3px;
  font-size: var(--font-size-sm); font-weight: 500; color: var(--muted);
  display: inline-flex; align-items: center; gap: 6px;
  text-decoration: none;
}
.seg a:hover,
.seg button:hover { color: var(--ink); }
.seg a.on,
.seg button.on { background: var(--surface); color: var(--ink); box-shadow: var(--shadow-1); }

/* Reverse-stripe the table footer-less rows when the body is filling */
.tbl tbody tr[onclick] { cursor: pointer; }

/* Brand link should not underline on hover */
.brand:hover { text-decoration: none; }

/* Mini button used as a real button element */
button.mini { font: inherit; }

/* page-narrow modifier when set via block (we add a leading space) */
.page.page-narrow { max-width: 920px; }