.product-state { padding: 1.5rem; }
.product-state[data-product-state="loading"] { cursor: progress; }
.product-state p { max-width: 40rem; margin-inline: auto; }
[data-density="compact"] .data-table td,
[data-density="compact"] .data-table th { padding-block: .45rem; }
[data-density="compact"] .field-grid { gap: .65rem; }
.density-control { display: inline-flex; align-items: center; gap: .4rem; font-size: .8rem; }
.modal:focus-visible, .nav-link:focus-visible { outline: 2px solid var(--accent, #4f66d8); outline-offset: 3px; }
.view[hidden] { display: none !important; }
.record-toolbar, .record-pagination { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; margin-block: 1rem; }
.record-toolbar[hidden], .record-pagination[hidden] { display: none; }
.record-toolbar label { display: grid; gap: .3rem; }
.record-toolbar input, .record-toolbar select { padding: .5rem; font: inherit; color: inherit; background: var(--bg-surface, transparent); border: 1px solid var(--border, #bbb); border-radius: .4rem; }
.record-table-scroll { overflow-x: auto; }
.record-table-scroll table { width: 100%; }
.record-split { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(0, 3fr); gap: 1rem; }
.record-choice { display: block; width: 100%; padding: .7rem; text-align: left; background: transparent; color: inherit; border: 1px solid var(--border, #bbb); border-radius: .4rem; margin-block: .3rem; }
.record-choice[aria-pressed="true"] { outline: 2px solid var(--accent, #4f66d8); }
.record-choice strong, .record-choice small { display: block; overflow-wrap: anywhere; }
.record-summary { margin-block: 1rem; }
.record-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .75rem; }
.record-fields dt, .record-note, .record-page-note { color: var(--text-muted); }
.record-fields dd { margin: .25rem 0 0; overflow-wrap: anywhere; }
.record-relations { display: flex; flex-wrap: wrap; gap: 1rem; }
.record-summary-header h2 { overflow-wrap: anywhere; }
@media (max-width: 700px) { .record-split { grid-template-columns: 1fr; } }
.process-card { padding: 1rem; margin-block: 1rem; border: 1px solid var(--border, #bbb); border-radius: .5rem; overflow-wrap: anywhere; }
.proposal-review { margin-block: 1rem; padding: 1rem; overflow-x: auto; overflow-wrap: anywhere; }
.proposal-review table { width: 100%; }
.proposal-review .schema-row-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-block: 1rem; }
.process-card header h3 { margin-block: 0 .4rem; }
.process-card section { margin-block: 1rem; }
.process-stages { display: flex; flex-wrap: wrap; gap: .75rem 2rem; padding-inline-start: 1.5rem; }
.process-stages [aria-current="step"] { font-weight: 600; }
.process-child { margin-block: 1rem; padding-inline-start: .75rem; border-inline-start: 2px solid var(--border, #bbb); }
.process-child button:focus-visible { outline: 2px solid var(--accent, #4f66d8); outline-offset: 3px; }
@media (max-width: 700px) { .process-card { padding: .65rem; } .process-child { padding-inline-start: .35rem; } }