.ucp-market-page {
  --kurs-card-bg: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035));
  --kurs-border: rgba(255,255,255,0.08);
  --kurs-green: #4cff9a;
  --kurs-green-soft: #7dffbc;
  --kurs-red-soft: #ff8fa0;
  display: grid;
  gap: 24px;
}
.ucp-market-hero,
.ucp-market-sidebar,
.ucp-market-metric,
.ucp-market-chart,
.ucp-market-report,
.ucp-market-history {
  border-radius: 30px;
}
.ucp-market-hero {
  padding: 32px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px;
  gap: 20px;
  align-items: center;
}
.ucp-market-hero h2, .ucp-market-card-top h3 { margin: 0 0 10px; font-size: clamp(1.6rem, 2.2vw, 2.25rem); letter-spacing: -.04em; }
.ucp-market-hero p, .ucp-market-sidebar-note p, .ucp-market-reporter-main p { margin: 0; color: var(--ucp-text-soft); line-height: 1.75; }
.ucp-market-hero-badge, .ucp-market-badge {
  border-radius: 22px;
  padding: 18px 20px;
  background: linear-gradient(135deg, rgba(141,77,255,.18), rgba(201,112,255,.08));
  border: 1px solid rgba(201,112,255,.18);
}
.ucp-market-hero-badge { text-align: center; }
.ucp-market-hero-badge span, .ucp-market-hero-badge small { display:block; color: #dccff4; }
.ucp-market-hero-badge strong { display:block; margin: 6px 0; font-size: 1.35rem; }
.ucp-market-layout { display:grid; grid-template-columns: 320px minmax(0,1fr); gap:24px; align-items:start; }
.ucp-market-sidebar { padding: 22px; position: sticky; top: 112px; }
.ucp-market-sidebar-block + .ucp-market-sidebar-block { margin-top: 18px; }
.ucp-market-sidebar label { display:block; color:#d6c8ee; font-size:.84rem; margin-bottom:8px; }
.ucp-market-select-wrap { position: relative; }
.ucp-market-select-wrap::after {
  content:''; position:absolute; top:50%; right:16px; width:16px; height:16px; transform:translateY(-50%); pointer-events:none; opacity:.92;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%23d9cbff' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:center; background-size:16px 16px;
}
.ucp-market-input {
  width:100%; padding:14px 46px 14px 16px; border-radius:16px; border:1px solid rgba(170,116,255,.22);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.025)); color:#fff; font:inherit;
  outline:none; appearance:none; box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.ucp-market-input:focus { border-color: rgba(154,124,255,.56); box-shadow: 0 0 0 4px rgba(154,124,255,.16); }
.ucp-market-switches { display:flex; flex-wrap:wrap; gap:10px; }
.ucp-market-timeframe { flex:1 1 calc(50% - 5px); min-width:82px; }
.ucp-market-timeframe.active {
  background: linear-gradient(135deg, rgba(124,92,255,.54), rgba(178,108,255,.30));
  border-color: rgba(170,116,255,.50); color:#fff; box-shadow: 0 0 0 1px rgba(255,255,255,.07) inset, 0 12px 24px rgba(124,92,255,.18);
}
.ucp-market-main { display:grid; gap:16px; }
.ucp-market-stats-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.ucp-market-metric { position:relative; overflow:hidden; padding:20px 22px; }
.ucp-market-metric span, .ucp-market-metric small { color: var(--ucp-text-soft); }
.ucp-market-metric strong { display:block; margin:10px 0 6px; font-size: clamp(1.3rem, 2vw, 1.9rem); }
.ucp-market-metric-animated::before {
  content:''; position:absolute; inset:-24% auto -24% -28%; width:34%; z-index:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.02), rgba(255,255,255,0.3), rgba(255,255,255,0.02), transparent);
  transform:rotate(16deg); animation:changeLaser 3.6s linear infinite; pointer-events:none; opacity:.9;
}
.ucp-market-metric-animated.change-positive::before { background:linear-gradient(90deg, transparent, rgba(76,255,154,0.02), rgba(76,255,154,0.32), rgba(76,255,154,0.02), transparent); }
.ucp-market-metric-animated.change-negative::before { background:linear-gradient(90deg, transparent, rgba(255,95,122,0.02), rgba(255,95,122,0.32), rgba(255,95,122,0.02), transparent); }
@keyframes changeLaser { 0% { transform: translateX(-180%) rotate(16deg);} 100% { transform: translateX(420%) rotate(16deg);} }
.ucp-market-chart, .ucp-market-report, .ucp-market-history { padding:22px; }
.ucp-market-card-top { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.ucp-market-badge { border-radius:999px; padding:10px 14px; }
.ucp-market-chart-stage {
  position:relative; margin-top:20px; min-height:360px; border-radius:24px; overflow:hidden;
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)), radial-gradient(circle at top, rgba(154,124,255,0.18), transparent 42%);
  border:1px solid rgba(255,255,255,0.06);
}
#kursChart { display:block; width:100%; height:360px; }
.ucp-market-chart-hover { position:absolute; z-index:30; min-width:168px; transform:translate(-50%, calc(-100% - 16px)); padding:10px 12px; border-radius:14px; background:rgba(7,12,24,0.92); border:1px solid rgba(255,255,255,0.08); backdrop-filter: blur(8px); pointer-events:none; box-shadow:0 16px 34px rgba(0,0,0,0.28); }
.ucp-market-chart-hover strong, .ucp-market-chart-hover span { display:block; }
.ucp-market-chart-hover span { margin-top:4px; color:var(--ucp-text-soft); }
.ucp-market-reporter-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr); gap:22px; margin-top:18px; }
.ucp-market-reporter-main p + p { margin-top:14px; }
.ucp-market-reporter-intro { color:#fff !important; font-weight:600; }
.ucp-market-reporter-side { display:grid; gap:12px; }
.ucp-market-reporter-stat, .ucp-market-history-item {
  display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px; border-radius:18px;
  background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.06);
}
.ucp-market-history-list { display:grid; gap:10px; margin-top:22px; }
.ucp-market-history-item { display:grid; grid-template-columns:105px 140px minmax(0,1fr) 95px; gap:12px; align-items:center; }
.ucp-market-history-bar { position:relative; height:10px; border-radius:999px; background:rgba(255,255,255,0.06); overflow:hidden; }
.ucp-market-history-bar > span { position:absolute; inset:0 auto 0 0; border-radius:inherit; }
.positive { color: var(--kurs-green-soft) !important; }
.negative { color: var(--kurs-red-soft) !important; }
.neutral { color: #c9ceda !important; }
.ucp-market-report, .ucp-market-history, .ucp-market-metric { transform-style: preserve-3d; will-change: transform; transition: transform 420ms cubic-bezier(0.16,1,0.3,1); }
.history-empty { padding:18px 2px; color:var(--ucp-text-soft); }
@media (max-width: 1120px) {
  .ucp-market-layout { grid-template-columns:1fr; }
  .ucp-market-sidebar { position:static; }
  .ucp-market-stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ucp-market-reporter-grid { grid-template-columns:1fr; }
}
@media (max-width: 760px) {
  .ucp-market-hero { grid-template-columns:1fr; }
  .ucp-market-stats-grid { grid-template-columns:1fr; }
  .ucp-market-history-item { grid-template-columns:1fr; }
  .ucp-market-card-top { align-items:flex-start; flex-direction:column; }
}


/* UCP follow-up patch: kompakter Live-Status und begrenzter Änderungslaser */
.ucp-market-live-pill{
  align-self:flex-start;
  margin-left:auto;
  text-transform:none;
  letter-spacing:0;
  box-shadow:0 0 24px rgba(75,255,131,.14), inset 0 1px 0 rgba(255,255,255,.05);
}
.ucp-market-hero-badge{display:none!important;}
.ucp-market-metric-animated:not(#changeCard)::before{display:none!important;}
#changeCard{
  position:relative!important;
  overflow:hidden!important;
  contain:paint!important;
  isolation:isolate!important;
}
#changeCard::before{
  width:46%!important;
  left:-48%!important;
  top:-18%!important;
  bottom:-18%!important;
  transform:rotate(14deg)!important;
  animation:changeLaserContained 3.1s linear infinite!important;
  pointer-events:none!important;
}
@keyframes changeLaserContained{0%{transform:translateX(-20%) rotate(14deg)}100%{transform:translateX(330%) rotate(14deg)}}
@media(max-width:760px){.ucp-market-live-pill{margin-left:0;}}

