.nompa-board-filters,.nompa-board-actions{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem}
.nompa-board-filters label,.nompa-board-record-form label{display:grid;gap:.25rem;font-weight:650}
.nompa-board-filters label:first-child{flex:1 1 12rem}
.nompa-board-filters input,.nompa-board-filters select,.nompa-board-record-form select,.nompa-board-record-form textarea{width:100%;border:1px solid var(--line,#cbd4dc);border-radius:.55rem;background:var(--paper,#fff);color:inherit;padding:.6rem .7rem;font:inherit}
.nompa-board-list{display:grid;gap:.8rem;margin-block:.8rem}
.nompa-board-record{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--line,#cbd4dc);border-radius:.8rem}
.nompa-board-record h3,.nompa-board-record p,.nompa-board-record dl,.nompa-board-record dd{margin:0}
.nompa-board-record-head{display:flex;gap:.75rem;justify-content:space-between;align-items:flex-start}
.nompa-board-state{flex:none}
.nompa-board-record summary{cursor:pointer;font-weight:650}
.nompa-board-record dt{font-weight:650}
.nompa-board-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.6rem;padding-top:.65rem}
.nompa-board-workflow{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem;font-size:.92rem}
.nompa-board-message,.nompa-board-workflow dd{white-space:pre-wrap;overflow-wrap:anywhere}
.nompa-board-record-form{display:grid;gap:.65rem;padding:.8rem;border-radius:.65rem;background:var(--soft,#f5f7f9)}
.nompa-board-record-form>button{justify-self:start}
.nompa-board [data-board-status].is-error{color:#9b2828}
.nompa-board [data-board-status]:empty,.nompa-board-record-head p:empty{display:none}
.nompa-board [data-board-invitation] output{display:block;margin-block:.65rem;overflow-wrap:anywhere;font-family:monospace}