.work-summary-filters,
.work-summary-periods,
.work-summary-dates,
.work-summary-save {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.work-summary-filters { gap: 20px; margin: 16px 0; }
.work-summary-dates label { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.work-summary-dates input { width: auto; min-height: 36px; }
.work-summary-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.work-summary-kpis .kpi-v small { font-size: 15px; font-weight: 500; color: var(--text-2); }
.work-summary-caption { margin: 18px 0 12px; font-size: 14px; }
.work-summary-history { margin: 12px 0 18px; }
.work-summary-remark textarea { width: 100%; min-height: 130px; resize: vertical; box-sizing: border-box; }
.work-summary-save { justify-content: space-between; margin-top: 12px; }
.work-summary-table { overflow-x: auto; }
.work-summary-note-preview { min-width: 180px; max-width: 500px; white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 700px) {
  .work-summary-kpis { grid-template-columns: 1fr; gap: 10px; }
  .work-summary-dates { align-items: flex-start; }
  .work-summary-dates label { align-items: flex-start; flex-direction: column; }
}