/* UCP patch: Aktienmarkt-Sidebar soll beim Scrollen nicht sticky mitlaufen */
.ucp-market-sidebar{position:static!important;top:auto!important;align-self:start!important;}

/* UCP patch: Aktienmarkt Sidebar bis Chart-Ende strecken */
.ucp-market-layout{
  align-items:stretch!important;
}
.ucp-market-sidebar{
  position:static!important;
  top:auto!important;
  align-self:stretch!important;
  height:auto!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
.ucp-market-sidebar-note{
  margin-top:auto!important;
}
@media(max-width:1120px){
  .ucp-market-sidebar{min-height:0!important;display:block!important;}
  .ucp-market-sidebar-note{margin-top:18px!important;}
}

/* UCP patch: Aktienmarkt-Sidebar exakt bis zum Chart-Ende strecken */
.ucp-market-layout{align-items:stretch!important;}
.ucp-market-main{display:grid!important;grid-template-rows:auto 1fr!important;}
.ucp-market-chart{height:100%!important;display:flex!important;flex-direction:column!important;}
.ucp-market-chart-stage{flex:1 1 auto!important;min-height:360px!important;}
.ucp-market-sidebar{align-self:stretch!important;height:100%!important;min-height:calc(360px + 138px)!important;display:flex!important;flex-direction:column!important;}
.ucp-market-sidebar-note{margin-top:auto!important;}
@media(max-width:1120px){.ucp-market-sidebar{height:auto!important;min-height:0!important;display:block!important;}.ucp-market-sidebar-note{margin-top:18px!important;}}
