/* ==========================================================================
   netts.io — Market page visual refresh (terminal aesthetic)
   /css/market.css
   Applies to market/index.php only (scoped via body.market-page).
   Does NOT change any markup, IDs, classes, data-* attrs or JS hooks.
   Overrides legacy rules from css/market-redesign.min.css.
   Shares palette with chrome/terminal/hero/home stylesheets.
   ========================================================================== */

body.market-page{
  --mk-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --mk-font:"Urbanist","Inter",system-ui,-apple-system,Arial,sans-serif;
  --mk-ink:#0b1020;
  --mk-ink-soft:#1a2240;
  --mk-text:#3a4366;
  --mk-muted:#8892b8;
  --mk-text-soft:#5c6690;
  --mk-blue:#2d4bdb;
  --mk-blue-hover:#3e68ff;
  --mk-blue-soft:#eef1ff;
  --mk-line:#e2e6f2;
  --mk-line-soft:#eef0f7;
  --mk-panel:#fbfcff;
  --mk-white:#ffffff;
  --mk-green:#00a86b;
  --mk-amber:#d98a00;
  --mk-red:#d93838;
  --mk-radius:12px;
  --mk-radius-sm:8px;
  --mk-radius-pill:999px;
  background:var(--mk-white);
  font-family:var(--mk-font);
  color:var(--mk-text);
}

body.market-page .market-container{
  max-width:1440px;
  padding:clamp(32px,5vw,56px) clamp(16px,3vw,32px) 0;
}

/* ==========================================================================
   LEGACY RESETS — kill gradient text-fill on headings inside market page
   ========================================================================== */
body.market-page :is(h1,h2,h3,h4,h5,h6){
  background:none !important;
  -webkit-background-clip:initial !important;
  -webkit-text-fill-color:initial !important;
  background-clip:initial !important;
}

/* ==========================================================================
   HEADER (stats + title)
   ========================================================================== */
body.market-page .market-header{
  background:var(--mk-white) !important;
  border:1px solid var(--mk-line) !important;
  border-radius:var(--mk-radius) !important;
  padding:28px 30px !important;
  box-shadow:0 1px 2px rgba(11,16,32,.03) !important;
  position:relative;
  margin-bottom:24px !important;
}
body.market-page .market-header::before{
  content:"netts market --live";
  position:absolute;
  top:-11px;
  left:24px;
  padding:2px 10px;
  background:var(--mk-white);
  color:var(--mk-blue);
  font-family:var(--mk-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:.06em;
  text-transform:lowercase;
  border:1px solid var(--mk-line);
  border-radius:6px;
}
body.market-page .market-header .header-content{
  display:grid;
  grid-template-columns:1fr auto;
  gap:32px;
  align-items:center;
}
body.market-page .market-title{
  font-family:var(--mk-font) !important;
  font-weight:800 !important;
  font-size:clamp(22px,2.3vw,30px) !important;
  line-height:1.15 !important;
  letter-spacing:-.01em !important;
  color:var(--mk-ink) !important;
  margin:0 0 10px !important;
  position:relative;
  padding-left:18px;
}
body.market-page .market-title::before{
  content:"§";
  position:absolute;
  left:0;
  top:0;
  font-family:var(--mk-mono);
  font-weight:500;
  font-size:.7em;
  color:var(--mk-blue);
  opacity:.9;
}
body.market-page .market-disclaimer{
  font-family:var(--mk-font) !important;
  color:var(--mk-text-soft) !important;
  font-size:13.5px !important;
  line-height:1.55 !important;
  max-width:560px;
  margin:0 !important;
}

/* Stats grid */
body.market-page .market-stats-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(150px,1fr)) !important;
  gap:10px 16px !important;
}
body.market-page .market-stats-grid .stat-item{
  background:var(--mk-panel) !important;
  border:1px solid var(--mk-line-soft) !important;
  border-radius:var(--mk-radius-sm) !important;
  padding:10px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}
body.market-page .market-stats-grid .stat-label{
  font-family:var(--mk-mono) !important;
  font-size:10.5px !important;
  letter-spacing:.06em !important;
  text-transform:lowercase !important;
  color:var(--mk-muted) !important;
  font-weight:500 !important;
  order:1 !important;
}
body.market-page .market-stats-grid .stat-value{
  font-family:var(--mk-mono) !important;
  font-size:16px !important;
  font-weight:700 !important;
  color:var(--mk-ink) !important;
  letter-spacing:-.02em !important;
  line-height:1.15 !important;
  order:2 !important;
}

