/* Market keeps the same theme tokens as the rest of Memnora. */
#tab-market { max-width:1120px; }
#tab-market [hidden] { display:none !important; }
#tab-market .glass-card:hover { transform:none; }
#tab-market button,#tab-market input,#tab-market select { min-height:42px; }
#tab-market button:disabled { cursor:not-allowed; }
#tab-market button:focus-visible,#tab-market summary:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
.market-header { gap:20px; }
.market-refresh-controls,.market-selection-heading,.market-converter-heading,.market-card-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.market-check { display:flex; gap:8px; align-items:center; color:var(--text-muted); font-size:13px; cursor:pointer; }
#tab-market .market-check input { min-height:auto; accent-color:var(--primary); }
.market-picker { margin-bottom:12px; }
.market-selection-heading { margin-bottom:12px; }
.market-eyebrow { display:block; font-size:12px; color:var(--text-muted); margin-bottom:3px; }
#market-selected-pair { font-size:26px; line-height:1.25; overflow-wrap:anywhere; }
#market-favorite[aria-pressed="true"] { color:var(--primary); border-color:var(--primary); }
.market-shortcuts { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:8px 0; }
.market-shortcut-label { color:var(--text-muted); font-size:12px; margin-right:4px; }
.market-chip { border:1px solid var(--border-color); border-radius:11px; color:var(--text-main); background:rgba(255,255,255,.035); padding:9px 13px; cursor:pointer; font:inherit; font-size:13px; line-height:1.25; overflow-wrap:anywhere; }
.market-chip:hover { border-color:var(--primary); background:rgba(255,255,255,.07); }
.market-chip[aria-pressed="true"] { border-color:var(--primary); color:var(--primary); background:color-mix(in srgb,var(--primary) 8%,transparent); }
.market-search-wrap { margin:12px 0 8px; }
.market-search-wrap > label,.market-calculation > label { display:block; font-size:13px; color:var(--text-muted); }
#market-search { margin-top:6px; width:100%; }
.market-search-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; padding:10px; margin-top:8px; border:1px solid var(--border-color); border-radius:12px; max-height:340px; overflow:auto; background:var(--bg-dark); }
.market-search-result { display:flex; justify-content:space-between; align-items:center; text-align:left; gap:12px; border:1px solid transparent; border-radius:8px; padding:10px 12px; color:var(--text-main); background:transparent; cursor:pointer; font:inherit; }
.market-search-result:hover,.market-search-result[aria-pressed="true"] { border-color:var(--border-color); background:var(--bg-card-hover); }
.market-search-result strong { display:block; font-size:14px; overflow-wrap:anywhere; }
.market-search-result small { display:block; color:var(--text-muted); font-size:11px; margin-top:3px; }
.market-search-result > span:last-child { color:var(--primary); flex-shrink:0; }
#tab-market .market-hint { font-size:12px; line-height:1.6; color:var(--text-muted); margin:8px 0; overflow-wrap:anywhere; }
#market-search-status:empty { display:none; }
.market-options { border-top:1px solid var(--border-color); padding-top:12px; margin-top:12px; }
.market-options > summary { color:var(--text-muted); font-size:13px; cursor:pointer; min-height:28px; width:fit-content; }
.market-options[open] > summary { color:var(--text-main); margin-bottom:16px; }
#tab-market .market-status { margin:14px 0; min-height:20px; font-size:13px; color:var(--text-muted); line-height:1.6; }
#tab-market .market-status[data-state="error"],.market-badge[data-state="saved"] { color:#ffc477; }
#tab-market .market-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
#tab-market .market-card { min-width:0; border:1px solid var(--border-color); position:relative; display:flex; flex-direction:column; }
#tab-market .market-card[data-selected="true"] { border-color:color-mix(in srgb,var(--primary) 48%,var(--border-color)); }
.market-card-heading h3 { font-size:18px; }
.market-badge { display:inline-flex; align-items:center; gap:5px; font-size:11px; color:var(--text-muted); background:rgba(255,255,255,.04); border-radius:20px; padding:5px 9px; }
.market-badge[data-state="live"] { color:#79dfa6; }
.market-badge[data-state="live"]::before { content:""; display:inline-block; width:5px; height:5px; border-radius:50%; background:currentColor; }
#tab-market .market-card .market-rate { font-size:clamp(24px,2.7vw,36px); color:var(--text-main); margin:20px 0 4px; overflow-wrap:anywhere; font-weight:700; line-height:1.25; }
#tab-market .market-card .market-original { color:var(--text-muted); font-size:13px; margin:0 0 12px; }
#tab-market .market-card .market-change { font-size:12px; margin:0 0 10px; }
.market-change[data-sign="positive"] { color:#79dfa6; }
.market-change[data-sign="negative"] { color:#ff99a5; }
#tab-market .market-card p { margin:8px 0; font-size:12px; line-height:1.55; }
#tab-market .market-card .market-card-time { color:var(--text-muted); font-size:11px; }
.market-card-details { margin-top:auto; padding-top:8px; }
.market-card-details > summary { color:var(--text-muted); font-size:12px; cursor:pointer; }
#tab-market .market-card .market-select-exchange { margin-top:16px; width:100%; justify-content:center; }
#tab-market .market-converter { max-width:none; margin-top:20px; }
.market-converter-heading h3 { font-size:20px; }
.market-calculation { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; align-items:center; margin:24px 0 20px; }
#market-input-currency { color:var(--text-main); font-weight:600; }
#market-amount { font-size:24px; font-variant-numeric:tabular-nums; margin-top:8px; min-height:58px; width:100%; }
#tab-market #market-result { font-size:clamp(23px,2.7vw,34px); line-height:1.3; margin:6px 0; overflow-wrap:anywhere; }
.market-result-block { min-width:0; }
#tab-market .market-converter-controls { margin-bottom:0; }
.market-fee-field { display:block; font-size:13px; color:var(--text-muted); max-width:220px; }
.market-fee-field input { margin-top:8px; width:100%; }
#tab-market #market-converter-note { margin:18px 0 12px; }
#tab-market .market-disclaimer { margin-bottom:8px; }
#tab-market .market-assumption { font-size:12px; }
@media(min-width:1100px) {
 .market-picker { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,1fr); grid-template-areas:"selection search" "favorites favorites" "popular quotes" "catalogue catalogue"; column-gap:24px; }
 .market-picker .market-selection-heading { grid-area:selection; margin-bottom:8px; align-self:start; }
 .market-picker .market-search-wrap { grid-area:search; margin:0 0 8px; }
 #market-favorites { grid-area:favorites; }
 #market-popular { grid-area:popular; align-self:start; }
 #market-quote-chips { grid-area:quotes; align-self:start; }
 .market-picker > .market-options { grid-area:catalogue; margin-top:8px; padding-top:10px; }
}
@media(max-width:760px) {
 .market-calculation { gap:16px; }
 #tab-market .market-cards { gap:12px; }
 #tab-market .market-card { padding:18px; }
 .market-search-results { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:540px) {
 #tab-market .market-cards { grid-template-columns:minmax(0,1fr); }
 #tab-market .market-picker,#tab-market .market-converter { padding:18px; }
 .market-refresh-controls { width:100%; }
 .market-refresh-controls .btn { margin-left:auto; }
 .market-calculation { grid-template-columns:minmax(0,1fr); gap:16px; margin:18px 0; }
 .market-result-block { border-left:2px solid var(--primary); padding-left:14px; }
 #market-selected-pair { font-size:24px; }
 #market-favorite { padding:9px 10px; font-size:12px; }
 .market-converter-heading { align-items:start; gap:8px; }
 #market-swap { font-size:12px; padding:9px 10px; }
 #tab-market .market-card .market-rate { font-size:30px; }
}