.ai-summary-duration-btn {
  padding: 6px 12px;
  border: 1px solid rgba(89, 75, 22, 0.4);
  border-radius: 6px;
  background: linear-gradient(180deg, #f7eec5, #ecdca0);
  color: #2b2308;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.ai-summary-duration-btn:hover { background: linear-gradient(180deg, #fdf8e6, #f2e7c3); }
.ai-summary-duration-btn.is-active { background: #4c9c37; color: #fff; border-color: #234a2a; }
.ai-summary-report-section { margin-bottom: 24px; }
.ai-summary-report-section h3 { margin: 0 0 10px 0; font-size: 17px; color: #2f250a; border-bottom: 2px solid rgba(89, 75, 22, 0.2); padding-bottom: 6px; }
.ai-summary-report-section ul { margin: 0; padding-left: 20px; color: #30270d; font-size: 15px; line-height: 1.6; }
.ai-summary-report-section p { margin: 0 0 8px 0; color: #30270d; font-size: 15px; line-height: 1.6; }
.ai-summary-report-item { margin-bottom: 8px; }
.ai-summary-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 0; color: #5f5540; }
.ai-summary-loading-spinner { width: 36px; height: 36px; border: 3px solid rgba(89, 75, 22, 0.2); border-top-color: #4c9c37; border-radius: 50%; animation: ai-summary-spin 1s linear infinite; margin-bottom: 12px; }
@keyframes ai-summary-spin { to { transform: rotate(360deg); } }
@media (max-width: 1100px) {
  .ai-summary-header-controls { flex-wrap: wrap; }
  .ai-summary-custom-date { width: 100%; margin-top: 8px; }
}