/* ==========================================================================
   TAB NAVIGATION
   ========================================================================== */
body.market-page .market-tabs{
  background:transparent !important;
  border-radius:0 !important;
  border:none !important;
  border-bottom:1px solid var(--mk-line) !important;
  padding:0 !important;
  display:flex !important;
  gap:4px !important;
  margin-bottom:24px !important;
  overflow-x:auto;
}
body.market-page .market-tab{
  background:transparent !important;
  border:none !important;
  border-bottom:2px solid transparent !important;
  border-radius:0 !important;
  padding:10px 16px !important;
  font-family:var(--mk-mono) !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  letter-spacing:.04em !important;
  text-transform:lowercase !important;
  color:var(--mk-muted) !important;
  margin-bottom:-1px !important;
  transition:color .18s ease,border-color .18s ease !important;
  white-space:nowrap;
}
body.market-page .market-tab:hover{
  color:var(--mk-ink) !important;
  background:transparent !important;
}
body.market-page .market-tab.active{
  color:var(--mk-blue) !important;
  border-bottom-color:var(--mk-blue) !important;
  background:transparent !important;
}
body.market-page .market-tab.active::after{
  display:none !important;
}
body.market-page .market-tab i{
  margin-right:6px !important;
  font-size:13px;
}

/* ==========================================================================
   TABLE CONTAINER + CONTROLS
   ========================================================================== */
body.market-page .market-content{
  gap:20px !important;
}
body.market-page .market-table-container{
  background:var(--mk-white) !important;
  border:1px solid var(--mk-line) !important;
  border-radius:var(--mk-radius) !important;
  padding:20px !important;
  box-shadow:0 1px 2px rgba(11,16,32,.03) !important;
}
body.market-page .market-table-container.in-tab{
  margin-top:0 !important;
}
body.market-page .table-controls{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin-bottom:18px !important;
  flex-wrap:wrap;
}

/* Search box */
body.market-page .search-box{
  flex:1 1 240px !important;
  position:relative !important;
  max-width:320px !important;
}
body.market-page .search-box i{
  position:absolute !important;
  left:12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:var(--mk-muted) !important;
  font-size:13px;
  pointer-events:none;
}
body.market-page .search-box input{
  width:100% !important;
  background:var(--mk-white) !important;
  border:1px solid var(--mk-line) !important;
  border-radius:var(--mk-radius-pill) !important;
  padding:9px 14px 9px 36px !important;
  font-family:var(--mk-font) !important;
  font-size:13.5px !important;
  color:var(--mk-ink) !important;
  transition:border-color .18s ease,box-shadow .18s ease;
}
body.market-page .search-box input::placeholder{
  color:var(--mk-muted) !important;
}
body.market-page .search-box input:focus{
  outline:none !important;
  border-color:var(--mk-blue) !important;
  box-shadow:0 0 0 3px rgba(45,75,219,.15) !important;
}

/* Filter buttons */
body.market-page .filter-buttons{
  display:flex !important;
  gap:6px !important;
  flex-wrap:wrap;
}
body.market-page .filter-btn{
  background:var(--mk-white) !important;
  border:1px solid var(--mk-line) !important;
  color:var(--mk-text) !important;
  font-family:var(--mk-mono) !important;
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
  padding:7px 14px !important;
  border-radius:var(--mk-radius-pill) !important;
  transition:background .14s ease,color .14s ease,border-color .14s ease !important;
  cursor:pointer;
}
body.market-page .filter-btn:hover{
  background:var(--mk-blue-soft) !important;
  border-color:var(--mk-blue) !important;
  color:var(--mk-blue) !important;
}
body.market-page .filter-btn.active{
  background:var(--mk-ink) !important;
  border-color:var(--mk-ink) !important;
  color:var(--mk-white) !important;
}

/* Download action */
body.market-page .action-buttons{
  margin-left:auto !important;
}
body.market-page .btn-download{
  background:var(--mk-white) !important;
  border:1px solid var(--mk-line) !important;
  color:var(--mk-text) !important;
  font-family:var(--mk-mono) !important;
  font-size:12px !important;
  font-weight:500 !important;
  padding:7px 14px !important;
  border-radius:var(--mk-radius-pill) !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  transition:background .14s ease,color .14s ease;
  cursor:pointer;
}
body.market-page .btn-download:hover{
  background:var(--mk-blue-soft) !important;
  border-color:var(--mk-blue) !important;
  color:var(--mk-blue) !important;
}

