/* Handel als ruhiger Arbeitsplatz; die Originalkoepfe bleiben bedienbar. */
thead[data-sticky-table-head] { position:relative; z-index:3; }
thead[data-sticky-table-head] th { background:var(--surface-raised); }
thead[data-sticky-table-head][data-floating="true"] { box-shadow:0 2px 0 var(--line),0 8px 20px #0003; }
#inventoryPanel { min-width:0; }
#inventoryPanel > .sectionhead { margin-bottom:18px; align-items:center; }
#inventoryPanel #listHint { margin-top:6px; color:var(--muted); }
#inventoryPanel .searchbox { min-width:0; width:min(420px,100%); }
#marketTools,#depotTools { background:var(--surface); border:1px solid var(--line); padding:12px 16px; border-radius:12px; margin:0 0 12px; gap:12px; align-items:center; }
#marketTools label,#depotTools label { color:var(--muted); font-size:11px; }
#marketTools select,#depotTools select { min-height:38px; }
#marketTableWrap,#depotTableWrap { background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:0; margin:0; }
#marketTableWrap .markettable { width:100%; min-width:620px; table-layout:fixed; }
#marketTableWrap .markettable th:first-child { width:44%; }
#marketTableWrap .markettable th:nth-child(2),#marketTableWrap .markettable th:nth-child(3) { width:17%; }
#marketTableWrap .markettable th:last-child { width:22%; }
#marketTableWrap th,#depotTableWrap th { color:var(--muted); letter-spacing:.035em; font-size:10px; font-weight:600; padding:14px 18px; }
#marketTableWrap td { padding:13px 18px; border-color:var(--line); }
#marketTableWrap .markettable tbody tr:hover td,#depotTable tr:hover td { background:color-mix(in srgb,var(--surface-raised) 65%,var(--surface)); }
#marketTableWrap th small { display:inline; color:var(--accent); font-size:9px; font-weight:600; }
.marketitem .itemicon,#depotTable .itemicon { background:var(--surface-raised); border:1px solid var(--line); border-radius:9px; }
.marketitem .itemname,#depotTable .itemname { text-align:left; font-size:13px; font-weight:600; color:var(--ink); line-height:1.4; }
.marketitem small { letter-spacing:.07em; color:var(--muted); margin-top:4px; }
.marketitem .marketblocked,.marketcard .marketblocked { color:var(--red); letter-spacing:0; }
.markettable .quoteaction,.marketcard .quoteaction { background:transparent; border:1px solid var(--line); border-radius:7px; color:var(--ink); box-shadow:none; min-height:38px; transition:background .14s,border-color .14s,color .14s; font-variant-numeric:tabular-nums; }
.markettable .quoteaction { display:flex; align-items:center; justify-content:flex-end; gap:6px; width:100%; max-width:none; padding:8px 10px; font-size:12px; }
.markettable .quoteaction .quote-label { font-size:10px; font-weight:500; opacity:0; transition:opacity .14s; }
.markettable .quoteaction:hover .quote-label,.markettable .quoteaction:focus-visible .quote-label { opacity:1; }
.markettable .quoteaction:disabled,.marketcard .quoteaction:disabled { border-color:transparent; color:var(--muted); background:transparent; opacity:.6; }
.markettable .quote-buy:hover:enabled,.markettable .quote-buy:focus-visible,.marketcard .quote-buy:hover:enabled,.marketcard .quote-buy:focus-visible { color:var(--bg); background:var(--green); border-color:var(--green); }
.markettable .quote-sell:hover:enabled,.markettable .quote-sell:focus-visible,.marketcard .quote-sell:hover:enabled,.marketcard .quote-sell:focus-visible { color:var(--bg); background:var(--red); border-color:var(--red); }
.markettable .cartadd { display:flex; gap:6px; justify-content:flex-end; }
.markettable .cartadd input { width:62px; min-width:42px; text-align:right; padding:8px; font-size:12px; }
.markettable .cartadd button { min-height:38px; padding:8px 10px; font-size:11px; white-space:nowrap; border:1px solid var(--line); background:var(--surface-raised); color:var(--muted); }
.markettable .cartadd button:hover:enabled { color:var(--accent); border-color:var(--accent); }
.marketpagination { color:var(--muted); font-size:12px; padding:16px 2px; }
.marketpagination #pageInfo { font-variant-numeric:tabular-nums; }
#depotTools { min-height:68px; }
#depotTools #selectionCount { color:var(--accent); font-size:12px; }
#depotTools .batch-actions { margin-left:auto; gap:6px; }
#depotTools .batch-actions button { min-height:38px; background:var(--surface-raised); border:1px solid var(--line); color:var(--ink); }
#depotTools [data-batch-kind=buy]:hover:enabled { color:var(--bg); background:var(--green); border-color:var(--green); }
#depotTools [data-batch-kind=sell]:hover:enabled { color:var(--bg); background:var(--red); border-color:var(--red); }
#depotTableWrap th,#depotTable td { padding:14px 16px; }
#depotTableWrap th button { color:var(--muted); letter-spacing:.02em; border:0; background:transparent; }
#depotTableWrap th[aria-sort=ascending] button,#depotTableWrap th[aria-sort=descending] button { color:var(--accent); }
#depotTable td { font-variant-numeric:tabular-nums; font-size:13px; }
#depotTable td:nth-child(4) { color:var(--muted); }
#depotTable tr:has(input:checked) td { background:color-mix(in srgb,var(--accent) 9%,var(--surface)); }
#depotTable input[type=checkbox],#selectAllDepot { accent-color:var(--accent); width:17px; height:17px; }
#depotTable .depotitem { gap:12px; }
#inventoryPanel .itemgrid { gap:14px; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); }
#inventoryPanel .itemcard { padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:12px; box-shadow:none; }
#inventoryPanel .itemcard:hover { border-color:color-mix(in srgb,var(--accent) 45%,var(--line)); }
#inventoryPanel .itemcard .itemtop { min-height:56px; margin-bottom:18px; }
#inventoryPanel .itemcard .itemicon { background:var(--surface-raised); border:1px solid var(--line); }
#inventoryPanel .itemcard small { color:var(--muted); }
#inventoryPanel .itemcard .cardactions { gap:8px; padding-top:14px; margin-top:14px; border-color:var(--line); }
#inventoryPanel .marketcard .cardactions { margin-top:auto; padding-top:0; display:grid; grid-template-columns:1fr 1fr; }
#inventoryPanel .marketcard .cartadd { grid-column:1/-1; display:flex; gap:8px; }
#inventoryPanel .marketcard .cartadd input { width:65px; text-align:right; }
#inventoryPanel .marketcard .cartadd button { flex:1; }
#inventoryPanel .marketcard .quoteaction { min-height:58px; }
#inventoryPanel .marketcard .quote-label { font-size:10px; color:var(--muted); }
#inventoryPanel .marketcard .quoteaction:hover .quote-label,#inventoryPanel .marketcard .quoteaction:focus-visible .quote-label { color:inherit; }
#inventoryPanel .cardnumbers span { color:var(--muted); }
#inventoryPanel .cardnumbers b { font-size:16px; }
/* Kurs, Orderbuch und Ticket bleiben als drei klar erkennbare Werkzeuge erhalten. */
#detail .dialoghead { padding-bottom:20px; border-bottom:1px solid var(--line); }
#detail .detailidentity h2 { font-size:24px; line-height:1.25; letter-spacing:-.025em; }
#detail .detailidentity .itemicon { width:56px; height:56px; background:var(--surface-raised); border:1px solid var(--line); border-radius:12px; }
#detail .detailidentity img { width:46px; height:46px; }
#detail .detailmetrics { margin-bottom:20px; padding:20px 0; gap:24px; flex-wrap:wrap; }
#detail .detailmetrics strong { font-size:17px; font-variant-numeric:tabular-nums; }
#detail .detailmetrics span { color:var(--muted); }
#detail .badge { background:color-mix(in srgb,var(--green) 12%,var(--surface)); border:1px solid color-mix(in srgb,var(--green) 25%,var(--line)); color:var(--green); }
#detail .badge[data-status=blocked] { color:var(--red)!important; background:color-mix(in srgb,var(--red) 12%,var(--surface)); border-color:var(--red); }
#detail .tradelayout { grid-template-columns:minmax(0,1fr) 320px; gap:20px; }
#detail .ticket { padding:20px; background:var(--surface-raised); border:1px solid var(--line); border-radius:12px; align-self:start; }
#detail .ticket h3 { font-size:16px; }
#detail .ticket label { color:var(--muted); margin:17px 0 8px; }
#detail .ticket .segmented { background:var(--surface); border-color:var(--line); padding:4px; gap:4px; }
#detail .segmented button { background:transparent; color:var(--muted); border:1px solid transparent; min-height:40px; }
#detail #buySide[aria-pressed=true] { color:var(--green); background:color-mix(in srgb,var(--green) 10%,var(--surface)); border-color:color-mix(in srgb,var(--green) 35%,var(--line)); }
#detail #sellSide[aria-pressed=true] { color:var(--red); background:color-mix(in srgb,var(--red) 10%,var(--surface)); border-color:color-mix(in srgb,var(--red) 35%,var(--line)); }
#detail .preview { padding:16px; border:1px solid var(--line); background:var(--surface); border-radius:8px; margin:18px 0 12px; }
#detail .preview span { color:var(--muted); font-size:11px; }
#detail .preview strong { color:var(--ink); font-size:24px; font-variant-numeric:tabular-nums; }
#detail .preview p { color:var(--muted); font-size:12px; line-height:1.6; }
#detail #submitOrder[data-side=buy]:enabled { color:var(--bg); background:var(--green); }
#detail #submitOrder[data-side=sell]:enabled { color:var(--bg); background:var(--red); }
#detail .feenote { border:1px solid var(--line); background:var(--surface); color:var(--muted); }
#detail .books { gap:12px; }
#detail .books>div { border:1px solid var(--line); border-radius:9px; background:var(--surface); }
#detail .books h4 { padding:14px 14px 10px; margin:0; font-size:12px; }
#detail .books h4 small { font-size:9px; letter-spacing:.08em; opacity:.8; }
#detail .books th,#detail .books td { padding:10px 14px; font-variant-numeric:tabular-nums; }
#detail .books th { color:var(--muted); font-size:10px; }
#detail .books button { border:0; color:inherit; background:transparent; padding:0; text-align:left; }
#detail .books button:hover:enabled { text-decoration:underline; }
#detail .bookpanel>.hint { font-size:11px; }
#detail .recent,#detail .bookpanel>details { border-top:1px solid var(--line); padding-top:8px; margin-top:16px; }
#detail .bookpanel>details summary { color:var(--ink); }
#detail .bookpanel>details td,#detail .bookpanel>details th { font-size:11px; padding:10px; }
#detail .withdrawarea { border-color:var(--line); }
#batchToolbar .batch-actions [aria-pressed=true] { background:var(--surface-raised); color:var(--ink); border-color:var(--accent); }
#batchToolbar .markettools { border-top:1px solid var(--line); padding-top:18px; margin-top:18px; }
#batchToolbar #batchPreview .scroll { border:1px solid var(--line); border-radius:8px; }
#batchToolbar #batchHint { color:var(--muted); }
@media(max-width:1000px) {
 #detail .tradelayout { grid-template-columns:minmax(0,1fr) 285px; gap:16px; }
 #marketTableWrap .markettable th:first-child { width:38%; }
 #marketTableWrap td { padding:12px; }
 #depotTools .batch-actions { margin-left:0; }
}
@media(max-width:760px) {
 #inventoryPanel>.sectionhead { align-items:stretch; }
 #inventoryPanel .searchbox { width:100%; }
 #marketTools,#depotTools { padding:12px; gap:10px; }
 #marketTools { display:flex; flex-wrap:wrap; }
 #marketTools label { flex:1; min-width:105px; }
 #marketTools select { width:100%; }
 #marketTableWrap .markettable { min-width:580px; }
 #marketTableWrap .markettable th:first-child { width:35%; }
 #marketTableWrap .markettable th:nth-child(2),#marketTableWrap .markettable th:nth-child(3) { width:20%; }
 #marketTableWrap .markettable th:last-child { width:25%; }
 #marketTableWrap th,#marketTableWrap td { padding:12px 10px; }
 .markettable .quoteaction .quote-label { display:none; }
 #depotTools .batch-actions { flex-basis:100%; width:100%; display:grid; grid-template-columns:repeat(2,1fr); }
 #depotTools .batch-actions button { min-height:42px; }
 #detail .tradelayout { display:flex; flex-direction:column; }
 #detail .ticket { width:100%; order:-1; padding:16px; }
 #detail .books { grid-template-columns:1fr 1fr; }
 #detail .detailmetrics { gap:16px; }
 #detail .detailmetrics .badge { margin-left:0; }
 #detail .bookpanel { max-height:none; overflow:visible; }
 #inventoryPanel .itemgrid { grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); }
}
@media(prefers-reduced-motion:reduce) {
 .markettable .quoteaction,.marketcard .quoteaction,.markettable .quote-label { transition:none; }
}
/* Das originale Suchfeld zieht in die aktive Toolbar, ohne Eingabe oder Fokus zu ersetzen. */
#marketTools .searchbox,#depotTools .searchbox { flex:1 1 250px; width:auto; min-width:220px; max-width:none; height:40px; background:var(--bg); border:1px solid var(--line); border-radius:7px; }
#marketTools .searchbox input,#depotTools .searchbox input { min-width:0; flex:1; width:100%; height:38px; padding:8px 10px; font-size:12px; background:transparent; border:0; box-shadow:none; }
#marketTools .searchbox span,#depotTools .searchbox span { color:var(--muted); }
#marketTools .searchbox:focus-within,#depotTools .searchbox:focus-within { border-color:var(--accent); outline:2px solid color-mix(in srgb,var(--accent) 30%,transparent); outline-offset:2px; }
@media(max-width:760px) {
 #marketTools .searchbox,#depotTools .searchbox { flex:0 0 100%; min-width:0; width:100%; }
}
/* Ein Scrollkontext im Artikelfenster; der Auftrag bleibt neben dem Chart erreichbar. */
@media(min-width:761px) {
 #detail[open] { display:block; height:auto; max-height:94dvh; overflow-y:auto; padding:22px; }
 #detail .dialoghead { padding-bottom:14px; }
 #detail .detailmetrics { padding:14px 0; margin-bottom:16px; }
 #detail .tradelayout { min-height:0; overflow:visible; grid-template-rows:auto; }
 #detail .bookpanel,#detail .ticket { overflow:visible; min-height:0; }
 #detail .ticket { position:sticky; top:0; padding:16px; }
 #detail #orderForm { display:grid; grid-template-columns:1fr 1fr; gap:8px 10px; grid-template-areas:'side side' 'typeLabel typeLabel' 'type type' 'quantityLabel priceLabel' 'quantity price' 'quote quote' 'preview preview' 'submit submit' 'mode mode' 'fees fees' 'help help'; }
 #detail #orderForm .segmented { grid-area:side; }
 #detail #orderForm label[for=tif] { grid-area:typeLabel; }
 #detail #tif { grid-area:type; }
 #detail #quantityLabel { grid-area:quantityLabel; }
 #detail #quantity { grid-area:quantity; }
 #detail #orderForm .labelrow { display:contents; }
 #detail #priceLabel { grid-area:priceLabel; }
 #detail #price { grid-area:price; }
 #detail #quote { grid-area:quote; justify-self:end; min-height:22px; padding:0; font-size:10px; }
 #detail #orderForm .preview { grid-area:preview; padding:12px; margin:4px 0 0; }
 #detail #submitOrder { grid-area:submit; min-height:42px; margin:0; }
 #detail #modeHint { grid-area:mode; margin:0; line-height:1.45; }
 #detail #feePreview { grid-area:fees; padding:9px; margin:0; font-size:10px; }
 #detail #orderForm>.help { grid-area:help; margin:0; }
 #detail #orderForm label { margin:6px 0 0; font-size:10px; }
 #detail #orderForm input,#detail #orderForm select { min-width:0; min-height:36px; height:36px; padding:8px 10px; }
 #detail .preview strong { font-size:21px; margin-top:4px; }
 #detail .preview p { margin:7px 0 0; font-size:11px; line-height:1.45; }
 #detail .withdrawarea { margin-top:16px; padding-top:14px; }
}
@media(min-width:761px) and (max-height:800px) {
 #detail .chartview .chart.candles { height:210px; }
 #detail .chartreadout { padding:9px 12px; min-height:72px; gap:8px; margin:6px 0 10px; }
 #detail .chartreadout-field { gap:3px; }
 #detail .chartcontrols { margin-bottom:4px; }
 #detail .chartcontrols button { min-height:28px; padding:5px 8px; }
 #detail .chartblock { padding-bottom:12px; margin-bottom:14px; }
 #detail .chartblock .markettools { margin-bottom:8px; }
 #detail .chartblock .help { margin:6px 0; }
 #detail .ticket h3 { margin-bottom:10px; }
}
/* Preis samt Waehrung bleibt eine Zahl; schmale Ansichten scrollen die Tabelle intern. */
#marketTableWrap .markettable { min-width:860px; }
#marketTableWrap .markettable th:first-child { width:40%; }
#marketTableWrap .markettable th:nth-child(2),#marketTableWrap .markettable th:nth-child(3) { width:19%; }
#marketTableWrap .markettable th:last-child { width:22%; }
.markettable .quoteaction { min-width:146px; padding:8px 10px; position:relative; }
#marketTableWrap .markettable td:nth-child(2),#marketTableWrap .markettable td:nth-child(3) { padding-left:8px; padding-right:8px; }
.markettable .quoteaction b,.marketcard .quoteaction b { white-space:nowrap; flex-shrink:0; }
.markettable .quoteaction .quote-label { position:absolute; left:8px; font-size:9px; }
.markettable .quoteaction:hover:enabled,.markettable .quoteaction:focus-visible { padding-left:49px; }
@media(max-width:760px) {
 #marketTableWrap .markettable { min-width:740px; }
 #marketTableWrap .markettable th:first-child { width:38%; }
 #marketTableWrap .markettable th:nth-child(2),#marketTableWrap .markettable th:nth-child(3) { width:20%; }
 .markettable .quoteaction { min-width:122px; }
 .markettable .quoteaction:hover:enabled,.markettable .quoteaction:focus-visible { padding-left:10px; }
}