.payroll-opening-admin { display: grid; gap: 12px; }
.payroll-opening-admin h2, .payroll-opening-admin p { margin: 0; }
.payroll-opening-toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }
.payroll-opening-toolbar .form-field { margin: 0; }
.payroll-opening-toolbar > input { max-width: 300px; }
.payroll-opening-scroll { overflow: auto; border: 1px solid var(--c-border); border-radius: 12px; }
.payroll-opening-table { min-width: 800px; margin: 0; }
.payroll-opening-table th:first-child { min-width: 170px; text-align: left; }
.payroll-opening-table td { min-width: 145px; vertical-align: top; }
.payroll-opening-table input { display: block; width: 100%; min-height: 36px; }
.payroll-opening-table input[type="month"] { margin-top: 5px; font-size: 11px; color: var(--c-text-3); }
.payroll-opening-table td:last-child { min-width: 160px; }
.payroll-opening-table td:last-child button { display: block; margin-bottom: 4px; min-height: 34px; font-size: 11px; }
.payroll-opening-table .dds-inline-message { max-width: 220px; margin-top: 4px; }
.app-main:has(#view-payroll:not([hidden])) > .dds-page-footer { display: none; }
.app-main:has(#view-payroll:not([hidden])) { padding-top: 12px; }