/* Layout */
.aa-wrap { border: 1px solid #ddd; padding: 16px; border-radius: 8px; background:#fff; }
.aa-materials label { margin-right: 12px; display: inline-flex; align-items: center; gap: 6px; }
.aa-note { color:#555; font-size: 0.9em; margin-top: 8px; }
.aa-controls { margin-top: 12px; }
.aa-loading { margin-top: 12px; padding: 8px 12px; background: #fff9c4; border: 1px solid #f0e68c; border-radius: 6px; font-weight: 600; }
.aa-messages { margin-top: 12px; color: #b00020; }
.aa-result-card { margin-top: 20px; padding: 12px; border: 1px solid #e5e7eb; border-radius: 8px; background:#fafafa; }
.aa-result-card h4 { margin: 0 0 8px 0; }
.aa-rt { margin: 8px 0; font-size: 0.95em; }
.aa-rt table { width: 100%; border-collapse: collapse; }
.aa-rt th, .aa-rt td { border: 1px solid #e5e7eb; padding: 6px 8px; text-align: left; }
.aa-rt th { background: #f3f4f6; }

/* Chart clamp: 300px height max */
.aa-chart-wrap {
  position: relative;
  width: 100%;
  max-width: 1000px;
  height: 300px;         /* hard limit */
  overflow: hidden;      /* prevent runaway growth */
  margin-top: 8px;
}
.aa-chart-wrap canvas {
  width: 100% !important;
  height: 300px !important;  /* hard limit */
  display: block;
}