/* ==========================================================
   BuddySocial v9.85
   PIMP STUDIO -> SAME VISUAL LANGUAGE AS THE REST OF THE SITE
   ========================================================== */

body[data-page="pimp_profile"] main.pimp-page,
body[data-page="admin_pimp_profile"] main.pimp-page{
  width:min(1280px,calc(100% - 24px)) !important;
  margin:14px auto 28px !important;
  display:grid !important;
  grid-template-columns:220px minmax(0,1fr) 245px !important;
  gap:12px !important;
  align-items:start !important;
}

/* Hero feels like BuddySocial's normal page blocks */
body[data-page="pimp_profile"] main.pimp-page > .pimp-hero,
body[data-page="admin_pimp_profile"] main.pimp-page > .pimp-hero{
  grid-column:1 / -1 !important;
  margin:0 !important;
  border:1px solid #a7c3d7 !important;
  background:
    linear-gradient(rgba(255,255,255,.82),rgba(255,255,255,.82)),
    var(--site-bg-image,linear-gradient(180deg,#f7fbfe,#edf6fa)) center/cover !important;
  box-shadow:0 3px 10px rgba(31,65,91,.09) !important;
}

body[data-page="pimp_profile"] .pimp-hero .retro-pad,
body[data-page="admin_pimp_profile"] .pimp-hero .retro-pad{
  padding:13px 15px !important;
}

body[data-page="pimp_profile"] .pimp-kicker,
body[data-page="admin_pimp_profile"] .pimp-kicker{
  color:#e48705 !important;
  font-weight:900 !important;
  letter-spacing:.03em !important;
}

body[data-page="pimp_profile"] .pimp-hero h1,
body[data-page="admin_pimp_profile"] .pimp-hero h1{
  color:#245f8b !important;
}

/* Admin account picker stays a full-width normal BuddySocial box */
body[data-page="admin_pimp_profile"] main.pimp-page > .admin-pimp-account-picker{
  grid-column:1 / -1 !important;
  margin:0 !important;
}

/* LEFT: Pimp navigation now behaves like BuddySocial's side menu */
body[data-page="pimp_profile"] .pimp-tabs-organized.pimp-site-leftnav,
body[data-page="admin_pimp_profile"] .pimp-tabs-organized.pimp-site-leftnav{
  grid-column:1 !important;
  grid-row:auto !important;
  position:sticky !important;
  top:10px !important;
  z-index:20 !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #aec7d8 !important;
  background:#fff !important;
  box-shadow:0 2px 8px rgba(31,65,91,.08) !important;
  backdrop-filter:none !important;
}

body[data-page="pimp_profile"] .pimp-site-navgroup,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup{
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  border-bottom:1px solid #d6e2ea !important;
}

body[data-page="pimp_profile"] .pimp-site-navgroup:last-child,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup:last-child{
  border-bottom:0 !important;
}

body[data-page="pimp_profile"] .pimp-site-navgroup > span,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup > span{
  display:block !important;
  padding:6px 9px !important;
  background:linear-gradient(180deg,#e7f3fb,#d5e9f5) !important;
  color:#356886 !important;
  border-bottom:1px solid #bdd2e0 !important;
  font-size:8px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}

body[data-page="pimp_profile"] .pimp-site-navgroup > div,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup > div{
  display:block !important;
}

body[data-page="pimp_profile"] .pimp-site-navgroup a,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup a{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  min-height:35px !important;
  padding:7px 9px !important;
  margin:0 !important;
  border:0 !important;
  border-bottom:1px solid #edf2f5 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#27618c !important;
  font-size:9px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

body[data-page="pimp_profile"] .pimp-site-navgroup a:hover,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup a:hover{
  background:#edf6fb !important;
  color:#174f79 !important;
}

body[data-page="pimp_profile"] .pimp-site-navgroup a.active,
body[data-page="admin_pimp_profile"] .pimp-site-navgroup a.active{
  background:linear-gradient(90deg,#fff6df,#fffaf0) !important;
  color:#8a5900 !important;
  border-left:4px solid #f39a13 !important;
  box-shadow:none !important;
}

/* CENTER: actual active Pimp content */
body[data-page="pimp_profile"] main.pimp-page > .pimp-site-maincontent,
body[data-page="admin_pimp_profile"] main.pimp-page > .pimp-site-maincontent{
  grid-column:2 !important;
  min-width:0 !important;
  margin:0 !important;
}

/* all studio sections use same BuddySocial box language */
body[data-page="pimp_profile"] .pimp-site-maincontent.retro-box,
body[data-page="admin_pimp_profile"] .pimp-site-maincontent.retro-box,
body[data-page="pimp_profile"] .pimp-site-maincontent .retro-box,
body[data-page="admin_pimp_profile"] .pimp-site-maincontent .retro-box{
  border-color:#aac5d7 !important;
  background:
    linear-gradient(rgba(255,255,255,.86),rgba(255,255,255,.86)),
    var(--site-bg-image,linear-gradient(180deg,#f8fcfe,#eef6fa)) center/cover !important;
  box-shadow:0 2px 8px rgba(31,65,91,.07) !important;
}

body[data-page="pimp_profile"] .pimp-site-maincontent > .retro-box-title,
body[data-page="admin_pimp_profile"] .pimp-site-maincontent > .retro-box-title,
body[data-page="pimp_profile"] .pimp-site-maincontent .retro-box > .retro-box-title,
body[data-page="admin_pimp_profile"] .pimp-site-maincontent .retro-box > .retro-box-title{
  background:linear-gradient(180deg,#dff0fa,#c8e3f3) !important;
  color:#255f88 !important;
  border-bottom:1px solid #aac8da !important;
}

/* Existing Pimp cards should look like ordinary site cards, not a separate admin app */
body[data-page="pimp_profile"] :is(.pimp-setting-card,.pimp-v984-ready,.pimp-v984-group,.pimp-checkup-card),
body[data-page="admin_pimp_profile"] :is(.pimp-setting-card,.pimp-v984-ready,.pimp-v984-group,.pimp-checkup-card){
  border:1px solid #bfd2df !important;
  border-radius:0 !important;
  background:
    linear-gradient(rgba(255,255,255,.86),rgba(255,255,255,.86)),
    var(--site-bg-image,linear-gradient(180deg,#f8fbfd,#eef6fa)) center/cover !important;
  box-shadow:0 1px 5px rgba(31,65,91,.06) !important;
}

/* Cardbars mirror standard BuddySocial title bars */
body[data-page="pimp_profile"] :is(.pimp-v984-cardbar,.pimp-block-toolbar,.pimp-design-card-toolbar,.pimp-v984-group-head),
body[data-page="admin_pimp_profile"] :is(.pimp-v984-cardbar,.pimp-block-toolbar,.pimp-design-card-toolbar,.pimp-v984-group-head){
  background:linear-gradient(180deg,#e5f2fa,#d2e8f5) !important;
  border-bottom-color:#b1cbdb !important;
  color:#285f85 !important;
}

/* warm/orange action buttons match the site */
body[data-page="pimp_profile"] :is(.pimp-reset-btn,.pimp-reset-block,.pimp-design-reset),
body[data-page="admin_pimp_profile"] :is(.pimp-reset-btn,.pimp-reset-block,.pimp-design-reset){
  background:linear-gradient(180deg,#fff8e9,#f8e5b8) !important;
  border-color:#dab76c !important;
  color:#865800 !important;
}

/* form controls same as site */
body[data-page="pimp_profile"] .pimp-page :is(input[type="text"],input[type="url"],input[type="number"],input[type="email"],select,textarea),
body[data-page="admin_pimp_profile"] .pimp-page :is(input[type="text"],input[type="url"],input[type="number"],input[type="email"],select,textarea){
  border:1px solid #abc2d2 !important;
  background:#fff !important;
  color:#294b62 !important;
  border-radius:3px !important;
}

body[data-page="pimp_profile"] .pimp-page :is(input,select,textarea):focus,
body[data-page="admin_pimp_profile"] .pimp-page :is(input,select,textarea):focus{
  outline:none !important;
  border-color:#4d8fbe !important;
  box-shadow:0 0 0 3px rgba(77,143,190,.12) !important;
}

/* RIGHT: normal BuddySocial side boxes */
body[data-page="pimp_profile"] .pimp-site-rightbar,
body[data-page="admin_pimp_profile"] .pimp-site-rightbar{
  grid-column:3 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  min-width:0 !important;
  position:sticky !important;
  top:10px !important;
}

body[data-page="pimp_profile"] .pimp-side-card,
body[data-page="admin_pimp_profile"] .pimp-side-card{
  margin:0 !important;
  border-color:#abc5d7 !important;
  background:#fff !important;
  box-shadow:0 2px 8px rgba(31,65,91,.07) !important;
}

body[data-page="pimp_profile"] .pimp-side-card > .retro-box-title,
body[data-page="admin_pimp_profile"] .pimp-side-card > .retro-box-title{
  background:linear-gradient(180deg,#e1f0fa,#cfe6f3) !important;
  color:#275f87 !important;
  border-bottom:1px solid #b3ccdc !important;
}

body[data-page="pimp_profile"] .pimp-side-card p,
body[data-page="admin_pimp_profile"] .pimp-side-card p{
  margin:0 0 8px !important;
  color:#587184 !important;
  font-size:9px !important;
  line-height:1.45 !important;
}

body[data-page="pimp_profile"] .pimp-side-links,
body[data-page="admin_pimp_profile"] .pimp-side-links,
body[data-page="pimp_profile"] .pimp-side-help,
body[data-page="admin_pimp_profile"] .pimp-side-help{
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
}

body[data-page="pimp_profile"] .pimp-side-links a,
body[data-page="admin_pimp_profile"] .pimp-side-links a{
  display:block !important;
  padding:6px 7px !important;
  border:1px solid #c8d8e3 !important;
  background:#f7fbfd !important;
  color:#27618c !important;
  font-size:9px !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

body[data-page="pimp_profile"] .pimp-side-links a:hover,
body[data-page="admin_pimp_profile"] .pimp-side-links a:hover{
  background:#edf6fb !important;
}

body[data-page="pimp_profile"] .pimp-side-help span,
body[data-page="admin_pimp_profile"] .pimp-side-help span{
  display:block !important;
  padding:5px 0 !important;
  border-bottom:1px solid #edf2f5 !important;
  color:#5b7486 !important;
  font-size:8px !important;
}

/* Dashboard on overview uses same member-home card look */
body[data-page="pimp_profile"] .pimp-dashboard,
body[data-page="admin_pimp_profile"] .pimp-dashboard{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
}

body[data-page="pimp_profile"] .pimp-dashboard > a,
body[data-page="admin_pimp_profile"] .pimp-dashboard > a{
  min-height:72px !important;
  border:1px solid #bfd2df !important;
  background:
    linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.90)),
    var(--site-bg-image,linear-gradient(180deg,#fff,#eef6fa)) center/cover !important;
  box-shadow:0 2px 6px rgba(31,65,91,.06) !important;
  color:#2d6084 !important;
}

body[data-page="pimp_profile"] .pimp-dashboard > a:hover,
body[data-page="admin_pimp_profile"] .pimp-dashboard > a:hover{
  border-color:#87b5d3 !important;
  background:#eef7fc !important;
}

/* Save bars also use standard site styling */
body[data-page="pimp_profile"] :is(.pimp-easy-savebar,.pimp-design-savebar),
body[data-page="admin_pimp_profile"] :is(.pimp-easy-savebar,.pimp-design-savebar){
  border:1px solid #a7c2d4 !important;
  background:rgba(246,250,253,.97) !important;
  box-shadow:0 5px 16px rgba(31,65,91,.14) !important;
  border-radius:4px !important;
}

/* Keep chat completely untouched */
body[data-page="pimp_profile"] #friend-chat,
body[data-page="pimp_profile"] .friend-chat-window,
body[data-page="admin_pimp_profile"] #friend-chat,
body[data-page="admin_pimp_profile"] .friend-chat-window{
  grid-column:auto !important;
}

/* Tablet: right helper drops under content, nav remains on left */
@media(max-width:1050px){
  body[data-page="pimp_profile"] main.pimp-page,
  body[data-page="admin_pimp_profile"] main.pimp-page{
    grid-template-columns:205px minmax(0,1fr) !important;
  }

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

/* Mobile: same stacked rhythm as BuddySocial mobile pages */
@media(max-width:760px){
  body[data-page="pimp_profile"] main.pimp-page,
  body[data-page="admin_pimp_profile"] main.pimp-page{
    width:calc(100% - 12px) !important;
    margin:7px auto 90px !important;
    display:block !important;
  }

  body[data-page="pimp_profile"] .pimp-tabs-organized.pimp-site-leftnav,
  body[data-page="admin_pimp_profile"] .pimp-tabs-organized.pimp-site-leftnav{
    position:relative !important;
    top:auto !important;
    margin:8px 0 !important;
  }

  body[data-page="pimp_profile"] .pimp-site-navgroup > div,
  body[data-page="admin_pimp_profile"] .pimp-site-navgroup > div{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }

  body[data-page="pimp_profile"] .pimp-site-navgroup a,
  body[data-page="admin_pimp_profile"] .pimp-site-navgroup a{
    border-right:1px solid #edf2f5 !important;
  }

  body[data-page="pimp_profile"] .pimp-site-rightbar,
  body[data-page="admin_pimp_profile"] .pimp-site-rightbar{
    display:block !important;
    position:relative !important;
    margin-top:8px !important;
  }

  body[data-page="pimp_profile"] .pimp-site-rightbar .pimp-side-card,
  body[data-page="admin_pimp_profile"] .pimp-site-rightbar .pimp-side-card{
    margin-bottom:8px !important;
  }

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