.npd-branch-dialog { width: min(1280px, calc(100vw - 2rem)); border-radius: 16px; overflow: hidden; box-shadow: 0 28px 78px rgba(14, 45, 31, .3); }
.npd-branch-dialog > div { position: relative; }
.npd-branch-dialog-head { padding: 1.55rem 1.75rem 1.2rem; }
.npd-branch-dialog-head h2 { margin-bottom: 1rem; font-size: 1.7rem; }
.npd-branch-dialog-head dl { gap: 0; width: min(560px, 100%); border-top: 1px solid #e4eee8; }
.npd-branch-dialog-head dl div { flex: 1; padding: .7rem 1rem .1rem 0; }
.npd-branch-dialog-head dl div + div { padding-left: 1rem; border-left: 1px solid #e4eee8; }
.npd-branch-dialog-toolbar { padding: .8rem 1.75rem; }
.npd-branch-dialog main { padding: .55rem 1.75rem 1.45rem; }
.npd-sample-table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0 .45rem; }
.npd-sample-table th:nth-child(1) { width: 22%; }
.npd-sample-table th:nth-child(2) { width: 22%; }
.npd-sample-table th:nth-child(3), .npd-sample-table th:nth-child(4) { width: 16%; }
.npd-sample-table th:last-child { width: 24%; }
.npd-sample-table thead th { border: 0; padding: .7rem .75rem .25rem; }
.npd-sample-table tbody tr { background: #fbfdfc; }
.npd-sample-table tbody td { padding: 1rem .75rem; border-top: 1px solid #e2eee7; border-bottom: 1px solid #e2eee7; }
.npd-sample-table tbody td:first-child { border-left: 1px solid #e2eee7; border-radius: 10px 0 0 10px; }
.npd-sample-table tbody td:last-child { border-right: 1px solid #e2eee7; border-radius: 0 10px 10px 0; }
.npd-sample-actions { display: grid; grid-template-columns: repeat(2, max-content); min-height: 3.25rem; justify-content: end; align-items: center; gap: .5rem; }
.npd-sample-actions .npd-link-action { margin: 0; white-space: nowrap; }
.npd-sample-actions > :first-child { grid-column: 1 / -1; justify-self: end; }
.npd-sample-actions .btn { min-width: 5.7rem; white-space: nowrap; }
.npd-action-complete { color: #527164; font-weight: 750; font-size: .78rem; }
.npd-revision-reason-dialog { width: min(520px, calc(100vw - 2rem)); border: 0; padding: 0; border-radius: 14px; color: #173e2d; box-shadow: 0 24px 64px rgba(14,45,31,.3); }
.npd-revision-reason-dialog::backdrop { background: rgba(13,38,28,.42); backdrop-filter: blur(2px); }
.npd-revision-reason-dialog section { padding: 1.4rem 1.5rem; }
.npd-revision-reason-dialog header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #dce9e1; }
.npd-revision-reason-dialog h2 { margin: 0; font-size: 1.15rem; }
.npd-revision-reason-dialog header p { margin: .35rem 0 0; color: #60786b; font-size: .82rem; line-height: 1.5; }
.npd-revision-reason-dialog header button { border: 1px solid #c6dbcf; background: #fff; color: #214a37; padding: .38rem .65rem; cursor: pointer; font: inherit; font-size: .78rem; }
.npd-revision-reason-dialog dl { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1.15rem 0 0; }
.npd-revision-reason-dialog dl div { display: grid; gap: .35rem; }
.npd-revision-reason-dialog dt { color: #678075; font-size: .73rem; }
.npd-revision-reason-dialog dd { margin: 0; color: #173e2d; font-weight: 700; font-size: .86rem; line-height: 1.5; }
.npd-revision-reason-dialog .npd-reason-wide { grid-column: 1 / -1; padding: .9rem 1rem; background: #f4faf6; border: 1px solid #dcece2; }
.npd-sample-record-panel { position: absolute; inset: 0; z-index: 3; overflow: auto; background: #fff; color: #173e2d; }
.npd-sample-record-panel[hidden] { display: none; }
.npd-sample-record-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.25rem; padding: 1.5rem 1.75rem 1.1rem; border-bottom: 1px solid #dce9e1; background: #fbfdfc; }
.npd-sample-record-panel h3 { margin: .45rem 0 .3rem; font-size: 1.35rem; }
.npd-sample-record-panel header p { margin: 0; color: #60786b; font-size: .82rem; }
.npd-record-back { border: 0; padding: 0; background: transparent; color: #0d725d; cursor: pointer; font: inherit; font-weight: 750; font-size: .78rem; }
.npd-record-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .5rem; max-width: 18rem; }
.npd-record-body { display: grid; gap: 1.1rem; padding: 1.25rem 1.75rem 1.7rem; }
.npd-record-body > section { padding-bottom: 1.1rem; border-bottom: 1px solid #e2eee7; }
.npd-record-body > section:last-child { padding-bottom: 0; border-bottom: 0; }
.npd-record-body h4 { margin: 0 0 .75rem; font-size: .95rem; }
.npd-record-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; border-top: 1px solid #e2eee7; border-left: 1px solid #e2eee7; }
.npd-record-grid div { min-height: 4.45rem; padding: .7rem .8rem; border-right: 1px solid #e2eee7; border-bottom: 1px solid #e2eee7; }
.npd-record-grid .is-wide { grid-column: span 3; }
.npd-record-grid dt { color: #678075; font-size: .72rem; }
.npd-record-grid dd { margin: .32rem 0 0; white-space: pre-wrap; color: #173e2d; font-size: .84rem; line-height: 1.52; }
.npd-test-records { display: grid; gap: .8rem; }
.npd-test-records article { border: 1px solid #dce9e1; background: #fbfdfc; }
.npd-test-records article > header { display: flex; justify-content: space-between; gap: 1rem; padding: .7rem .8rem; border-bottom: 1px solid #e2eee7; }
.npd-test-records article > header strong { font-size: .84rem; }
.npd-test-records article > header span { color: #527164; font-size: .78rem; font-weight: 750; }
.npd-test-records article > header .is-passed { color: #0d725d; }
.npd-test-records article > header .is-failed { color: #b6503a; }
.npd-test-records .npd-record-grid { border: 0; }
.npd-test-records .npd-record-grid div { border-top: 0; }
.npd-record-empty { margin: 0; padding: .85rem; color: #60786b; background: #fbfdfc; border: 1px solid #e2eee7; font-size: .84rem; }
@media (max-width: 720px) { .npd-branch-dialog-head, .npd-branch-dialog-toolbar, .npd-branch-dialog main, .npd-sample-record-panel > header, .npd-record-body { padding-left: 1rem; padding-right: 1rem; }.npd-sample-table { table-layout: auto; }.npd-sample-table th:nth-child(3), .npd-sample-table td:nth-child(3), .npd-sample-table th:nth-child(4), .npd-sample-table td:nth-child(4) { display: none; }.npd-sample-table th:last-child { width: 42%; }.npd-sample-table tbody td { padding: .75rem .4rem; }.npd-sample-actions { grid-template-columns: 1fr; align-items: end; }.npd-sample-actions > :first-child { grid-column: auto; }.npd-sample-actions .btn { min-width: 0; }.npd-revision-reason-dialog dl, .npd-record-grid { grid-template-columns: 1fr; }.npd-revision-reason-dialog .npd-reason-wide, .npd-record-grid .is-wide { grid-column: auto; }.npd-sample-record-panel > header { flex-direction: column; }.npd-record-actions { justify-content: flex-start; max-width: none; } }