/* K113: PDKS monitoring-workspace / audit-detail ölçüleri; renkler ortak portal token'larından. */
.np-monitoring-tabs { margin-bottom: 16px; max-width: 100%; height: auto; flex-wrap: wrap; justify-content: flex-start; }
.np-monitoring-tabs .np-tab { flex: none; }
.np-monitoring-subtabs { width: fit-content; max-width: 100%; overflow-x: auto; }
.np-monitoring-subtabs .np-tab { padding: 8px 16px; }
.np-monitoring-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.np-monitoring-metric { padding: 16px; }
.np-monitoring-metric p { color: var(--text-muted); font-size: 12px; }
.np-monitoring-metric strong { display: block; margin-top: 8px; font-size: 24px; line-height: 32px; font-weight: 600; }
.np-monitoring-metric small { display: block; margin-top: 4px; color: var(--text-muted); font-size: 12px; }
.np-monitoring-health { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 16px; }
.np-monitoring-health strong { font-size: 14px; font-weight: 600; }
.np-monitoring-bulk { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.np-monitoring-bulk > span { margin-inline-end: auto; color: var(--text-muted); font-size: 14px; }
.np-monitoring-table { min-width: 1150px; }
.np-monitoring-table input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--brand); }
.np-monitoring-table .np-monitoring-message { min-width: 220px; max-width: 440px; }
.np-monitoring-message .np-cell-title { display: block; max-width: 440px; overflow-wrap: anywhere; text-decoration: none; color: var(--text); }
.np-monitoring-message a:hover { color: var(--brand); }
.np-monitoring-message-detail { overflow-wrap: anywhere; font-weight: 500; }
.np-monitoring-metadata { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; font-size: 14px; }
.np-monitoring-metadata dt { color: var(--text-muted); }
.np-monitoring-metadata dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.np-monitoring-stack { margin-top: 12px; padding: 12px; max-height: 320px; overflow: auto; background: var(--surface-2); border-radius: 12px; font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.np-modal:has([data-monitoring-detail]) { width: min(768px, calc(100vw - 32px)); max-height: 90dvh; }
.np-modal:has([data-trace-id]) { width: min(896px, calc(100vw - 32px)); }
.np-monitoring-trace-button { width: fit-content; }
.np-monitoring-trace { display: grid; gap: 12px; list-style: none; margin: 0; padding: 0; }
.np-monitoring-trace > li { padding: 12px; overflow-wrap: anywhere; }
.np-monitoring-trace p { margin-top: 8px; font-size: 14px; }
.np-monitoring-trace-pager { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: 14px; }
.np-monitoring-trend { padding: 16px; }
.np-monitoring-trend h2 { font-size: 14px; font-weight: 600; margin-bottom: 12px; }
.np-monitoring-trend summary { margin-top: 8px; font-size: 12px; color: var(--text-muted); }
.np-monitoring-bars { height: 80px; display: flex; align-items: end; gap: 4px; }
.np-monitoring-bar { min-width: 4px; flex: 1; background: color-mix(in srgb, var(--brand) 65%, transparent); border-radius: 3px 3px 0 0; }
.np-monitoring-trend-values { font-size: 12px; padding-inline-start: 20px; }
.np-monitoring-bar--1 { height: 5%; } .np-monitoring-bar--2 { height: 10%; } .np-monitoring-bar--3 { height: 15%; } .np-monitoring-bar--4 { height: 20%; }
.np-monitoring-bar--5 { height: 25%; } .np-monitoring-bar--6 { height: 30%; } .np-monitoring-bar--7 { height: 35%; } .np-monitoring-bar--8 { height: 40%; }
.np-monitoring-bar--9 { height: 45%; } .np-monitoring-bar--10 { height: 50%; } .np-monitoring-bar--11 { height: 55%; } .np-monitoring-bar--12 { height: 60%; }
.np-monitoring-bar--13 { height: 65%; } .np-monitoring-bar--14 { height: 70%; } .np-monitoring-bar--15 { height: 75%; } .np-monitoring-bar--16 { height: 80%; }
.np-monitoring-bar--17 { height: 85%; } .np-monitoring-bar--18 { height: 90%; } .np-monitoring-bar--19 { height: 95%; } .np-monitoring-bar--20 { height: 100%; }
.np-audit-action-cell { display: flex; align-items: center; gap: 10px; }
.np-audit-action-icon { width: 32px; height: 32px; flex: none; display: grid; place-items: center; border-radius: 9px; background: var(--surface-2); color: var(--text-muted); }
.np-audit-modal { font-family: var(--font-directory-ui); }
.np-modal:has(.np-audit-modal) { width: min(920px, calc(100vw - 32px)); max-height: min(860px, calc(100dvh - 40px)); }
.np-audit-modal .np-modal__header { position: relative; display: block; padding: 24px 54px 20px 24px; background: var(--surface); }
.np-audit-modal .np-modal__close { position: absolute; top: 24px; right: 24px; }
.np-audit-modal .np-modal__body { padding: 22px 24px 26px; }
.np-audit-modal__heading { display: flex; align-items: flex-start; gap: 12px; }
.np-audit-modal__metadata { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 18px; font-size: 12px; }
.np-audit-modal__metadata dt { color: var(--text-muted); margin-bottom: 4px; }
.np-audit-modal__metadata dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.np-audit-modal__reason { border: 1px solid var(--line); border-radius: var(--radius-control); padding: var(--space-3); font-size: 13px; white-space: pre-wrap; overflow-wrap: anywhere; }
.np-audit-value-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 13px; }
.np-audit-value-wrap { border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.np-audit-value-table th { padding: 11px 14px; font-size: 11px; font-weight: 680; text-align: left; background: var(--surface-2); color: var(--text-muted); }
.np-audit-value-table th:first-child { width: 30%; }
.np-audit-value-table td { padding: 13px 14px; border-top: 1px solid var(--line); vertical-align: top; line-height: 1.6; overflow-wrap: anywhere; white-space: pre-wrap; }
.np-audit-value-table .is-changed { background: color-mix(in srgb, var(--brand) 5%, var(--surface)); font-weight: 600; }
.np-audit-values { display: grid; gap: 20px; }
.np-audit-chain-status:not(:empty) { margin-bottom: 20px; }
.np-audit-records th:first-child { width: 34%; }
.np-audit-records th:last-child { width: 112px; }
.np-audit-expand { border: 1px solid var(--line); background: var(--surface); color: var(--brand); border-radius: 7px; padding: 6px 10px; font: inherit; font-size: 12px; cursor: pointer; white-space: nowrap; }
.np-audit-expand:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; }
.np-audit-details-row > td { padding: 0; border: 0; }
.np-audit-details-cell { padding: 14px; background: var(--surface-2); }
.np-audit-details-cell .np-audit-value-wrap { background: var(--surface); }
@media (min-width: 1280px) { .np-monitoring-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  .np-modal:has(.np-audit-modal) { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); }
  .np-monitoring-metadata { grid-template-columns: minmax(0, 1fr); }
  .np-audit-modal .np-modal__header { padding: 18px 44px 16px 16px; }
  .np-audit-modal .np-modal__body { padding: 18px 16px; }
  .np-audit-value-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .np-audit-value-table, .np-audit-value-table tbody, .np-audit-value-table tr, .np-audit-value-table td { display: block; width: 100%; }
  .np-audit-value-table td { border: 0; padding: 8px 12px; }
  .np-audit-value-table tr + tr { border-top: 1px solid var(--line); }
  .np-audit-value-table td[data-label]::before { content: attr(data-label); display: block; margin-bottom: 3px; color: var(--text-muted); font-size: 10px; }
}