/* ==========================================================================
   SERVICES TABLE
   ========================================================================== */
body.market-page .services-table-redesign{
  width:100% !important;
  border-collapse:collapse !important;
  font-family:var(--mk-font) !important;
}
body.market-page .services-table-redesign thead th{
  background:var(--mk-panel) !important;
  color:var(--mk-muted) !important;
  font-family:var(--mk-mono) !important;
  font-size:10.5px !important;
  font-weight:500 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  padding:10px 12px !important;
  border-bottom:1px solid var(--mk-line) !important;
  border-top:1px solid var(--mk-line) !important;
  text-align:left !important;
}
body.market-page .services-table-redesign thead th.sortable{
  cursor:pointer;
  transition:color .14s ease;
}
body.market-page .services-table-redesign thead th.sortable:hover{
  color:var(--mk-ink) !important;
}
body.market-page .services-table-redesign thead th.sortable i{
  font-size:11px;
  opacity:.6;
}

body.market-page .services-table-redesign tbody tr{
  border-bottom:1px dashed var(--mk-line-soft) !important;
  transition:background .14s ease !important;
}
body.market-page .services-table-redesign tbody tr:last-child{
  border-bottom:none !important;
}
body.market-page .services-table-redesign tbody tr:hover{
  background:rgba(45,75,219,.025) !important;
}
body.market-page .services-table-redesign tbody td{
  padding:14px 12px !important;
  vertical-align:middle !important;
  border:none !important;
  font-family:var(--mk-font) !important;
  font-size:14px !important;
  color:var(--mk-text) !important;
}
body.market-page .services-table-redesign tbody tr.featured-row{
  background:linear-gradient(90deg,rgba(45,75,219,.05),transparent 60%) !important;
  border-left:3px solid var(--mk-blue);
}

/* Tier badge */
body.market-page .tier-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:32px !important;
  height:28px !important;
  padding:0 8px !important;
  background:var(--mk-panel) !important;
  border:1px solid var(--mk-line) !important;
  color:var(--mk-ink) !important;
  font-family:var(--mk-mono) !important;
  font-size:12.5px !important;
  font-weight:600 !important;
  border-radius:6px !important;
  letter-spacing:.02em !important;
}
body.market-page .tier-badge.tier-gold,
body.market-page .tier-badge.tier-1{
  background:rgba(217,138,0,.12) !important;
  border-color:rgba(217,138,0,.35) !important;
  color:var(--mk-amber) !important;
}
body.market-page .tier-badge.tier-silver,
body.market-page .tier-badge.tier-2{
  background:var(--mk-blue-soft) !important;
  border-color:rgba(45,75,219,.3) !important;
  color:var(--mk-blue) !important;
}
body.market-page .tier-badge.tier-bronze,
body.market-page .tier-badge.tier-3{
  background:rgba(0,168,107,.1) !important;
  border-color:rgba(0,168,107,.3) !important;
  color:var(--mk-green) !important;
}

