/* V630 · Einheitliche Chart-Aktionsleiste, Sentiment-Wert am Marker, saubere Fenster */

/* ---- 1. Doppelte Leisten und Reiter entfernen ---- */
.mt-forecast-sharebar,
#mtWorkspaceNav [data-workspace="follow"],
.mt-view-forecast .mt-intel-action#follow {
  display: none !important;
}

/* ---- 2. Einheitliche Aktionsleiste ---- */
.mt-value-actionbar.mt-actionbar-v630 {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 12px !important;
  padding: 14px !important;
}
.mt-actionbar-v630 .mt-ab-group {
  display: grid;
  gap: 8px;
}
.mt-actionbar-v630 .mt-ab-group > small {
  font-size: 10px;
  letter-spacing: 0.1em;
  font-weight: 900;
  color: #7fa0b3;
}
.mt-actionbar-v630 .mt-ab-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mt-actionbar-v630 .mt-ab-row button {
  flex: 1 1 210px;
  min-width: 0;
  text-align: left;
}
.mt-actionbar-v630 .mt-ab-group.signals .mt-ab-row button {
  border-color: #2c5f78;
  background: #0c2634;
}
.mt-actionbar-v630 .mt-ab-group.signals .mt-ab-row button:hover {
  border-color: #ffda21;
}
@media (max-width: 720px) {
  .mt-actionbar-v630 .mt-ab-row button {
    flex: 1 1 100%;
  }
}

/* ---- 3. Sentiment: Kopfzeile weg, Wert am Marker ---- */
.mt-sentiment-line.mt-sentiment-bar-only .mt-sentiment-top {
  display: none !important;
}
.mt-sentiment-line.mt-sentiment-bar-only {
  padding-top: 30px !important;
}
.mt-sentiment-scale {
  position: relative;
  overflow: visible !important;
}
.mt-sentiment-scale i {
  position: absolute;
  overflow: visible !important;
}
.mt-sentiment-scale i[data-val]::after {
  content: attr(data-val);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  padding: 3px 9px;
  border-radius: 999px;
  border: 1px solid #2f6b86;
  background: #062131;
  color: #eaf6ff;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
}

/* ---- 4. Fenster (Watchlist / Musterdepot) sauber ---- */
#mtChartQuickPanel .mt-watch-choices {
  display: grid !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
}
#mtChartQuickPanel .mt-watch-choice {
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 11px 13px;
  border: 1px solid #24455a;
  border-radius: 10px;
  background: #0a1e2b;
  cursor: pointer;
}
#mtChartQuickPanel .mt-watch-choice span {
  display: grid;
  gap: 2px;
  min-width: 0;
}
#mtChartQuickPanel .mt-depot-quick {
  display: grid;
  gap: 12px;
}
#mtChartQuickPanel .mt-depot-fields {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px !important;
}
#mtChartQuickPanel .mt-depot-fields label,
#mtChartQuickPanel .mt-watch-select-label,
#mtChartQuickPanel .mt-watch-search-label {
  display: grid;
  gap: 5px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
  color: #9fb8c6;
  min-width: 0;
}
#mtChartQuickPanel .mt-depot-fields input,
#mtChartQuickPanel .mt-depot-fields select,
#mtChartQuickPanel select,
#mtChartQuickPanel input[type="text"],
#mtChartQuickPanel input[type="number"],
#mtChartQuickPanel .mt-watch-search-label input {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 11px;
  border: 1px solid #2b4f63;
  border-radius: 8px;
  background: #071822;
  color: #eaf6ff;
  font-size: 14px;
  font-weight: 700;
}
#mtChartQuickPanel .mt-depot-venue input[readonly] {
  background: #0c2331;
  color: #ffda21;
}
#mtChartQuickPanel .mt-depot-summary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px !important;
  padding: 12px;
  border: 1px solid #21455a;
  border-radius: 10px;
  background: #08202c;
}
#mtChartQuickPanel .mt-depot-summary > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}
#mtChartQuickPanel .mt-depot-summary small {
  font-size: 10px;
  letter-spacing: 0.06em;
  color: #86a3b3;
}
#mtChartQuickPanel .mt-depot-summary b {
  font-size: 15px;
}
@media (max-width: 700px) {
  #mtChartQuickPanel .mt-depot-fields,
  #mtChartQuickPanel .mt-depot-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ---- 5. V631 · Musterdepot-Fenster in einer klaren Spalte ---- */
#mtChartQuickPanel:not([hidden]) { display: block !important; }
#mtChartQuickPanel[hidden] { display: none !important; }
#mtChartQuickPanel .mt-depot-quick,
#mtChartQuickPanel .mt-watch-manager,
#mtChartQuickPanel .mt-watch-dialog,
#mtChartQuickPanel .mt-depot-sell {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  width: 100% !important;
  float: none !important;
}
#mtChartQuickPanel .mt-quick-copy {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 4px !important;
  width: 100% !important;
  text-align: left !important;
}
#mtChartQuickPanel .mt-quick-copy b { font-size: 17px; }
#mtChartQuickPanel .mt-watch-list-head {
  display: flex !important;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
