/* Payroll-only density and alignment. Keep shell gutters and workflow unchanged. */
html body[data-view="payroll"] #view .payroll-dashboard { gap: 10px !important; }
html body[data-view="payroll"] #view .payroll-history-card { margin-top: 0 !important; }
html body[data-view="payroll"] #view .payroll-action-panel { grid-template-columns: minmax(240px, .8fr) minmax(0, 1.6fr) !important; gap: 10px 16px !important; padding: 12px !important; min-height: 0 !important; align-items: start !important; }
html body[data-view="payroll"] #view .payroll-action-copy { grid-column: 1 !important; grid-row: 1 !important; }
html body[data-view="payroll"] #view .payroll-workflow { grid-column: 1 !important; grid-row: 2 !important; margin: 0 !important; justify-content: flex-start !important; }
html body[data-view="payroll"] #view .payroll-action-buttons { grid-column: 2 !important; grid-row: 1 / span 2 !important; align-self: center !important; gap: 6px !important; max-width: none !important; margin: 0 !important; }
html body[data-view="payroll"] #view .payroll-section-head { padding: 10px 12px !important; }
html body[data-view="payroll"] #view .payroll-history-card :is(th, td) { padding: 8px 12px !important; line-height: 1.45 !important; height: auto !important; }
@media (max-width: 850px) {
  html body[data-view="payroll"] #view .payroll-action-panel { grid-template-columns: minmax(0, 1fr) !important; }
  html body[data-view="payroll"] #view .payroll-action-buttons { grid-column: 1 !important; grid-row: 3 !important; justify-content: flex-start !important; }
}