/* Provider cell */
body.market-page .provider-info{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
body.market-page .provider-logo,
body.market-page .service-logo{
  width:32px !important;
  height:32px !important;
  object-fit:contain !important;
  background:var(--mk-panel) !important;
  border-radius:6px !important;
  padding:3px;
  border:1px solid var(--mk-line-soft);
}
body.market-page .provider-details{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}
body.market-page .provider-name-link{
  text-decoration:none !important;
}
body.market-page .provider-name{
  font-family:var(--mk-font) !important;
  font-weight:700 !important;
  font-size:14px !important;
  color:var(--mk-ink) !important;
  line-height:1.2;
}
body.market-page .provider-name-link:hover .provider-name{
  color:var(--mk-blue) !important;
}
body.market-page .provider-tag{
  font-family:var(--mk-mono) !important;
  font-size:11px !important;
  color:var(--mk-muted) !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
}
body.market-page .realtime-indicator{
  color:var(--mk-green) !important;
  font-size:10px !important;
}
body.market-page .realtime-indicator i{
  animation:mk-pulse 1.8s ease-out infinite;
}
@keyframes mk-pulse{
  0%,100%{opacity:.5}
  50%{opacity:1}
}
body.market-page .reseller-badge{
  font-family:var(--mk-mono);
  font-size:10px;
  color:var(--mk-muted);
}

/* Price cell */
body.market-page .price-value{
  font-family:var(--mk-mono) !important;
  font-size:18px !important;
  font-weight:700 !important;
  color:var(--mk-blue) !important;
  letter-spacing:-.02em !important;
  margin-right:4px;
}
body.market-page .price-unit{
  font-family:var(--mk-mono) !important;
  font-size:11.5px !important;
  color:var(--mk-muted) !important;
  font-weight:500 !important;
  letter-spacing:.04em !important;
  text-transform:lowercase !important;
}
body.market-page .price-discount{
  display:inline-block !important;
  font-family:var(--mk-mono) !important;
  font-size:10.5px !important;
  color:var(--mk-green) !important;
  font-weight:600 !important;
  letter-spacing:.02em;
  margin-top:2px;
}
body.market-page .price-extra{
  font-family:var(--mk-mono);
  font-size:11px;
  color:var(--mk-muted);
}
body.market-page .price-na{
  font-family:var(--mk-mono) !important;
  color:var(--mk-muted) !important;
  font-size:13px !important;
  font-weight:500;
}

/* Available / total cells */
body.market-page .energy-value{
  font-family:var(--mk-mono) !important;
  font-size:13.5px !important;
  color:var(--mk-ink) !important;
  font-weight:600 !important;
  letter-spacing:-.01em !important;
}
body.market-page .td-total{
  font-family:var(--mk-mono) !important;
  font-size:13.5px !important;
  color:var(--mk-text) !important;
  font-weight:600 !important;
}

/* Type tags */
body.market-page .td-type{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:4px !important;
  padding:14px 12px !important;
}
body.market-page .td-type > span,
body.market-page .service-tag,
body.market-page .type-tag{
  display:inline-flex !important;
  align-items:center !important;
  padding:3px 9px !important;
  background:var(--mk-panel) !important;
  border:1px solid var(--mk-line) !important;
  border-radius:var(--mk-radius-pill) !important;
  font-family:var(--mk-mono) !important;
  font-size:10.5px !important;
  font-weight:500 !important;
  color:var(--mk-text) !important;
  letter-spacing:.02em !important;
  text-transform:lowercase !important;
}
body.market-page .td-type > span.tag-api,
body.market-page .td-type span[class*="api" i]{
  background:rgba(0,168,107,.1) !important;
  border-color:rgba(0,168,107,.3) !important;
  color:var(--mk-green) !important;
}

/* Links cell */
body.market-page .td-actions{
  white-space:nowrap;
}
body.market-page .td-actions a,
body.market-page .td-actions i{
  color:var(--mk-muted) !important;
  font-size:15px !important;
  transition:color .14s ease !important;
  margin:0 3px;
}
body.market-page .td-actions a:hover{
  color:var(--mk-blue) !important;
}

/* ==========================================================================
   SIDEBAR
   ========================================================================== */
body.market-page .market-sidebar{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
}
body.market-page .sidebar-card{
  background:var(--mk-white) !important;
  border:1px solid var(--mk-line) !important;
  border-radius:var(--mk-radius) !important;
  padding:18px 20px !important;
  box-shadow:0 1px 2px rgba(11,16,32,.03) !important;
  position:relative;
}
body.market-page .sidebar-card .card-title{
  font-family:var(--mk-font) !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:var(--mk-ink) !important;
  margin:0 0 14px !important;
  padding-left:14px;
  position:relative;
  line-height:1.2;
}
body.market-page .sidebar-card .card-title::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:8px;
  height:8px;
  border-radius:2px;
  background:var(--mk-blue);
}
body.market-page .sidebar-card .card-description{
  font-family:var(--mk-font) !important;
  font-size:12.5px !important;
  color:var(--mk-text-soft) !important;
  line-height:1.55 !important;
  margin:0 0 14px !important;
}

/* Action buttons */
body.market-page .quick-actions{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}
body.market-page .action-btn{
  font-family:var(--mk-mono) !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
  padding:11px 14px !important;
  border-radius:var(--mk-radius-sm) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease !important;
  border:1px solid transparent !important;
  cursor:pointer;
  width:100% !important;
}
body.market-page .action-btn.primary{
  background:var(--mk-ink) !important;
  border-color:var(--mk-ink) !important;
  color:var(--mk-white) !important;
}
body.market-page .action-btn.primary:hover{
  background:var(--mk-blue) !important;
  border-color:var(--mk-blue) !important;
  transform:translateY(-1px);
}
body.market-page .action-btn.secondary{
  background:var(--mk-white) !important;
  border-color:var(--mk-line) !important;
  color:var(--mk-text) !important;
}
body.market-page .action-btn.secondary:hover{
  background:var(--mk-blue-soft) !important;
  border-color:var(--mk-blue) !important;
  color:var(--mk-blue) !important;
}

