.panel-tools {
  display: flex;
  gap: 9px;
  align-items: center;
}

.report-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 6px 0 22px;
}

.report-card {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 20px;
  background: var(--bg);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.report-card h3 { margin-bottom: 7px; }
.report-card p { color: var(--muted); flex: 1; }
.report-note { margin-bottom: 0; }

#report-dialog { width: min(920px, 94vw); }
#employee-form > .actions { flex-wrap: wrap; }
#employee-report-select { margin-bottom: 10px; }
.report-check-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 14px; }
.report-check-grid label { margin-bottom: 7px; font-weight: normal; }
.report-columns { margin-top: 12px; }
.report-profile-row { display: grid; grid-template-columns: 1fr auto auto; gap: 9px; align-items: end; }
.report-profile-row label { margin-bottom: 0; }
.profile-save { display: grid; grid-template-columns: 1fr auto; gap: 9px; }
.report-column-actions { justify-content: flex-start; }

@media (max-width: 980px) {
  .report-grid { grid-template-columns: 1fr; }
  .panel-tools { align-items: stretch; flex-direction: column; }
  .report-check-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}