/* The fleet console: plain, in the brand's colour tokens (tokens.css, deployed beside it). */
body { margin: 0; background: var(--bg, #fff); color: var(--ink, #111); font-family: var(--sans, system-ui, sans-serif); line-height: 1.5; }
main { max-width: 72rem; margin: 0 auto; padding: 2rem 1rem; }
h1, h2 { font-family: var(--serif, inherit); font-weight: 600; }
h2 { margin-top: 2rem; border-top: 1px solid var(--rule, #ccc); padding-top: 1rem; font-size: 1.15rem; }
.note, #status { color: var(--muted, #555); }
.scroll { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; vertical-align: top; padding: .4rem .6rem; border-bottom: 1px solid var(--rule, #ccc); }
th { color: var(--muted, #555); font-weight: 600; }
td.why { max-width: 24rem; overflow-wrap: anywhere; }
td.actions button { margin: 0 .3rem .3rem 0; }
form label { display: block; margin: .5rem 0; }
form input, form select { display: block; margin-top: .2rem; }
button { background: var(--accent, #333); color: var(--on-accent, #fff); border: 0; border-radius: var(--radius, 2px); padding: .45rem .9rem; font: inherit; cursor: pointer; }
button.secondary { background: transparent; color: var(--accent-ink, inherit); border: 1px solid var(--rule, #ccc); }
input, select { font: inherit; padding: .35rem .5rem; border: 1px solid var(--rule, #ccc); background: var(--surface, #fff); color: inherit; max-width: 100%; }