/* Waage1 Visualizer styles (Linienfarben & Badge-Logik) */
.wage1-container { max-width: 900px; margin: 1rem auto; }
.wage1-tabs { display: flex; gap: .5rem; margin: 1rem 0 .5rem; flex-wrap: wrap; }
.wage1-tab { border: 1px solid #ccc; background: #f7f7f7; padding: .5rem .75rem; cursor: pointer; border-radius: 6px; }
.wage1-tab.active { background: #e5f5ff; border-color: #66a8ff; }
.wage1-controls { display: flex; gap: 1rem; align-items: center; margin: .25rem 0 1rem; flex-wrap: wrap; }
.wage1-control span { margin-right: .5rem; color: #444; }
.wage1-panels .wage1-panel { display: none; }
.wage1-panels .wage1-panel.active { display: block; }
canvas { width: 100% !important; height: 360px !important; }

/* Metrics badges – Zunahme = GRÜN, Abnahme = ROT */
.wage1-metrics { display: flex; gap: 1rem; flex-wrap: wrap; }
.metric { border: 1px solid #e1e1e1; background: #fafafa; padding: .75rem 1rem; border-radius: 8px; min-width: 220px; }
.metric-label { font-size: .875rem; color: #555; margin-bottom: .25rem; }
.metric-value { font-size: 1.1rem; font-weight: 600; padding: .15rem .5rem; border-radius: 6px; display: inline-block; }
.metric-value.gain { background: #e6ffe9; color: #0b7a29; }   /* Zunahme (grün) */
.metric-value.loss { background: #ffe6e6; color: #b20000; }   /* Abnahme (rot) */
.metric-value.neutral { background: #f0f0f0; color: #444; }

/* Status box */
.wage1-status { display:block; margin-bottom: .75rem; padding: .5rem .75rem; border-radius: 6px; background: #fff3cd; border: 1px solid #ffeeba; color: #856404; }

/* Wertezeile in Linienfarben */
.wage1-values { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; margin:.5rem 0 .75rem; }
.series-item { display:flex; align-items:center; gap:.4rem; font-weight:600; }
.series-item .dot { width:.65rem; height:.65rem; border-radius:50%; display:inline-block; }
.series-weight { color:#1f77b4; } .series-weight .dot{ background:#1f77b4; }
.series-temp   { color:#ff7f0e; } .series-temp   .dot{ background:#ff7f0e; }
.series-sun    { color:#c49c13; } .series-sun    .dot{ background:#c49c13; }
.series-hint { font-size:.875rem; color:#666; margin-left:.25rem; }

/* Fallback-Tabelle */
.wage1-wx-table { width:100%; border-collapse: collapse; margin-top:.5rem; }
.wage1-wx-table th, .wage1-wx-table td { border:1px solid #eee; padding:.35rem .5rem; text-align:left; }
.wage1-wx-title { font-weight:600; margin:.25rem 0; }