/* NEXAKOR Phase 12 R10 - UX Wave 1 systemic remediation */
:root{
  --nx-r8-table-font:11px;
  --nx-r8-table-head-font:10px;
  --nx-r8-row-h:28px;
  --nx-r8-head-h:27px;
}
/* AA contrast: brand green remains an accent, not small text. */
.nx-v400-section-tab{color:#475569!important}
.nx-v400-section-tab.active{color:#065f46!important;border-color:rgba(4,120,87,.30)!important;background:rgba(16,185,129,.10)!important;box-shadow:inset 0 -2px 0 #047857!important}
.nx435-commandbar .nx435-cmd-icon{color:#047857!important}
body[data-theme="dark"] .nx-v400-section-tab{color:#cbd5e1!important}
body[data-theme="dark"] .nx-v400-section-tab.active{color:#a7f3d0!important;background:rgba(16,185,129,.14)!important;border-color:rgba(52,211,153,.38)!important}
body[data-theme="dark"] .nx435-commandbar .nx435-cmd-icon{color:#6ee7b7!important}
/* Accessible compact pagination. Visual glyph stays compact while hit target grows. */
.data-grid .dg-footer [data-prev],.data-grid .dg-footer [data-next]{min-width:32px!important;width:32px!important;min-height:32px!important;height:32px!important;padding:0!important;display:inline-grid!important;place-items:center!important}
/* Empty/loading feedback must never render as a blank worklist. */
.data-grid .table-empty{min-height:72px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:18px!important;font-size:12px!important;color:var(--muted,#64748b)!important}
.data-grid .nx-empty-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;border:1px solid currentColor;opacity:.72;font-size:12px}
/* Keep dense records readable. */
#page .data-grid .dg-table tbody td,.embedded-content #page .data-grid .dg-table tbody td{font-size:11px!important;height:28px!important}
#page .data-grid .dg-table thead th,.embedded-content #page .data-grid .dg-table thead th{font-size:10px!important;height:27px!important}

/* R10C: close catalog active-tab AA contrast residual */
#page .tabs .tab.active,#page .tab.active{color:#065f46!important;border-color:rgba(4,120,87,.30)!important;background:rgba(16,185,129,.10)!important}
body[data-theme="dark"] #page .tabs .tab.active,body[data-theme="dark"] #page .tab.active{color:#a7f3d0!important;background:rgba(16,185,129,.14)!important}