/* Activity chart + stats */
body.market-page .activity-chart{
  background:var(--mk-panel) !important;
  border:1px solid var(--mk-line-soft) !important;
  border-radius:var(--mk-radius-sm) !important;
  padding:12px !important;
  margin-bottom:12px !important;
}
body.market-page .activity-stats{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}
body.market-page .activity-stat{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}
body.market-page .activity-label{
  font-family:var(--mk-mono) !important;
  font-size:10.5px !important;
  color:var(--mk-muted) !important;
  letter-spacing:.06em !important;
  text-transform:lowercase !important;
  font-weight:500 !important;
}
body.market-page .activity-value{
  font-family:var(--mk-mono) !important;
  font-size:14px !important;
  color:var(--mk-ink) !important;
  font-weight:700 !important;
}

/* Top services list */
body.market-page .top-services{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}
body.market-page .top-services > div{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:8px 0;
  border-bottom:1px dashed var(--mk-line-soft);
}
body.market-page .top-services > div:last-child{
  border-bottom:none;
}
body.market-page .top-services .service-name{
  font-family:var(--mk-font) !important;
  font-size:13px !important;
  font-weight:600 !important;
  color:var(--mk-ink) !important;
  flex:1;
}
body.market-page .top-services .price-value{
  font-size:14px !important;
}

/* Add Project card */
body.market-page .sidebar-card.add-project{
  background:var(--mk-ink) !important;
  border-color:var(--mk-ink) !important;
  color:var(--mk-white) !important;
  position:relative;
  overflow:hidden;
}
body.market-page .sidebar-card.add-project::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:24px 24px;
  pointer-events:none;
}
body.market-page .sidebar-card.add-project .card-title{
  color:var(--mk-white) !important;
  position:relative;
}
body.market-page .sidebar-card.add-project .card-title::before{
  background:var(--mk-blue-hover);
}
body.market-page .sidebar-card.add-project .card-description{
  color:rgba(255,255,255,.72) !important;
  position:relative;
}
body.market-page .btn-add-project{
  position:relative;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:100% !important;
  background:var(--mk-white) !important;
  color:var(--mk-ink) !important;
  font-family:var(--mk-mono) !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  padding:11px 14px !important;
  border-radius:var(--mk-radius-sm) !important;
  text-decoration:none !important;
  border:none !important;
  transition:background .14s ease,color .14s ease,transform .14s ease;
}
body.market-page .btn-add-project:hover{
  background:var(--mk-blue) !important;
  color:var(--mk-white) !important;
  transform:translateY(-1px);
}

/* ==========================================================================
   PRICE CHART TAB
   ========================================================================== */
body.market-page .price-chart-wrapper{
  background:var(--mk-white) !important;
  border:1px solid var(--mk-line) !important;
  border-radius:var(--mk-radius) !important;
  padding:20px !important;
  box-shadow:0 1px 2px rgba(11,16,32,.03) !important;
}
body.market-page .price-chart-controls{
  gap:16px !important;
  flex-wrap:wrap;
  margin-bottom:18px !important;
}
body.market-page .chart-btn-group{
  background:var(--mk-panel) !important;
  border:1px solid var(--mk-line) !important;
  border-radius:var(--mk-radius-pill) !important;
  padding:3px !important;
  gap:2px !important;
}
body.market-page .chart-btn{
  background:transparent !important;
  border:none !important;
  color:var(--mk-text-soft) !important;
  font-family:var(--mk-mono) !important;
  font-size:11.5px !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
  padding:6px 12px !important;
  border-radius:var(--mk-radius-pill) !important;
  cursor:pointer;
  transition:background .14s ease,color .14s ease;
}
body.market-page .chart-btn:hover{
  color:var(--mk-ink) !important;
}
body.market-page .chart-btn.active{
  background:var(--mk-ink) !important;
  color:var(--mk-white) !important;
}
body.market-page .price-chart-stats{
  gap:12px !important;
  margin-top:18px !important;
}
body.market-page .price-chart-stats > div,
body.market-page .chart-stat-card{
  background:var(--mk-panel) !important;
  border:1px solid var(--mk-line) !important;
  border-radius:var(--mk-radius-sm) !important;
  padding:12px 14px !important;
}
body.market-page #statCurrent,
body.market-page #statAverage,
body.market-page #statLow,
body.market-page #statHigh{
  font-family:var(--mk-mono) !important;
  font-size:18px !important;
  font-weight:700 !important;
  color:var(--mk-ink) !important;
}

