.daily-summary-panel {
  margin-top: 16px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
}
.summary-heading { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 14px; }
.summary-heading > div > span, .summary-field { display: block; font-size: 11px; color: var(--muted); }
.summary-heading h3 { font-size: 16px; margin: 3px 0 0; }
.summary-heading > span { font-size: 11px; color: var(--muted); background: #ededed; padding: 5px 7px; border-radius: 4px; }
.daily-summary-panel textarea { width: 100%; resize: vertical; border: 1px solid var(--line); border-radius: 6px; padding: 11px 12px; font: inherit; font-size: 13px; line-height: 1.6; color: var(--ink); background: #fafafa; outline: 0; margin: 6px 0 12px; }
.daily-summary-panel textarea:focus { border-color: #555; background: #fff; }
.daily-summary-panel .primary-button { min-height: 44px; }
.daily-summary-panel .primary-button:disabled { opacity: .55; }
.summary-result { border-top: 1px solid var(--line); margin-top: 15px; padding-top: 14px; }
.summary-meta { display: flex; align-items: center; justify-content: space-between; }
.summary-meta > span { font-size: 11px; color: var(--muted); }
.summary-meta button { border: 0; background: #171717; color: #fff; border-radius: 5px; min-height: 34px; padding: 0 12px; display: flex; align-items: center; gap: 5px; font-size: 12px; }
.summary-meta svg { width: 14px; }