/* helm admin density tweaks layered on top of local Bulma.
   No external resources are referenced from this file by design. */

html {
  font-size: 15px;
}

body {
  background-color: #fafafa;
}

.section {
  padding: 1.5rem 1.5rem;
}

.container {
  max-width: 1140px;
}

/* Keep navbar contents off the window edges on narrow viewports, and
   align the brand with the page content's 1.5rem inset. */
.navbar > .container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* Brand logo: drop a PNG at src/public/logo.png (served at
   /assets/logo.png). Bulma caps navbar images at 1.75rem; allow a
   slightly taller mark. The alt text shows until the file exists. */
.navbar-item.brand-logo img {
  max-height: 2rem;
}

/* Tighter tables for a dense admin UI. */
.table td,
.table th {
  padding: 0.4em 0.6em;
  vertical-align: middle;
}

/* Constrain stacked forms to a comfortable reading width. */
.form-grid {
  max-width: 32rem;
}

.box {
  margin-bottom: 1.25rem;
}

/* Page heading + lede pair. */
.page-head {
  margin-bottom: 1.25rem;
}
.page-head .title {
  margin-bottom: 0.25rem;
}

/* Inline forms inside table cells should not add vertical rhythm. */
td form {
  margin: 0;
}

/* Confirmation modal: a near-black, high-opacity backdrop. */
.modal-background {
  background-color: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(2px);
}
.modal-card {
  max-width: 28rem;
}
.modal-card-foot {
  gap: 0.5rem;
}