/* ==========================================================================
   SEO CONTENT SECTION
   ========================================================================== */
body.market-page .seo-content-section{
  margin-top:40px !important;
  padding:32px !important;
  background:var(--mk-white) !important;
  border:1px solid var(--mk-line) !important;
  border-radius:var(--mk-radius) !important;
}
body.market-page .seo-content-section h2{
  font-family:var(--mk-font) !important;
  font-weight:800 !important;
  color:var(--mk-ink) !important;
  font-size:clamp(22px,2.5vw,30px) !important;
  letter-spacing:-.01em;
  margin:0 0 18px !important;
}
body.market-page .seo-content-section h3{
  font-family:var(--mk-font) !important;
  font-weight:700 !important;
  color:var(--mk-ink) !important;
  font-size:18px !important;
  margin:24px 0 10px !important;
}
body.market-page .seo-content-section p,
body.market-page .seo-content-section li{
  color:var(--mk-text) !important;
  line-height:1.6 !important;
}

/* ==========================================================================
   CHAT OVERLAY
   ========================================================================== */
body.market-page .chat-overlay{
  background:var(--mk-white) !important;
  border:1px solid var(--mk-line) !important;
  border-radius:var(--mk-radius) !important;
  box-shadow:0 18px 50px rgba(11,16,32,.18),0 2px 8px rgba(11,16,32,.08) !important;
}
body.market-page .chat-overlay .chat-header,
body.market-page .chat-overlay header{
  background:var(--mk-ink) !important;
  color:var(--mk-white) !important;
  border-radius:var(--mk-radius) var(--mk-radius) 0 0 !important;
  font-family:var(--mk-mono) !important;
  font-size:12.5px !important;
  letter-spacing:.04em !important;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:992px){
  body.market-page .market-header .header-content{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
  body.market-page .market-stats-grid{
    grid-template-columns:repeat(3,1fr) !important;
  }
  body.market-page .market-content{
    grid-template-columns:1fr !important;
  }
  body.market-page .market-sidebar{
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    gap:16px !important;
  }
}
@media (max-width:720px){
  body.market-page .market-header{
    padding:22px 20px !important;
  }
  body.market-page .market-stats-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }
  body.market-page .market-sidebar{
    grid-template-columns:1fr !important;
  }
  body.market-page .search-box{
    max-width:none !important;
    flex:1 1 100% !important;
  }
  body.market-page .action-buttons{
    margin-left:0 !important;
  }
  body.market-page .filter-btn{
    padding:6px 11px !important;
    font-size:11.5px !important;
  }
  body.market-page .tier-badge{
    min-width:24px !important;
    height:24px !important;
    padding:0 6px !important;
    font-size:11px !important;
  }
  body.market-page .provider-logo,
  body.market-page .service-logo{
    width:28px !important;
    height:28px !important;
  }
  body.market-page .price-value{
    font-size:16px !important;
  }
  /* Restore native table layout on mobile (legacy grid overrides cause row overlap) */
  body.market-page .table-responsive-wrapper{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    margin:0 -8px;
    padding:0 8px;
  }
  body.market-page .services-table-redesign{
    display:table !important;
    min-width:720px !important;
  }
  body.market-page .services-table-redesign thead,
  body.market-page .services-table-redesign tbody{
    display:table-row-group !important;
  }
  body.market-page .services-table-redesign thead{
    display:table-header-group !important;
  }
  body.market-page .services-table-redesign tr{
    display:table-row !important;
    grid-template-columns:none !important;
    grid-template-areas:none !important;
  }
  body.market-page .services-table-redesign td,
  body.market-page .services-table-redesign th{
    display:table-cell !important;
    grid-area:initial !important;
    padding:10px 8px !important;
  }
  body.market-page .services-table-redesign tbody td::before{
    content:none !important;
    display:none !important;
  }
  body.market-page .td-type{
    display:table-cell !important;
    padding:10px 8px !important;
  }
  body.market-page .td-type > span{
    display:inline-flex !important;
    margin:2px;
  }
}