/* =====================================================================
   ewa.css — EWA-Prognose · Ergänzungen zu trend.css / konfluenz-Stil.
   ===================================================================== */
.symsel{appearance:none;-webkit-appearance:none;background:rgba(255,255,255,0.04);border:1px solid var(--line);
  border-radius:4px;color:var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:0.04em;
  padding:5px 24px 5px 10px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6'%3E%3Cpath d='M1 1l3 3 3-3' fill='none' stroke='%239fb2c6' stroke-width='1.4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 8px center;}
.symsel:hover{border-color:rgba(77,226,240,0.5);}
.symsel:focus{outline:none;border-color:rgba(244,185,66,0.6);}
.symsel optgroup,.symsel option{background:#0a1220;color:var(--ink);font-family:var(--mono);}

.chartbox{position:relative;padding:6px 6px 2px;}
.chartbox canvas{display:block;width:100%;height:460px;cursor:crosshair;}
.chartbox canvas.ov{height:400px;}
.chart-load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-dim);pointer-events:none;}
.chart-load[hidden]{display:none;}
.panhint{position:absolute;right:82px;top:10px;font-size:8.5px;letter-spacing:0.08em;
  color:var(--ink-dim);opacity:0.65;pointer-events:none;text-transform:uppercase;}

/* Primär-Zeile unter dem Chart */
.scsum{padding:8px 13px;border-bottom:1px solid var(--line-2);font-size:10.5px;color:var(--ink-soft);
  letter-spacing:0.03em;line-height:1.5;}
.scsum b{color:var(--ink);font-weight:600;}

/* Szenario-Tabelle */
.scrow{cursor:pointer;}
.scrow.on td{background:rgba(77,226,240,0.07);}
.scrow td{vertical-align:top;}
.scdot{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--c);
  box-shadow:0 0 6px var(--c);margin-right:8px;vertical-align:baseline;}
.scst{font-size:8.5px;color:var(--ink-dim);margin-top:3px;letter-spacing:0.03em;white-space:normal;max-width:260px;}
.sczone{font-size:8.5px;color:var(--ink-dim);margin-top:3px;}
.scinv{color:var(--down);}
.scnotes{white-space:normal !important;max-width:300px;font-size:9.5px !important;text-align:left !important;color:var(--ink-dim) !important;}
.bpos{color:var(--up);font-weight:600;}
.bneg{color:var(--down);font-weight:600;}
.bneu{color:var(--ink-dim);}
.wbar{display:inline-block;width:70px;height:7px;border-radius:4px;background:rgba(255,255,255,0.05);
  position:relative;vertical-align:middle;overflow:hidden;}
.wbar i{position:absolute;top:0;bottom:0;left:0;border-radius:4px;opacity:0.8;}

/* manuelle Welle A */
.mana{border-bottom:1px solid var(--line-2);}
.dinp{background:rgba(255,255,255,0.04);border:1px solid var(--line);border-radius:4px;
  color:var(--ink);font-family:var(--mono);font-size:10px;padding:4px 8px;color-scheme:dark;}
.dinp:focus{outline:none;border-color:rgba(244,185,66,0.6);}
.mbtn{background:rgba(255,255,255,0.04);border:1px solid var(--line);border-radius:4px;
  color:var(--ink-soft);font-family:var(--mono);font-size:9.5px;letter-spacing:0.08em;
  padding:4px 10px;cursor:pointer;text-transform:uppercase;}
.mbtn:hover{border-color:rgba(77,226,240,0.5);color:var(--ink);}

/* Legende Übersicht */
.ovlist{display:flex;flex-wrap:wrap;gap:3px 14px;margin-top:6px;}
.ovlist span{font-size:9px;color:var(--cyan);opacity:0.75;letter-spacing:0.04em;white-space:nowrap;}
.ovleg{display:flex;flex-wrap:wrap;gap:6px 16px;padding:9px 13px;border-bottom:1px solid var(--line-2);}
.ovleg .lg{font-size:9px;letter-spacing:0.05em;color:var(--ink-dim);position:relative;padding-left:14px;}
.ovleg .lg::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:8px;height:8px;border-radius:2px;background:var(--c);opacity:0.85;}

/* Timeframe-Konfluenz */
.tfnote{padding:12px 14px;font-size:11px;color:var(--ink-soft);line-height:1.65;letter-spacing:0.02em;}
.tfnote b{color:var(--ink);}

/* Axiome-Kasten */
.axiom{padding:10px 14px 12px;font-size:10px;color:var(--ink-dim);line-height:1.7;border-bottom:1px solid var(--line-2);}
.axiom b{color:var(--ink-soft);}

a{color:var(--cyan);text-decoration:none;}
a:hover{color:var(--gold);}

@media(max-width:760px){.chartbox canvas{height:340px;}}