/* Mac Dispatch console: only the page rules Winterhoff Soft Glass (kit/) doesn't have.
   Tokens only: no colors, radii or fonts of its own. Everything else is kit classes. */

/* Sign in sits centered on the aurora, outside the app shell (docs/05: "Sign in") */
#signin {
  min-height: 100vh; min-height: 100dvh; display: grid; place-items: center;
  padding: 32px max(16px, env(safe-area-inset-right, 0px)) 32px max(16px, env(safe-area-inset-left, 0px));
}
#signin > .wh-card { width: 100%; max-width: 420px; }

/* One font: code, JSON and command lines use the body font */
pre, code { font-family: var(--font-body); font-size: 13px; overflow-wrap: anywhere; }
pre {
  margin: 0; max-height: 220px; overflow: auto; padding: 10px 12px; white-space: pre-wrap;
  border-radius: var(--r-sm); background: var(--track); color: var(--fg);
}
#policy { min-height: 320px; font-size: 13px; }

/* List rows (.wh-set-row): text column grows, long titles wrap, the whole task row opens the task */
.wh-set-row > .wh-stack { --gap: 6px; flex: 1 1 260px; min-width: 0; overflow-wrap: anywhere; }
.wh-set-row[data-task] { cursor: pointer; }
.wh-task-link { color: var(--fg); text-decoration: none; }
.wh-task-link:hover { text-decoration: underline; }
.wh-activity li > div { min-width: 0; overflow-wrap: anywhere; }

/* Task detail */
#d-title { font-size: clamp(22px, 3vw, 30px); overflow-wrap: anywhere; }
#chat { min-height: 240px; max-height: 460px; }
#d-details .wh-set-row > span:last-child { min-width: 0; overflow-wrap: anywhere; text-align: right; }
/* Inline controls inside column stacks keep their own width */
#back, #t-where { align-self: flex-start; }
.wh-activity li > .wh-chip { align-self: flex-start; }
.wh-screen-head > .wh-stack { flex: 1 1 420px; }
/* Audit log: keep the detail column readable; the kit's .wh-table-wrap scrolls sideways on phones */
#audit td:first-child { white-space: nowrap; }
#audit td:last-child { min-width: 260px; }