/* M5 home page (T503) — same palette as the workbench (style.css :root) */
body.home { overflow: auto; }
.home-hd { display: flex; justify-content: space-between; align-items: flex-end; padding: 24px 32px 12px;
  border-bottom: 1px solid var(--line); background: var(--pane); }
.home-hd h1 { margin: 0 0 4px; font-size: 20px; font-weight: 600; }
.home-main { padding: 8px 32px 48px; max-width: 1280px; }
.home-main h2 { font-size: 15px; font-weight: 600; margin: 24px 0 10px; }
.home-actions { display: flex; gap: 8px; align-items: center; }
.home button, .home .button { font: inherit; color: var(--fg); background: #262b34; border: 1px solid var(--line);
  border-radius: 4px; padding: 4px 12px; cursor: pointer; text-decoration: none; display: inline-block; }
.home button:hover, .home .button:hover { border-color: var(--accent); }
.home .primary { background: #1f4f8a; border-color: #2c6ab8; }
.cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.cards.small { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.card { background: var(--pane); border: 1px solid var(--line); border-radius: 6px; padding: 12px 14px;
  display: flex; flex-direction: column; gap: 4px; }
.card.current { border-color: #2c6ab8; }
.card-title { display: flex; gap: 8px; align-items: center; }
.card-name { font-size: 14px; font-weight: 600; }
.card-desc { color: var(--fg); opacity: 0.85; }
.card-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.card-actions button, .card-actions .button { padding: 2px 10px; font-size: 12px; }
.badge.open { color: #6fcf97; border-color: #2f5a41; }
.report { white-space: pre-line; margin-top: 8px; padding: 8px; border: 1px solid var(--line); border-radius: 4px; }
dialog { background: var(--pane); color: var(--fg); border: 1px solid var(--line); border-radius: 8px; width: 460px; }
dialog::backdrop { background: rgba(0, 0, 0, 0.5); }
dialog form { display: flex; flex-direction: column; gap: 10px; }
dialog h3 { margin: 0; }
dialog label { display: flex; flex-direction: column; gap: 4px; }
dialog fieldset label { flex-direction: row; align-items: center; gap: 8px; margin: 4px 0; }
dialog input[type="text"], dialog input:not([type]), dialog select { font: inherit; color: var(--fg); background: #11141a;
  border: 1px solid var(--line); border-radius: 4px; padding: 4px 6px; }
dialog fieldset { border: 1px solid var(--line); border-radius: 4px; }
dialog menu { display: flex; justify-content: flex-end; gap: 8px; padding: 0; margin: 0; }
.form-error { color: #ff7b72; }