/* Fenster „Börse“ */
.stk-top { display: flex; gap: 8px; align-items: center; margin-bottom: 12px; }
.stk-top .stk-pick { flex: 1; min-width: 0; }
.stk-head { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 10px; }
.stk-head > div:first-child { flex: 1; min-width: 0; }
.stk-head h3 { margin: 0 0 2px; }
.stk-head a { color: var(--accent); cursor: pointer; }
.stk-price { text-align: right; display: flex; flex-direction: column; gap: 2px; }
.stk-price b { font-size: 22px; font-variant-numeric: tabular-nums; }
.stk-stats { flex-wrap: wrap; }

.stk-tbl tr.stk-row { cursor: pointer; }
.stk-tbl tr.stk-row:hover td { background: rgba(255,255,255,.03); }
.stk-tbl .num, .stk-book .num, .fin-tbl .num { font-variant-numeric: tabular-nums; }

.stk-order { display: flex; flex-direction: column; gap: 10px; }
.win-body .stk-seg button { border: 0; background: none; padding: 8px; border-radius: 8px; color: var(--muted); font-weight: 600; }
.win-body .stk-seg button.on.buy { background: #2c8f5a; color: #fff; }
.win-body .stk-seg button.on.sell { background: #b8483c; color: #fff; }
.stk-field { display: flex; flex-direction: column; gap: 4px; }
.stk-field small { color: var(--muted); font-size: 12px; }
.stk-field input { padding: 8px; border-radius: 8px; }
.stk-check { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--muted); }
.win-body .stk-check input { width: auto; flex: none; padding: 0; margin: 0; }
.stk-name { display: block; font-size: 17px; margin-bottom: 2px; }
.stk-order .primary.buy { background: #3bb36f; color: #062012; }
.stk-order .primary.sell { background: #e2685a; color: #2a0804; }

.stk-books { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.stk-book tr { cursor: pointer; }
.stk-book td { padding: 5px 4px; font-size: 13px; }

.stk-chart { width: 100%; height: 100px; display: block; }
.stk-chart .stk-line { fill: none; stroke-width: 2; vector-effect: non-scaling-stroke; }
.stk-chart .stk-area { stroke: none; opacity: .15; }
.stk-chart.is-up .stk-line { stroke: #4cd38a; } .stk-chart.is-up .stk-area { fill: #4cd38a; }
.stk-chart.is-down .stk-line { stroke: #ef6a5b; } .stk-chart.is-down .stk-area { fill: #ef6a5b; }

.stk-bar { display: inline-block; width: 60px; height: 6px; border-radius: 3px; background: var(--bg); border: 1px solid var(--line); overflow: hidden; vertical-align: middle; margin-right: 8px; }
.stk-bar i { display: block; height: 100%; background: var(--accent); }

.stk-form { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 8px 0; }
.stk-listed { background: rgba(224,180,76,.15); color: var(--accent); }

@media (max-width: 720px) {
  .stk-form, .stk-books { grid-template-columns: 1fr; }
  .stk-price b { font-size: 18px; }
}