/* ==========================================================
   BuddySocial v9.87 - Pimp layout REAL FIX
   ========================================================== */

/* Hard-hide diagnostics as cache-safe fallback */
body[data-page="pimp_profile"] .pimp-checkup-card,
body[data-page="admin_pimp_profile"] .pimp-checkup-card,
body[data-page="pimp_profile"] .pimp-checkup,
body[data-page="admin_pimp_profile"] .pimp-checkup,
body[data-page="pimp_profile"] .pimp-system-check,
body[data-page="admin_pimp_profile"] .pimp-system-check,
body[data-page="pimp_profile"] .pimp-health-check,
body[data-page="admin_pimp_profile"] .pimp-health-check,
body[data-page="pimp_profile"] .pimp-diagnostic-card,
body[data-page="admin_pimp_profile"] .pimp-diagnostic-card{
  display:none !important;
}

/* Desktop: exactly one row for left / center / right under hero */
body[data-page="pimp_profile"] main.pimp-page.pimp-layout-v987,
body[data-page="admin_pimp_profile"] main.pimp-page.pimp-layout-v987{
  display:grid !important;
  grid-template-columns:220px minmax(0,1fr) 245px !important;
  grid-template-rows:auto auto !important;
  align-items:start !important;
  column-gap:12px !important;
  row-gap:12px !important;
}

/* Hero full width */
body[data-page="pimp_profile"] main.pimp-layout-v987 > .pimp-hero,
body[data-page="admin_pimp_profile"] main.pimp-layout-v987 > .pimp-hero{
  grid-column:1 / -1 !important;
  grid-row:1 !important;
}

/* Admin account picker stays full width below hero */
body[data-page="admin_pimp_profile"] main.pimp-layout-v987 > .admin-pimp-account-picker{
  grid-column:1 / -1 !important;
}

/* Left menu */
body[data-page="pimp_profile"] main.pimp-layout-v987 > .pimp-tabs-organized,
body[data-page="admin_pimp_profile"] main.pimp-layout-v987 > .pimp-tabs-organized{
  grid-column:1 !important;
  grid-row:auto !important;
  align-self:start !important;
  margin:0 !important;
}

/* The crucial fix: ONE center grid item, not many separate center items */
body[data-page="pimp_profile"] main.pimp-layout-v987 > .pimp-site-center,
body[data-page="admin_pimp_profile"] main.pimp-layout-v987 > .pimp-site-center{
  grid-column:2 !important;
  grid-row:auto !important;
  align-self:start !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

/* Right column starts at same vertical level */
body[data-page="pimp_profile"] main.pimp-layout-v987 > .pimp-site-rightbar,
body[data-page="admin_pimp_profile"] main.pimp-layout-v987 > .pimp-site-rightbar{
  grid-column:3 !important;
  grid-row:auto !important;
  align-self:start !important;
  margin:0 !important;
}

/* No phantom top spacing in center */
body[data-page="pimp_profile"] .pimp-site-center > :first-child,
body[data-page="admin_pimp_profile"] .pimp-site-center > :first-child{
  margin-top:0 !important;
}

body[data-page="pimp_profile"] .pimp-site-center .pimp-dashboard,
body[data-page="admin_pimp_profile"] .pimp-site-center .pimp-dashboard{
  margin:0 !important;
}

body[data-page="pimp_profile"] .pimp-site-center > .retro-box,
body[data-page="admin_pimp_profile"] .pimp-site-center > .retro-box,
body[data-page="pimp_profile"] .pimp-site-center > section,
body[data-page="admin_pimp_profile"] .pimp-site-center > section{
  width:100% !important;
  min-width:0 !important;
  margin-top:0 !important;
}

/* Overview cards immediately visible */
body[data-page="pimp_profile"] .pimp-dashboard-top,
body[data-page="admin_pimp_profile"] .pimp-dashboard-top{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
}

/* Reset card follows dashboard naturally */
body[data-page="pimp_profile"] .pimp-site-center .pimp-reset-card,
body[data-page="admin_pimp_profile"] .pimp-site-center .pimp-reset-card{
  margin:0 !important;
}

/* Tablet */
@media(max-width:1050px){
  body[data-page="pimp_profile"] main.pimp-page.pimp-layout-v987,
  body[data-page="admin_pimp_profile"] main.pimp-page.pimp-layout-v987{
    grid-template-columns:205px minmax(0,1fr) !important;
  }

  body[data-page="pimp_profile"] main.pimp-layout-v987 > .pimp-site-rightbar,
  body[data-page="admin_pimp_profile"] main.pimp-layout-v987 > .pimp-site-rightbar{
    grid-column:2 !important;
    position:relative !important;
    top:auto !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }
}

/* Mobile */
@media(max-width:760px){
  body[data-page="pimp_profile"] main.pimp-page.pimp-layout-v987,
  body[data-page="admin_pimp_profile"] main.pimp-page.pimp-layout-v987{
    display:block !important;
  }

  body[data-page="pimp_profile"] main.pimp-layout-v987 > .pimp-tabs-organized,
  body[data-page="admin_pimp_profile"] main.pimp-layout-v987 > .pimp-tabs-organized,
  body[data-page="pimp_profile"] main.pimp-layout-v987 > .pimp-site-center,
  body[data-page="admin_pimp_profile"] main.pimp-layout-v987 > .pimp-site-center,
  body[data-page="pimp_profile"] main.pimp-layout-v987 > .pimp-site-rightbar,
  body[data-page="admin_pimp_profile"] main.pimp-layout-v987 > .pimp-site-rightbar{
    width:100% !important;
    margin:8px 0 0 !important;
  }

  body[data-page="pimp_profile"] .pimp-dashboard-top,
  body[data-page="admin_pimp_profile"] .pimp-dashboard-top{
    grid-template-columns:1fr !important;
  }
}