#ui-mercado { position:fixed; inset:0; width:100%; height:100%; padding:12px; z-index:99999; justify-content:center; align-items:center; background:#02060de0; backdrop-filter:blur(7px); font:14px/1.4 'Segoe UI',Arial,sans-serif; color:#dde5ef; }
#ui-mercado, #ui-mercado * { box-sizing:border-box; }
#ui-mercado .mercado-shell { width:min(100%,620px); max-height:90dvh; display:flex; flex-direction:column; overflow:hidden; background:linear-gradient(145deg,#152033,#0c1422 60%); border:1px solid #4c5362; border-radius:20px; box-shadow:0 22px 80px #000a,inset 0 1px #ffffff09; }
#ui-mercado .mercado-header { display:flex; gap:12px; align-items:center; padding:20px; border-bottom:1px solid #ffffff0b; background:radial-gradient(ellipse at 0 0,#9c752122,transparent 75%); }
#ui-mercado .mercado-emblema { display:grid; place-items:center; width:42px; height:46px; flex-shrink:0; color:#e6c683; border:1px solid #b394554d; border-radius:12px; background:#c6a15b0d; }
#ui-mercado .mercado-emblema svg { width:27px; height:27px; }
#ui-mercado .mercado-eyebrow { font-size:8px; letter-spacing:1.6px; color:#9daabd; }
#ui-mercado h2 { margin:3px 0 0; color:#f4e2bc; font:600 23px/1.2 'Cinzel',Georgia,serif; text-align:left; }
#ui-mercado button { cursor:pointer; touch-action:manipulation; font:600 13px 'Segoe UI',Arial,sans-serif; }
#ui-mercado button:focus-visible, #ui-mercado input:focus-visible, #ui-mercado select:focus-visible { outline:2px solid #d6b777; outline-offset:2px; }
#ui-mercado .mercado-close { margin-left:auto; background:#ffffff06; color:#aab8ca; border:1px solid #ffffff14; border-radius:10px; width:36px; height:36px; flex-shrink:0; font-size:24px; padding:0; }
#ui-mercado .mercado-tabs { display:flex; gap:5px; padding:8px 16px; background:#060d1766; border-bottom:1px solid #ffffff08; }
#ui-mercado .tab-mercado { flex:1; min-width:0; padding:11px 6px; border:1px solid transparent; border-radius:9px; background:transparent; color:#95a5bb; display:flex; align-items:center; justify-content:center; gap:7px; }
#ui-mercado .tab-mercado[aria-selected="true"] { background:#d5b06b16; border-color:#c8a76450; color:#f0d497; }
#ui-mercado .mercado-tab-dot { width:7px; height:7px; border-radius:50%; background:#e4b755; }
#ui-mercado .mercado-tab-dot.gemas { background:#7bbfff; transform:rotate(45deg); border-radius:1px; }
#ui-mercado .mercado-body { min-height:0; overflow-y:auto; padding:18px 20px; scrollbar-width:thin; scrollbar-color:#4a5567 #0c1422; overscroll-behavior:contain; }
#ui-mercado .mercado-section { display:flex; justify-content:space-between; align-items:center; gap:8px; margin:0 0 16px; }
#ui-mercado h3 { margin:0; color:#e6edf7; font-size:14px; font-weight:600; }
#ui-mercado .mercado-section > span { color:#7f90a7; font-size:10px; }
#ui-mercado label { display:block; color:#aab7ca; font-size:12px; font-weight:500; margin-bottom:7px; }
#ui-mercado .mercado-item-field { position:relative; margin-bottom:16px; }
#ui-mercado #btn-dropdown-venda { width:100%; min-height:54px; padding:9px 12px; display:flex; justify-content:space-between; align-items:center; gap:8px; border:1px solid #364459; border-radius:10px; background:#0b1423; color:#d7e0ee; text-align:left; }
#ui-mercado #dropdown-venda-selecionado { display:flex; align-items:center; gap:10px; min-width:0; overflow:hidden; }
#ui-mercado #lista-dropdown-venda { position:absolute; top:82px; left:0; right:0; max-height:240px; overflow:auto; z-index:10; border:1px solid #657791; border-radius:10px; background:#101c2e; box-shadow:0 15px 30px #000a; }
#ui-mercado .mercado-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:16px; }
#ui-mercado .mercado-price-field { grid-column:1 / -1; }
#ui-mercado input:not([type=hidden]), #ui-mercado select { width:100%; min-width:0; height:44px; padding:10px 12px; border:1px solid #334156; border-radius:9px; background:#080f1d; color:#e5edf7; font:500 16px 'Segoe UI',Arial,sans-serif; color-scheme:dark; box-shadow:none; }
#ui-mercado #input-preco { border-color:#90734280; color:#f2d18a; }
#ui-mercado input::placeholder { color:#60728a; font-weight:400; }
#ui-mercado small { display:block; color:#7e90aa; font-size:10px; margin-top:5px; }
#ui-mercado .mercado-resumo { padding:13px 14px; background:#070f1bc9; border:1px solid #2a374a; border-radius:12px; }
#ui-mercado .mercado-resumo > div { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:12px; color:#a2b1c7; margin-bottom:9px; }
#ui-mercado .mercado-resumo strong { color:#d8e2f0; font-variant-numeric:tabular-nums; white-space:nowrap; }
#ui-mercado .mercado-tax-badge { font-size:9px; padding:2px 5px; margin-left:4px; border-radius:4px; background:#ffffff09; color:#98a8be; }
#ui-mercado .mercado-resumo .mercado-recebe { margin:12px 0 0; padding-top:12px; border-top:1px solid #263548; color:#b6decf; font-weight:600; }
#ui-mercado .mercado-recebe strong { color:#a0e4c4; font-size:21px; }
#ui-mercado .mercado-recebe small { font-size:9px; font-weight:400; margin:2px 0 0; }
#ui-mercado .mercado-action { margin-top:16px; text-align:center; }
#ui-mercado .mercado-publicar { width:100%; min-height:46px; display:flex; align-items:center; justify-content:center; gap:14px; color:#191811; background:linear-gradient(120deg,#e8cc90,#bfa064); border:1px solid #e3c88e; border-radius:10px; font-size:14px; box-shadow:0 4px 16px #b8943420; }
#ui-mercado .mercado-publicar:disabled { opacity:.5; cursor:wait; }
#ui-mercado .mercado-busca-area { margin-bottom:18px; }
#ui-mercado .mercado-busca-area label { font-size:11px; }
#ui-mercado .mercado-lista { display:flex; flex-direction:column; gap:10px; }
#ui-mercado .mercado-card { margin-bottom:0 !important; background:#0c1728 !important; border-color:#36445b !important; box-shadow:none !important; border-radius:12px !important; }
#ui-mercado .mercado-card:hover { border-color:#a58c5f !important; }
#ui-mercado .mercado-sem-resultados { color:#8b9ab0; text-align:center; padding:24px 8px; }
#ui-mercado [hidden] { display:none !important; }
#modal-detalhes-mercado { box-sizing:border-box; padding:12px !important; }
#modal-detalhes-mercado > div { max-height:90dvh !important; }
@media(max-width:420px) {
 #ui-mercado { padding:8px; }
 #ui-mercado .mercado-shell { max-height:94dvh; border-radius:16px; }
 #ui-mercado .mercado-header { padding:14px; gap:9px; }
 #ui-mercado h2 { font-size:20px; }
 #ui-mercado .mercado-eyebrow { font-size:7px; letter-spacing:1px; }
 #ui-mercado .mercado-emblema { width:34px; height:38px; }
 #ui-mercado .mercado-body { padding:14px; }
 #ui-mercado .mercado-section { margin-bottom:12px; }
 #ui-mercado .mercado-section > span { font-size:9px; }
 #ui-mercado .mercado-fields { gap:11px; margin-bottom:13px; }
 #ui-mercado .mercado-tabs { padding:6px 10px; }
 #ui-mercado .mercado-action { margin-top:12px; }
}
#ui-mercado .mercado-price-help { grid-column:1 / -1; margin-top:-7px; }
@media (min-width:360px) { #ui-mercado .mercado-fields { grid-template-columns:.7fr 1fr 1.25fr; gap:10px; } #ui-mercado .mercado-price-field { grid-column:auto; } #ui-mercado .mercado-fields label { font-size:11px; white-space:nowrap; } }