.marketplace-page { display: grid; gap: 18px; }
.marketplace-page.hidden { display: none; }
.marketplace-hero { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 8px 2px 0; }
.marketplace-hero h2 { margin: 4px 0 6px; font-size: clamp(1.55rem, 2.5vw, 2.35rem); }
.marketplace-hero p:last-child { margin: 0; color: var(--muted, #92a1b8); }
.marketplace-price { min-width: 245px; padding: 14px 17px; border: 1px solid rgba(94, 234, 212, .22); border-radius: 16px; background: rgba(20, 184, 166, .08); }
.marketplace-price small, .marketplace-price span { display: block; color: #8da6aa; }
.marketplace-price strong { display: block; margin: 3px 0; color: #7ce7d7; font-size: 1.35rem; }
.marketplace-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.marketplace-kpis article { min-height: 116px; padding: 18px; border: 1px solid rgba(129, 146, 183, .18); border-radius: 18px; background: linear-gradient(145deg, rgba(24, 35, 55, .92), rgba(11, 18, 31, .92)); }
.marketplace-kpis span, .marketplace-kpis small { display: block; color: var(--muted, #92a1b8); }
.marketplace-kpis strong { display: block; margin: 5px 0 2px; font-size: 1.65rem; line-height: 1.1; }
.marketplace-kpis article[data-tone="attention"] strong { color: #fdba74; }
.marketplace-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; }
.marketplace-tabs, .marketplace-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.marketplace-tabs button { padding: 8px 12px; border: 1px solid transparent; border-radius: 10px; color: #9eadc3; background: transparent; }
.marketplace-tabs button.active { color: white; border-color: rgba(20, 184, 166, .35); background: rgba(20, 184, 166, .12); }
.marketplace-workspace { min-height: 360px; }
.market-dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, .7fr); gap: 14px; }
.market-panel { padding: 18px; border: 1px solid rgba(129, 146, 183, .15); border-radius: 16px; background: rgba(8, 15, 27, .5); }
.market-panel h3 { margin: 0 0 14px; font-size: 1rem; }
.market-chart { display: flex; align-items: end; gap: 5px; min-height: 220px; padding-top: 28px; border-bottom: 1px solid rgba(129, 146, 183, .14); }
.market-chart-bar { position: relative; flex: 1; min-width: 7px; max-width: 34px; border-radius: 7px 7px 0 0; background: linear-gradient(#45d9c5, #187b72); }
.market-chart-bar span { position: absolute; inset: auto 50% -22px auto; color: #718297; font-size: .61rem; transform: translateX(50%); white-space: nowrap; }
.market-methodology { display: grid; gap: 9px; }
.market-methodology p { margin: 0; padding: 10px; border-radius: 10px; color: #9facc0; background: rgba(129, 146, 183, .07); font-size: .78rem; }
.market-table { width: 100%; border-collapse: separate; border-spacing: 0 7px; }
.market-table th { padding: 8px 11px; color: #8493a9; text-align: left; font-size: .7rem; }
.market-table td { padding: 12px 11px; border-block: 1px solid rgba(129, 146, 183, .12); background: rgba(14, 23, 38, .72); }
.market-table td:first-child { border-left: 1px solid rgba(129, 146, 183, .12); border-radius: 11px 0 0 11px; }
.market-table td:last-child { border-right: 1px solid rgba(129, 146, 183, .12); border-radius: 0 11px 11px 0; }
.market-audit-score { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: #85eadc; background: rgba(20, 184, 166, .12); font-weight: 800; font-size: .75rem; }
.market-audit-score[data-low="true"] { color: #fdba74; background: rgba(249, 115, 22, .12); }
.market-alerts, .market-accounts { display: grid; gap: 9px; }
.market-alert { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 14px; border: 1px solid rgba(129, 146, 183, .14); border-radius: 13px; background: rgba(12, 21, 35, .7); }
.market-alert > i { width: 10px; height: 10px; border-radius: 50%; background: #f59e0b; box-shadow: 0 0 0 5px rgba(245, 158, 11, .1); }
.market-alert[data-severity="critical"] > i { background: #ef4444; box-shadow: 0 0 0 5px rgba(239, 68, 68, .1); }
.market-alert h4, .market-alert p { margin: 0; }
.market-alert p { margin-top: 4px; color: #91a0b5; font-size: .78rem; }
.market-alert-actions { display: flex; gap: 6px; }
.market-account-card { display: flex; align-items: center; gap: 13px; padding: 15px; border: 1px solid rgba(129, 146, 183, .14); border-radius: 14px; background: rgba(12, 21, 35, .7); }
.market-account-card > div { min-width: 0; flex: 1; }
.market-account-card strong, .market-account-card small { display: block; }
.market-account-card small { color: #8c9bb0; }
.market-logo { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; color: white; background: linear-gradient(145deg, #8b5cf6, #2563eb); font-weight: 800; }
.market-empty { display: grid; place-items: center; min-height: 300px; color: var(--muted, #92a1b8); text-align: center; }
.market-dialog .dialog-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.market-dialog .form-hint { color: var(--muted, #92a1b8); font-size: .8rem; }
@media (max-width: 1050px) {
  .marketplace-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .market-dashboard-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .marketplace-hero, .marketplace-toolbar { align-items: stretch; flex-direction: column; }
  .marketplace-price { min-width: 0; }
  .market-table { min-width: 760px; }
  .marketplace-workspace { overflow-x: auto; }
  .market-dialog .dialog-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .marketplace-kpis { grid-template-columns: 1fr; }
  .market-alert { grid-template-columns: auto 1fr; }
  .market-alert-actions { grid-column: 1 / -1; }
}