.elementor-1600 .elementor-element.elementor-element-36fabc1{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), inter;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-1600 .elementor-element.elementor-element-2f61e21 .elementor-button:hover, .elementor-1600 .elementor-element.elementor-element-2f61e21 .elementor-button:focus{color:#FFFFFF;}.elementor-1600 .elementor-element.elementor-element-2f61e21 .elementor-button:hover svg, .elementor-1600 .elementor-element.elementor-element-2f61e21 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1600 .elementor-element.elementor-element-2f61e21 .elementor-button{border-style:solid;border-radius:10px 10px 10px 10px;padding:20px 20px 20px 20px;}.elementor-1600 .elementor-element.elementor-element-86459e5{--display:flex;--min-height:700px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--flex-wrap:wrap;--align-content:flex-end;}.elementor-1600 .elementor-element.elementor-element-b3b7948{width:var( --container-widget-width, 90.862% );max-width:90.862%;--container-widget-width:90.862%;--container-widget-flex-grow:0;}.elementor-1600 .elementor-element.elementor-element-b3b7948.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for container, class: .elementor-element-86459e5 *//* =========================
WRAPPER (CENTERED FULL WIDTH)
========================= */

.mp-dashboard-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* =========================
TOP BAR (BUTTONS AREA)
========================= */

.mp-dashboard-sidebar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
  margin-bottom: 30px;
}

/* =========================
BUTTONS
========================= */

.mp-dashboard-sidebar a {
  background: #3a4658;
  color: #fff;
  padding: 10px 16px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  display: inline-block;
  white-space: nowrap;
  transition: all 0.2s ease;
}

/* LOGOUT (RED) */
.mp-dashboard-sidebar a[href*="logout"] {
  background: #e53935;
}

/* HOVER EFFECT */
.mp-dashboard-sidebar a:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

/* =========================
RENEWAL BOX
========================= */

.mp-dashboard-sidebar .renewal,
.mp-dashboard-sidebar div[style*="green"] {
  background: #16a34a;
  padding: 12px 16px;
  border-radius: 8px;
  min-width: 180px;
  color: #fff;
  font-size: 14px;
}

/* =========================
DOWNLOAD LINKS
========================= */

.mp-dashboard-sidebar a[href*="listings"],
.mp-dashboard-sidebar a[href*="buyers"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  line-height: 1.4;
}

.mp-dashboard-sidebar small {
  display: block;
  font-size: 12px;
  opacity: 0.7;
  margin-top: 6px;
}

/* =========================
HIDE "HOW TO" (SIDEBAR ONLY)
========================= */

.mp-dashboard-sidebar p,
.mp-dashboard-sidebar strong,
.mp-dashboard-sidebar b,
.mp-dashboard-sidebar .mp-instructions {
  display: none !important;
}

/* =========================
HEADER COUNTS (BADGE)
========================= */

.mp-count {
  font-size: 18px;
  font-weight: 600;
  margin-left: 10px;
  padding: 2px 8px;
  border-radius: 6px;
  background: rgba(255,255,255,0.1);
  vertical-align: middle;
}

/* =========================
MAIN CONTENT
========================= */

.mp-dashboard-main {
  margin-top: 10px;
}

/* =========================
TABLE STYLING
========================= */

.mp-dashboard-main table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}

.mp-dashboard-main th,
.mp-dashboard-main td {
  padding: 10px;
  border: 1px solid rgba(0,0,0,0.08);
  color: #111;
}

.mp-dashboard-main th {
  font-weight: 600;
  background: #f3f4f6;
}

.mp-dashboard-main tr:hover td {
  background: #f9fafb;
}

/* =========================
MATCH BOX FIX (CLEAN + WORKING)
========================= */

/* Outer container (white box under listing) */
.mp-dashboard-main td[colspan] > div {
  background: #f3f4f6 !important;
  padding: 10px !important;
  border-radius: 8px !important;
}

/* Individual match rows */
.mp-dashboard-main td[colspan] > div > div {
  background: #e5e7eb !important;
  border: 1px solid #d1d5db !important;
  border-radius: 6px !important;
  margin-top: 8px !important;
  padding: 8px !important;

  /* IMPORTANT: do NOT override text colors */
  color: inherit !important;

  /* remove fade */
  opacity: 1 !important;
}

/* =========================
RESPONSIVE
========================= */

@media (max-width: 768px) {
  .mp-dashboard-sidebar {
    gap: 10px;
  }

  .mp-dashboard-sidebar a {
    flex: 1 1 100%;
    text-align: center;
  }

  .mp-dashboard-sidebar div[style*="green"] {
    flex: 1 1 100%;
  }
}

/* =========================
FIX FADED MATCHES (REAL FIX)
========================= */

.mp-dashboard-main td[colspan] div[style*="opacity"] {
  opacity: 1 !important;
}

.mp-dashboard-main td[colspan] > div {
  background: #f3f4f6 !important;
  padding: 10px !important;
  border-radius: 8px !important;
}

.mp-dashboard-main td[colspan] > div > div {
  background: #e5e7eb !important;
  border-radius: 6px !important;
  margin-top: 8px !important;
  padding: 8px !important;
}

/* =========================
FORCE MATCH BOX BACKGROUND (FINAL FIX)
========================= */

.mp-dashboard-main td[colspan="4"] > div {
  background: #1f2937 !important;
}

/* Inner match cards */
.mp-dashboard-main td[colspan="4"] > div > div {
  background: #374151 !important;
}/* End custom CSS */