.board { display: grid; }
.board-section { border-bottom: 1px solid var(--line); }
.board-section:last-child { border-bottom: 0; }
.board-head { display: grid; gap: 4px; padding: 12px; cursor: pointer; }
.board-head h3 { margin: 0; display: inline; }
.board-section[open] > .board-head { border-bottom: 1px solid var(--line); }
.board-body, .board-group { display: grid; gap: 8px; min-width: 0; }
.board-body { padding: 12px; }
.board-body p, .board-group h4 { margin: 0; }
.board-group { padding-top: 4px; }
.board-body .btn { width: 100%; justify-content: center; }
.board-note { padding: 8px; background: var(--well); border-left: 2px solid var(--warn); }
.board-note strong { color: var(--ink); }
.board-row { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: baseline; }
.board-value { min-width: 0; overflow-wrap: anywhere; color: var(--ink); }
.board-status { color: var(--ink); }
.board-status:empty { display: none; }
.board-status[data-error="true"] { color: var(--error); }
.board-table-wrap { overflow-x: auto; border: 1px solid var(--line); background: var(--well); }
.board-table { border-collapse: collapse; white-space: nowrap; }
.board-table caption { text-align: left; padding: 6px 8px; }
.board-table th, .board-table td { padding: 3px 8px; text-align: left; border-top: 1px solid var(--line); }
.board-table th { font-weight: 500; color: var(--muted); }
.board-table td { color: var(--ink); font-variant-numeric: tabular-nums; }