.record-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.table-actions .record-actions { flex-wrap: nowrap; width: max-content; }
.table-responsive table:has(.record-actions) { overflow: visible; }
.table-responsive .table-actions { position: sticky; right: 0; z-index: 1; min-width: 14rem; background: var(--ui-surface, white); box-shadow: -3px 0 5px rgb(0 0 0 / 4%); }
.table-responsive th.table-actions { background: var(--ui-soft, #eff7f2); }
.record-action { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; min-height: 2rem; padding: .3rem .65rem; border: 1px solid var(--ui-line, #ccd8d3); border-radius: .4rem; color: var(--ui-accent-dark, #265842); background: var(--ui-soft, #eff7f2); font-size: .82rem; font-weight: 600; text-decoration: none !important; white-space: nowrap; }
.record-action:hover { background: var(--ui-hover, #e2eee7); }
.record-action:focus-visible { outline: 3px solid var(--ui-accent, #378267); outline-offset: 2px; }
.record-action--delete { color: #a4262c; background: #fff5f5; border-color: #e7b8bb; }
.record-action--delete:hover { background: #ffe7e8; }
.app-main .record-form button.btn-danger { background: #a4262c; border-color: #a4262c; color: white; }
.app-main .record-form button.btn-danger:hover { background: #812027; border-color: #812027; color: white; }
.record-details { display: grid; grid-template-columns: minmax(10rem, 1fr) 2fr; gap: .65rem 1rem; }
.record-details dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.collection-print-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-bottom: 1.5rem; }
@media (max-width: 575px) { .record-details { grid-template-columns: 1fr; gap: .25rem; } .record-details dd { margin-bottom: .75rem; } .record-action { min-height: 2.5rem; } }