.market-labs { --ml-bg:#101010; --ml-line:#404040; --ml-muted:#c2c2c2; --ml-accent:#ff9a62; color:#f4f4f4; background:var(--ml-bg); width:min(1200px,calc(100% - 32px)); margin:0 auto; padding:28px 0 48px; font:16px/1.55 Arial,Helvetica,sans-serif; color-scheme:dark; letter-spacing:0; }
.market-labs *, .market-labs *::before, .market-labs *::after { box-sizing:border-box; letter-spacing:0; }
.market-labs [hidden] { display:none !important; }
.market-labs a { color:var(--ml-accent); text-underline-offset:3px; }
.market-labs h1 { font-size:34px; line-height:1.15; margin:6px 0 12px; }
.market-labs h2 { font-size:23px; line-height:1.25; margin:0 0 14px; }
.market-labs h3 { font-size:18px; line-height:1.35; margin:24px 0 8px; }
.market-labs p { margin:10px 0 16px; }
.market-labs .ml-intro { display:grid; grid-template-columns:minmax(0,1fr) 192px; gap:24px; align-items:center; }
.market-labs .ml-intro img { width:192px; height:112px; object-fit:contain; }
.market-labs .ml-eyebrow { font-size:13px; margin:0; color:var(--ml-muted); }
.market-labs .ml-notice { border-left:3px solid #75c7b7; padding:10px 14px; background:#191e1d; font-size:14px; }
.market-labs .ml-message { min-height:26px; color:#ffbf98; overflow-wrap:anywhere; }
.market-labs .ml-section { border-top:1px solid var(--ml-line); padding:26px 0; }
.market-labs .ml-section-heading { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; align-items:center; margin-bottom:14px; }
.market-labs .ml-section-heading h2 { margin:0; }
.market-labs .ml-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-block:1px solid var(--ml-line); margin:14px 0; }
.market-labs dl { margin:0; padding:16px 20px; min-width:0; border-right:1px solid var(--ml-line); }
.market-labs dl:first-child { padding-left:0; }
.market-labs dl:last-child { border-right:0; }
.market-labs dt { font-size:14px; color:var(--ml-muted); }
.market-labs dd { margin:6px 0 0; font-size:27px; font-weight:700; line-height:1.3; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.market-labs dd.ml-meta { font-size:12px; font-weight:400; color:var(--ml-muted); }
.market-labs .ml-note, .market-labs .ml-footnote { color:var(--ml-muted); font-size:14px; }
.market-labs .ml-toolbar, .market-labs .ml-form-actions { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin:16px 0; }
.market-labs .ml-toolbar > label { flex:1 1 260px; max-width:100%; }
.market-labs .ml-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:20px 0; }
.market-labs .ml-form.ml-grouped { display:block; }
.market-labs .ml-fieldset { border:0; min-width:0; margin:18px 0 26px; padding:0; }
.market-labs .ml-fieldset legend { font-size:16px; font-weight:700; margin-bottom:14px; padding:0; color:#f4f4f4; }
.market-labs .ml-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.market-labs .ml-form-details { padding:12px 0; }
.market-labs label { display:flex; flex-direction:column; gap:6px; min-width:0; font-size:13px; font-weight:600; color:#ededed; overflow-wrap:anywhere; }
.market-labs input, .market-labs select, .market-labs button { font:inherit; border:1px solid #666; border-radius:4px; min-height:44px; }
.market-labs input, .market-labs select { width:100%; min-width:0; max-width:100%; background:#191919; color:#fff; padding:9px 10px; }
.market-labs select { text-overflow:ellipsis; }
.market-labs button { display:inline-flex; gap:8px; align-items:center; justify-content:center; background:#252525; color:#fff; padding:9px 12px; font-size:14px; font-weight:700; cursor:pointer; white-space:normal; overflow-wrap:anywhere; }
.market-labs button svg { flex:0 0 18px; }
.market-labs button[type=submit] { background:#ff7b32; color:#131313; border-color:#ff7b32; }
.market-labs button:hover { border-color:#ff9a62; background:#38302c; }
.market-labs button[type=submit]:hover { background:#ffa06e; }
.market-labs button:disabled { opacity:.55; cursor:wait; }
.market-labs :focus-visible { outline:3px solid #75c7b7; outline-offset:3px; }
.market-labs .ml-form-actions, .market-labs .ml-wide { grid-column:1 / -1; }
.market-labs .ml-checkbox { flex-direction:row; align-items:center; align-self:end; min-height:44px; }
.market-labs .ml-checkbox input { appearance:auto; -webkit-appearance:auto; width:20px; height:20px; min-height:20px; padding:0; flex:0 0 20px; accent-color:#ff7b32; }
.market-labs details { border-block:1px solid var(--ml-line); margin:20px 0; padding:12px 0; }
.market-labs summary { cursor:pointer; font-size:15px; min-height:32px; }
.market-labs .ml-result { display:block; border-left:3px solid #ff7b32; background:#1b1b1b; padding:14px; font-size:15px; }
.market-labs .ml-empty { padding:24px 0; color:var(--ml-muted); border-bottom:1px dashed #444; }
.market-labs .ml-chart { position:relative; height:280px; width:100%; margin:20px 0; }
.market-labs .ml-chart canvas { max-width:100%; }
.market-labs .ml-table-scroll { max-width:100%; overflow-x:auto; margin:20px 0; }
.market-labs table { border-collapse:collapse; width:100%; min-width:760px; font-size:13px; }
.market-labs caption { text-align:left; color:var(--ml-muted); font-size:12px; padding:0 0 10px; }
.market-labs th { color:#ddd; font-weight:600; background:#1c1c1c; }
.market-labs th, .market-labs td { text-align:left; vertical-align:top; padding:12px 10px; border-bottom:1px solid #383838; max-width:300px; overflow-wrap:anywhere; }
.market-labs td small { display:block; color:var(--ml-muted); margin-top:5px; font-size:12px; }
.market-labs .ml-row-actions { display:flex; gap:6px; }
.market-labs .ml-icon { width:44px; min-width:44px; height:44px; padding:10px; }
.market-labs .ml-reading { max-width:850px; }
.market-labs .ml-reading p { color:#d8d8d8; }
.market-labs .ml-import { max-width:480px; }
.market-labs .ml-footnote { border-top:1px solid var(--ml-line); padding-top:20px; }
@media (max-width:800px) { .market-labs .ml-form, .market-labs .ml-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } .market-labs .ml-intro { grid-template-columns:minmax(0,1fr); } .market-labs .ml-intro img { display:none; } }
@media (max-width:520px) { .market-labs { width:calc(100% - 24px); padding-top:16px; } .market-labs h1 { font-size:28px; } .market-labs .ml-intro p { font-size:14px; margin-bottom:10px; } .market-labs .ml-notice { font-size:12px; padding:8px 10px; margin-bottom:4px; } .market-labs .ml-message { font-size:13px; margin:4px 0; } .market-labs .ml-form, .market-labs .ml-fields { grid-template-columns:minmax(0,1fr); } .market-labs dl, .market-labs dl:first-child { padding:12px 8px; } .market-labs dl:first-child { padding-left:0; } .market-labs dt { font-size:12px; } .market-labs dd { font-size:18px; } .market-labs dd.ml-meta { font-size:11px; } .market-labs .ml-chart { height:250px; } .market-labs .ml-section { padding:20px 0; } }
@media print { .market-labs { width:100%; color:#111; background:white; } .market-labs form, .market-labs button, .market-labs .ml-import { display:none; } .market-labs .ml-table-scroll { overflow:visible; } .market-labs table { min-width:0; } .market-labs th, .market-labs td, .market-labs p, .market-labs dt, .market-labs dd { color:#111; background:white; } }
