.boot {
  color: var(--sc-text-muted);
  padding: var(--sc-space-6);
}

.muted { color: var(--sc-text-muted); }

.flash {
  margin-bottom: var(--sc-space-4);
  padding: var(--sc-space-3) var(--sc-space-4);
  border-radius: var(--sc-radius-md);
  border: 1px solid var(--sc-border);
  background: var(--sc-bg-elevated);
}

.flash.ok {
  border-color: rgba(61, 122, 90, 0.45);
  color: var(--sc-status-filled-fg);
}

.flash.error {
  border-color: rgba(184, 92, 92, 0.45);
  color: var(--sc-status-unfilled-fg);
}

.side-nav button.nav-signout {
  appearance: none;
  background: transparent;
  font-family: inherit;
  text-align: left;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--sc-space-2);
  padding: var(--sc-space-3) var(--sc-space-3) var(--sc-space-2);
  border-radius: 0;
  border: none;
  border-top: 1px solid var(--sc-border);
  margin-top: var(--sc-space-2);
  color: var(--sc-text-muted);
  font-weight: var(--sc-fw-semibold);
  font-size: var(--sc-fs-md);
}

.side-nav button.nav-signout:hover {
  color: var(--sc-text);
}

.hidden { display: none; }
.mt { margin-top: 1rem; }
.mt-lg { margin-top: 1.25rem; }
.mb { margin-bottom: 1rem; }
.span-all { grid-column: 1 / -1; }
.inset-form { margin-top: 1rem; padding: 1rem; background: var(--sc-bg-elevated); }
.card-header.tight { margin-bottom: 0.75rem; }
.card-header.tight h2 { font-size: 1rem; }
.form-grid.one { grid-template-columns: 1fr; }
.tag-row.spaced { margin-top: 0.35rem; }

table.data select,
table.data input[type="text"],
table.data input[type="number"] {
  min-height: 32px;
  width: 100%;
  max-width: 11rem;
  padding: 0 var(--sc-space-2);
  background: var(--sc-input-bg);
  border: 1px solid var(--sc-input-border);
  border-radius: var(--sc-radius-sm);
  color: var(--sc-text);
  font-family: inherit;
  font-size: var(--sc-fs-sm);
}

@media (max-width: 900px) {
  .side-nav button.nav-signout {
    border-top: none;
    margin-top: 0;
    width: auto;
    padding-top: var(--sc-space-2);
  }
}