.env-diff-btn { margin-left: 8px; }
.env-diff { font-size: 14px; line-height: 1.5; max-width: 1100px; margin-top: 10px; }
.env-diff code { font-family: monospace; font-size: 13px; }
.env-diff-summary { margin-bottom: 10px; }
.env-diff-muted { color: #888; }
.env-diff-error { color: #c62828; }
.env-diff-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 6px; }
.env-diff-label { width: 70px; font-size: 12px; color: #666; }
.env-diff-chip { font-size: 12px; padding: 2px 10px; border: 1px solid #ccc; border-radius: 6px; background: #fff; color: #555; cursor: pointer; }
.env-diff-chip.active { background: #eef0f3; border-color: #999; color: #222; }
.env-diff-search { margin-left: auto; width: 160px; font-size: 12px; padding: 3px 6px; }
.env-diff-table { width: 100%; border-collapse: collapse; margin-top: 8px; }
.env-diff-table th { text-align: left; font-weight: normal; font-size: 12px; color: #666; padding: 6px 10px; border-bottom: 1px solid #ccc; }
.env-diff-table td { padding: 5px 10px; border-bottom: 1px solid #eee; vertical-align: top; }
.env-diff-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; }
.env-diff-dot.changed { background: #1f6fd1; }
.env-diff-dot.only_source { background: #2e7d32; }
.env-diff-dot.only_local { background: #c62828; }
.env-diff-expandable { cursor: pointer; }
.env-diff-expandable td:nth-child(2)::before { content: "▸ "; color: #888; }
.env-diff-expandable.open td:nth-child(2)::before { content: "▾ "; }
.env-diff-children td { padding-top: 0; color: #555; white-space: normal; }