.market-desk[hidden],.market-desk-overlay[hidden] { display:none; }
.market-desk-overlay { position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:24px;background:#000a;backdrop-filter:blur(5px); }
.market-desk { position:relative;width:min(1220px,100%);height:min(850px,90dvh);max-height:calc(100dvh - 48px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;padding:20px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 90px #0006;font-size:14px;overflow:hidden; }
.market-desk-open { overflow:hidden; }
.market-desk button,.market-desk input,.market-desk select { font:inherit;color:inherit;background:var(--card2);border:1px solid var(--border);border-radius:5px; }
.market-desk button { cursor:pointer;padding:9px 13px;min-height:40px; }
.market-desk button:hover:not(:disabled),.market-desk button:focus-visible { border-color:var(--muted);background:var(--rail,var(--card2)); }
.market-desk button:focus-visible,.market-desk input:focus-visible,.market-desk select:focus-visible { outline:2px solid var(--accent);outline-offset:2px; }
.market-desk button:disabled { opacity:.5;cursor:not-allowed; }
.market-desk .muted { color:var(--muted); }
.market-desk-header-actions { display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end; }
.market-eyebrow,.market-chart-frequency { color:var(--muted);font-size:11px; }
.market-desk-header { display:flex;align-items:center;gap:20px;padding:0 2px 12px;border-bottom:1px solid var(--border); }
.market-desk-heading { margin-right:auto;min-width:0; }
.market-desk-heading h2 { font-size:22px;line-height:1.4;margin:0 0 3px;color:var(--text); }
.market-desk-heading p,.market-desk-heading small { margin:0;color:var(--muted);font-size:12px; }
#marketDeskChannel { display:block;margin-top:4px;line-height:1.5; }
.market-desk-summary { display:flex;gap:22px;align-items:center;font-size:13px; }
.market-desk-summary small { display:block;color:var(--muted);font-size:11px; }
.market-desk-summary strong { display:block;color:var(--text);font-size:16px; }
.market-desk-grid { display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px;min-height:0; }
.market-desk-main { display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--card);border:1px solid var(--border);border-radius:7px;padding:18px;overflow-y:auto;overscroll-behavior:contain; }
.market-quote { display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-height:74px;flex-shrink:0; }
.market-quote h3 { font-size:21px;margin:0 0 4px;color:var(--text); }
.market-quote small { color:var(--muted);font-size:12px; }
.market-quote strong { font-size:27px;font-variant-numeric:tabular-nums; }
.market-quote-meta { color:var(--muted);font-size:12px;line-height:1.6;margin-left:auto;display:flex;flex-direction:column;gap:3px; }
.market-symbol { display:inline-block;color:var(--accent);font-size:12px;letter-spacing:.6px;margin-bottom:4px; }
.market-price-block { display:flex;flex-direction:column;gap:2px; }
.market-change { font-size:13px; }
.market-chart-toolbar { display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--border);flex-shrink:0; }
.market-chart-toolbar button { min-height:32px;padding:5px 12px;font-size:12px;background:transparent; }
.market-chart-toolbar button[aria-pressed="true"],.market-chart-toolbar button.on { color:var(--bg);background:var(--text);border-color:var(--text); }
.market-chart-frame { position:relative;flex:1;min-height:120px;min-width:0;overflow:hidden; }
#marketDeskChart { display:block;width:100%;height:100%;min-height:120px;touch-action:pan-y; }
.market-grid-line { stroke:var(--border);stroke-width:1; }
.market-axis-label { fill:var(--muted);font-family:inherit;font-size:14px; }
.market-chart-line { fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round; }
.market-chart-area { fill:var(--accent);opacity:.1; }
.market-chart-point { fill:var(--accent);stroke:var(--card);stroke-width:1.5; }
.market-crosshair { stroke:var(--muted);stroke-width:1;stroke-dasharray:4 4; }
.market-crosshair-dot { fill:var(--card);stroke:var(--accent);stroke-width:2; }
.market-chart-tooltip { position:absolute;top:16px;left:16px;max-width:calc(100% - 32px);min-width:148px;padding:12px 14px;border:1px solid var(--border);background:var(--card2);color:var(--text);font-size:13px;line-height:1.5;display:grid;gap:5px;font-variant-numeric:tabular-nums;pointer-events:none;box-shadow:0 4px 15px #0004;border-radius:7px; }
.market-tooltip-date { color:var(--muted); }
.market-tooltip-price { font-size:17px;white-space:nowrap; }
.market-chart-tooltip[hidden] { display:none; }
.market-chart-note { color:var(--muted);font-size:11px;line-height:1.7;padding-top:9px;margin:0;flex-shrink:0; }
.market-watchlist { display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid var(--border);background:var(--card);border-radius:7px;overflow:hidden; }
.market-watch-heading { display:flex;align-items:center;justify-content:space-between;padding:14px 14px 0;gap:12px; }
.market-watch-heading h3 { margin:0;font-size:14px; }.market-watch-heading>span { color:var(--muted);font-size:12px; }
.market-watch-tools label>span { display:block;font-size:11px;color:var(--muted);margin-bottom:5px; }
.market-watch-tools { flex:0 0 auto;padding:14px;display:grid;gap:9px;border-bottom:1px solid var(--border); }
.market-watch-tools input,.market-watch-tools select { min-width:0;width:100%;padding:10px;min-height:42px;font-size:13px; }
.market-watch-tools input::placeholder { color:var(--muted); }
.market-watch-list { flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:4px; }
.market-watch-row { width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border-color:transparent!important;background:transparent!important;min-height:58px!important;padding:9px 11px!important;border-radius:4px; }
.market-watch-row[aria-selected="true"],.market-watch-row.on { background:var(--card2)!important;box-shadow:inset 3px 0 var(--accent); }
.market-watch-row b { font-size:13px; }
.market-watch-row small { color:var(--muted);font-size:11px; }
.market-watch-row strong { font-size:13px;font-variant-numeric:tabular-nums; }
.market-watch-name strong,.market-watch-name small,.market-watch-numbers strong,.market-watch-numbers small { display:block; }
.market-watch-numbers { text-align:right; }
.market-position-panel { background:var(--card);border:1px solid var(--border);border-radius:7px;padding:14px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;min-width:0; }
.market-position-heading { grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px; }
.market-position-heading h3 { margin:0;font-size:15px; }.market-position-heading p { margin:0;font-size:12px;color:var(--muted); }
.market-position-grid { flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0; }
.market-position-grid>div { min-width:0;font-size:13px;line-height:1.7; }
.market-position-grid small { display:block;color:var(--muted);font-size:11px; }
.market-position-grid strong { color:var(--text);font-variant-numeric:tabular-nums; }
.market-position { border-left:2px solid var(--border);padding-left:12px; }
.market-position>strong,.market-position-owner,.market-position>span { display:block; }
.market-position-owner { color:var(--muted);font-size:12px; }
.market-trade-actions { display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:340px; }
#marketDeskTradeNote { grid-column:1/-1;color:var(--muted);font-size:11px;line-height:1.6;margin:0; }
#marketDeskBuy { background:var(--text);border-color:var(--text);color:var(--bg);min-width:110px; }
#marketDeskBuy:hover:not(:disabled) { background:var(--muted);border-color:var(--muted); }
#marketDeskSell { background:var(--card2);border-color:var(--border);color:var(--text);min-width:110px; }
.market-guide { margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:7px;background:var(--card2);font-size:12px; }
.market-guide>summary { cursor:pointer;font-weight:600; }
.market-guide-steps { list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 0;padding:0; }
.market-guide-steps li { min-width:0; }
.market-guide-steps strong { display:block;font-size:12px;margin-bottom:5px; }
.market-guide-steps span { display:block;font-size:11px;line-height:1.7;color:var(--muted); }
.market-guide-steps .complete>strong { color:var(--good); }
.modal .market-guide { margin:14px 0; }
.modal .market-guide-steps { grid-template-columns:1fr 1fr; }
.market-desk .up,.market-desk .positive { color:var(--good); }.market-desk .down,.market-desk .negative { color:var(--bad); }
@media(max-width:1100px) {
  .market-desk { padding:12px;gap:9px; }
  .market-desk-grid { grid-template-columns:minmax(0,1fr) 270px;gap:9px; }
  .market-desk-header { gap:10px; }.market-desk-summary { gap:12px; }
  .market-desk-heading { flex:1 1 auto; }
  .market-desk-summary { flex-wrap:wrap; }
  .market-position-panel { align-items:stretch;grid-template-columns:minmax(0,1fr);gap:12px; }
  .market-trade-actions { justify-content:flex-end; }
}
@media(max-width:700px) {
  .market-desk-overlay { padding:12px; }
  .market-desk { max-height:calc(100dvh - 24px);border-radius:10px; }
  .market-desk { display:block;overflow-y:auto; }
  .market-guide { margin-bottom:10px; }
  .market-guide-steps,.modal .market-guide-steps { grid-template-columns:1fr; }
  .market-desk-header { flex-wrap:wrap;gap:8px;margin-bottom:10px; }
  .market-desk-heading { flex:1 1 100%; }.market-desk-heading h2 { font-size:19px; }
  .market-desk-header-actions { display:flex;flex-wrap:wrap;width:100%;gap:6px; }
  .market-desk-header-actions button { flex:1; }
  .market-desk-summary { width:100%;order:2;justify-content:space-between; }
  .market-desk-header button { padding:7px 10px;font-size:12px; }
  .market-desk-grid { display:flex;flex-direction:column;min-height:auto;gap:10px; }
  .market-desk-main { padding:12px;flex:0 0 auto;min-height:500px;height:auto; }.market-quote { gap:10px;min-height:72px; }
  .market-watchlist { flex:0 0 280px;height:280px; }
  .market-quote h3 { font-size:17px; }.market-quote strong { font-size:22px; }
  .market-chart-frame { flex:0 0 250px;height:250px;min-height:250px; }
  #marketDeskChart { min-height:250px; }
  .market-chart-toolbar { padding:8px 0;gap:4px; }
  .market-chart-toolbar button { padding:5px 9px; }
  .market-watch-tools { grid-template-columns:1fr 1fr;padding:9px;gap:6px; }
  .market-position-grid { grid-template-columns:minmax(0,1fr);gap:8px; }
  .market-position-panel { margin-top:10px; }
  .market-position-heading { align-items:flex-start;flex-direction:column;gap:4px; }
  .market-trade-actions { display:grid;grid-template-columns:1fr 1fr; }
}