/*
  Area pass for Safety and compliance, part 2 (boards: canvas-safety RandomTestingPools / PoolGenerate /
  PoolMembers / PoolDelete / Clearinghouse / ClearinghouseRecord / ClearinghouseDelete / MvrReviews / MvrRecord /
  MvrDelete). Everything uses the pui-safety2- prefix; the list card of each page carries .pui-safety2-list.
*/

/* ── List card ─────────────────────────────────────────────────────────────────────────────── */

.pui-safety2-list.cn-card { overflow: hidden; gap: 0; padding: 0; border-radius: 12px; }
.pui-safety2-list .pui-list-toolbar { padding: 0; gap: 0; }
.pui-safety2-toolbar { padding: 14px 16px; border-bottom: 1px solid var(--border); width: 100%; box-sizing: border-box; }
.pui-safety2-toolbar-label { font-size: 13px; font-weight: 500; color: var(--muted-foreground); }
.pui-safety2-list .pui-list-table { padding: 0; }
.pui-safety2-list table { width: 100%; border-collapse: collapse; font-size: 13px; }
.pui-safety2-list thead th,
.pui-safety2-list th.cn-table-head {
    height: 38px; padding: 0 12px; font-size: 12px; font-weight: 500; color: var(--muted-foreground);
    border-bottom: 1px solid var(--border); white-space: nowrap; text-align: left; background: var(--card);
}
.pui-safety2-list th.pui-right { text-align: right; }
.pui-safety2-list tbody td { padding: 10px 12px; border-bottom: 1px solid var(--border); vertical-align: middle; font-size: 13px; }
.pui-safety2-list tbody tr:last-child td { border-bottom: 0; }
.pui-safety2-list tbody tr:hover td { background: oklch(0.98 0.004 250); }
.pui-safety2-list .pui-list-footer { padding: 12px 16px; border-top: 1px solid var(--border); }
.pui-safety2-footer { font-size: 13px; color: var(--muted-foreground); }
.pui-safety2-footer a, .pui-safety2-note a { color: var(--primary); text-decoration: none; }
.pui-safety2-footer a:hover, .pui-safety2-note a:hover { text-decoration: underline; }
.pui-safety2-list .cn-button-variant-link { height: auto; padding: 0; color: var(--primary); font-size: 13px; }
.pui-safety2-list .cn-button-variant-link:hover { text-decoration: underline; }
.pui-safety2-list .cn-badge-variant-outline { height: 22px; padding: 0 8px; border-radius: 999px; font-size: 12px; font-weight: 500; }

/* ── Pool members dialog ───────────────────────────────────────────────────────────────────── */

.pui-safety2-members .cn-dialog { width: min(520px, calc(100vw - 32px)); max-width: calc(100vw - 32px); }
.pui-safety2-members-table { border: 1px solid var(--border); border-radius: 10px; overflow: hidden; }
.pui-safety2-members-table table { width: 100%; border-collapse: collapse; font-size: 13px; }
.pui-safety2-members-table thead th {
    height: 38px; padding: 0 12px; font-size: 12px; font-weight: 500; color: var(--muted-foreground);
    border-bottom: 1px solid var(--border); text-align: left;
}
.pui-safety2-members-table tbody td { padding: 10px 12px; border-bottom: 1px solid var(--border); vertical-align: middle; }
.pui-safety2-members-table tbody tr:last-child td { border-bottom: 0; }
.pui-safety2-note { font-size: 12px; color: var(--muted-foreground); }

/* ── Sheets ────────────────────────────────────────────────────────────────────────────────── */

.pui-safety2-sheet .cn-textarea { min-height: 84px; }
.pui-safety2-notice {
    display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; border: 1px solid transparent;
    border-radius: 10px; font-size: 13px; line-height: 1.45;
}
.pui-safety2-notice > svg { margin-top: 1px; flex: none; }
.pui-safety2-notice-info { background: var(--tone-info-bg); border-color: oklch(0.88 0.05 250); color: var(--tone-info-fg); }
.pui-safety2-notice-warning { background: var(--tone-warning-bg); border-color: oklch(0.88 0.08 80); color: var(--tone-warning-fg); }

/* ── Dialogs ───────────────────────────────────────────────────────────────────────────────── */

/* Confirmations: the shared .pui-confirm footer keeps a negative margin that assumes a padded dialog. */
.pui-safety2-confirm .pui-confirm .cn-dialog-footer { margin: 0; }

.pui-safety2-members .cn-dialog { padding: 0; gap: 0; border-radius: 14px; }
.pui-safety2-members .cn-dialog-header { padding: 20px 56px 0 24px; gap: 4px; }
.pui-safety2-members-body { padding: 16px 24px 20px; }
.pui-safety2-members .cn-dialog-footer { margin: 0; padding: 16px 24px; border-top: 1px solid var(--border); }
.pui-safety2-members .cn-dialog > .cn-button-size-icon-sm { position: absolute; top: 20px; right: 26px; }

.pui-safety2-toolbar .cn-select-trigger { height: 34px; }