/* YFYW admin console — minimal first-party styles (no framework, no build step). */
:root { color-scheme: light dark; }
body {
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
  margin: 0 auto;
  max-width: 60rem;
  padding: 0 1rem 3rem;
}
header {
  align-items: baseline;
  border-bottom: 1px solid canvastext;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  padding: 0.75rem 0;
}
header nav { display: flex; flex-wrap: wrap; gap: 0.25rem 0.9rem; }
header nav a { text-transform: none; }
main h1 { font-size: 1.4rem; margin: 1.25rem 0 0.5rem; }
main h2 { font-size: 1.1rem; margin: 1.5rem 0 0.4rem; }
table { border-collapse: collapse; font-size: 0.9rem; margin: 0.75rem 0; max-width: 100%; }
th, td { border: 1px solid canvastext; padding: 0.25rem 0.5rem; text-align: left; vertical-align: top; }
tr.urgent td:first-child, tr.urgent td:nth-child(3) { font-weight: 700; }
form { display: grid; gap: 0.4rem; margin: 0.75rem 0; max-width: 28rem; }
form.inline { display: inline; gap: 0; margin: 0; }
label { font-weight: 600; }
label.check { font-weight: 400; }
input[type="text"], input[type="number"] { font: inherit; padding: 0.3rem; }
button { font: inherit; padding: 0.35rem 1rem; }
button.danger { font-weight: 700; }
dl.meta { column-gap: 1rem; display: grid; grid-template-columns: max-content 1fr; row-gap: 0.2rem; }
dl.meta dt { font-weight: 600; }
dl.meta dd { margin: 0; overflow-wrap: anywhere; }
dd.ref { font-family: ui-monospace, monospace; }
pre.msg {
  background: Canvas;
  border: 1px solid canvastext;
  font-family: ui-monospace, monospace;
  margin: 0.5rem 0;
  min-height: 3rem;
  padding: 0.6rem;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.flash { border: 2px solid canvastext; margin: 1rem 0; padding: 0.25rem 0.75rem; }
.flash p { margin: 0.35rem 0; }
p.error { font-weight: 700; }