#mtChartQuickPanel .mt-depot-order-quote {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 14px;
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #21455a;
  border-radius: 10px;
  background: #08202c;
}
#mtChartQuickPanel .mt-depot-order-quote b { font-size: 20px; margin-left: auto; }
#mtChartQuickPanel .mt-depot-order-quote small { flex: 1 1 100%; color: #86a3b3; }
#mtChartQuickPanel .mt-watch-create-toggle,
#mtChartQuickPanel .mt-depot-quick > button[type="submit"],
#mtChartQuickPanel .mt-depot-sell-btn {
  width: 100% !important;
  padding: 13px 16px !important;
  font-size: 13px !important;
  white-space: normal;
}
#mtChartQuickPanel .mt-watch-create {
  display: grid !important;
  gap: 10px !important;
  width: 100%;
}

/* ---- 6. V632 · Kinder immer über die volle Breite (keine impliziten Spalten) ---- */
#mtChartQuickPanel .mt-depot-quick > *,
#mtChartQuickPanel .mt-watch-manager > *,
#mtChartQuickPanel .mt-watch-dialog > * {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  min-width: 0 !important;
}
#mtChartQuickPanel .mt-depot-quick,
#mtChartQuickPanel .mt-watch-manager,
#mtChartQuickPanel .mt-watch-dialog {
  grid-auto-flow: row !important;
  grid-auto-columns: auto !important;
}


/* ---- 7. V634 · Trendalarm- und Kursalarm-Fenster klar aufgebaut ---- */
#mtChartQuickPanel .mt-follow-quick{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;width:100%}
#mtChartQuickPanel .mt-follow-block{display:grid;gap:9px;padding:12px 13px;border:1px solid #24455a;border-radius:12px;background:#0a1e2b}
#mtChartQuickPanel .mt-follow-head{display:grid;gap:3px}
#mtChartQuickPanel .mt-follow-head b{font-size:12px;letter-spacing:.08em;color:#eaf6ff}
#mtChartQuickPanel .mt-follow-head small{font-size:11px;color:#94aebd;font-weight:600}
#mtChartQuickPanel .mt-follow-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#mtChartQuickPanel .mt-follow-choices button{display:grid;gap:4px;text-align:left;padding:12px;border:1px solid #2c5f78;border-radius:10px;background:#0c2634;color:#eaf6ff;cursor:pointer;min-width:0}
#mtChartQuickPanel .mt-follow-choices button b{font-size:12px;font-weight:900}
#mtChartQuickPanel .mt-follow-choices button small{font-size:11px;color:#9fb8c6;font-weight:600;white-space:normal}
#mtChartQuickPanel .mt-follow-choices button:hover{border-color:#ffda21}
#mtChartQuickPanel .mt-follow-price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:9px;align-items:end}
#mtChartQuickPanel .mt-follow-price label{display:grid !important;gap:5px;min-width:0;font-size:10px;letter-spacing:.06em;font-weight:900;color:#9fb8c6}
#mtChartQuickPanel .mt-follow-price select,#mtChartQuickPanel .mt-follow-price input{width:100%;box-sizing:border-box;height:42px;padding:0 11px;border:1px solid #2b4f63;border-radius:9px;background:#071822;color:#eaf6ff;font-size:14px;font-weight:700}
#mtChartQuickPanel .mt-follow-price button{height:42px;padding:0 16px;border:1px solid #2c5f78;border-radius:9px;background:#12354a;color:#fff;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}
#mtChartQuickPanel .mt-follow-msg{font-size:12px;font-weight:700;min-height:16px}
#mtChartQuickPanel .mt-follow-msg.ok{color:#4fd48a}
#mtChartQuickPanel .mt-follow-msg.err{color:#ff7d75}
@media(max-width:640px){
  #mtChartQuickPanel .mt-follow-choices,#mtChartQuickPanel .mt-follow-price{grid-template-columns:1fr}
  #mtChartQuickPanel .mt-follow-price button{width:100%}
}