/* BuddySocial v9.77 - Uiterlijk & effecten overzicht + reset per onderdeel */

body[data-page="pimp_profile"] #design .pimp-design-overview-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 12px!important;
  padding:10px 12px!important;
  border:1px solid #a9c6d9!important;
  background:linear-gradient(180deg,#f8fcfe,#e9f4fa)!important;
  box-shadow:0 2px 7px rgba(31,65,91,.07)!important;
}

body[data-page="pimp_profile"] #design .pimp-design-overview-tools b,
body[data-page="pimp_profile"] #design .pimp-design-overview-tools small{
  display:block!important;
}
body[data-page="pimp_profile"] #design .pimp-design-overview-tools b{
  color:#285f87!important;
  font-size:12px!important;
}
body[data-page="pimp_profile"] #design .pimp-design-overview-tools small{
  margin-top:2px!important;
  color:#708594!important;
  font-size:9px!important;
}
body[data-page="pimp_profile"] #design .pimp-design-overview-actions{
  display:flex!important;
  gap:6px!important;
}
body[data-page="pimp_profile"] #design .pimp-design-overview-actions button{
  min-height:31px!important;
  padding:5px 9px!important;
  border:1px solid #b2c9d8!important;
  background:#fff!important;
  color:#326180!important;
  font-size:10px!important;
  font-weight:800!important;
  cursor:pointer!important;
}

/* Each top-level design card */
body[data-page="pimp_profile"] #design .pimp-setting-card{
  position:relative!important;
  margin-bottom:12px!important;
  padding:0 10px 10px!important;
  border:1px solid #b6ccdc!important;
  background:linear-gradient(180deg,#f7fbfe,#edf6fa)!important;
  box-shadow:0 2px 8px rgba(30,64,89,.07)!important;
  overflow:hidden!important;
}

body[data-page="pimp_profile"] #design .pimp-setting-card>.pimp-setting-head{
  margin:8px 0!important;
  padding:8px!important;
  background:rgba(255,255,255,.58)!important;
  border:1px solid #d5e3ec!important;
}

body[data-page="pimp_profile"] #design .pimp-design-card-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 -10px 8px!important;
  padding:8px 10px!important;
  background:linear-gradient(180deg,#e4f2fb,#cfe7f5)!important;
  border-bottom:1px solid #abc8db!important;
}

body[data-page="pimp_profile"] #design .pimp-design-card-name{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
body[data-page="pimp_profile"] #design .pimp-design-card-number{
  width:25px!important;
  height:25px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 25px!important;
  border-radius:50%!important;
  background:#2f6fa8!important;
  color:#fff!important;
  font-weight:900!important;
  font-size:10px!important;
}
body[data-page="pimp_profile"] #design .pimp-design-card-name b,
body[data-page="pimp_profile"] #design .pimp-design-card-name small{
  display:block!important;
}
body[data-page="pimp_profile"] #design .pimp-design-card-name b{
  color:#285d83!important;
  font-size:11px!important;
}
body[data-page="pimp_profile"] #design .pimp-design-card-name small{
  margin-top:1px!important;
  color:#728797!important;
  font-size:8px!important;
}

body[data-page="pimp_profile"] #design .pimp-design-card-actions{
  display:flex!important;
  gap:5px!important;
  flex:0 0 auto!important;
}
body[data-page="pimp_profile"] #design .pimp-design-card-actions button{
  min-height:29px!important;
  padding:4px 8px!important;
  border:1px solid #adc5d5!important;
  border-radius:4px!important;
  background:#fff!important;
  color:#356584!important;
  font-size:9px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
body[data-page="pimp_profile"] #design .pimp-design-card-actions .pimp-design-reset{
  border-color:#dfbd73!important;
  background:#fff8e7!important;
  color:#8b5a08!important;
}

/* Collapse entire card but keep toolbar */
body[data-page="pimp_profile"] #design .pimp-setting-card.pimp-design-collapsed>*:not(.pimp-design-card-toolbar){
  display:none!important;
}
body[data-page="pimp_profile"] #design .pimp-setting-card.pimp-design-collapsed{
  padding-bottom:0!important;
}

/* Subgroup reset bars in the larger effects card */
body[data-page="pimp_profile"] #design .pimp-design-subtoolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:10px 0 6px!important;
  padding:6px 8px!important;
  border:1px solid #c4d7e4!important;
  background:linear-gradient(180deg,#fff,#eff7fb)!important;
}
body[data-page="pimp_profile"] #design .pimp-design-subtoolbar b{
  color:#315f7e!important;
  font-size:10px!important;
}
body[data-page="pimp_profile"] #design .pimp-design-subtoolbar button{
  min-height:26px!important;
  padding:3px 7px!important;
  border:1px solid #dfbd73!important;
  background:#fff8e8!important;
  color:#895906!important;
  font-size:8px!important;
  font-weight:800!important;
  cursor:pointer!important;
}

/* Controls grouped more cleanly */
body[data-page="pimp_profile"] #design :is(.color-settings,.titlebar-controls,.skin-layout,.profile-layout-sliders,.profile-gloss-settings){
  background:rgba(255,255,255,.50)!important;
  border:1px solid #d4e3ec!important;
  padding:8px!important;
  margin-bottom:8px!important;
}

body[data-page="pimp_profile"] #design label{
  color:#315e7d!important;
}

body[data-page="pimp_profile"] #design input[type="range"]{
  accent-color:#f39a13!important;
}

/* reset animation */
@keyframes pimpDesignResetFlash{
  0%{box-shadow:0 0 0 0 rgba(243,154,19,.55)}
  100%{box-shadow:0 0 0 10px rgba(243,154,19,0)}
}
body[data-page="pimp_profile"] #design .pimp-design-reset-flash,
body[data-page="pimp_profile"] #design .pimp-design-sub-reset-flash{
  animation:pimpDesignResetFlash .65s ease-out!important;
}

/* Main save */
body[data-page="pimp_profile"] #design .pimp-design-main-save{
  display:block!important;
  min-width:230px!important;
  margin:12px auto!important;
}

body[data-page="pimp_profile"] #design .pimp-design-savebar{
  position:sticky!important;
  bottom:8px!important;
  z-index:75!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:9px 10px!important;
  margin-top:14px!important;
  border:1px solid #a5c0d3!important;
  border-radius:8px!important;
  background:rgba(246,250,253,.97)!important;
  box-shadow:0 8px 24px rgba(23,55,80,.16)!important;
  backdrop-filter:blur(7px)!important;
}
body[data-page="pimp_profile"] #design .pimp-design-savebar b,
body[data-page="pimp_profile"] #design .pimp-design-savebar small{
  display:block!important;
}
body[data-page="pimp_profile"] #design .pimp-design-savebar b{
  color:#315f7e!important;
  font-size:10px!important;
}
body[data-page="pimp_profile"] #design .pimp-design-savebar small{
  margin-top:2px!important;
  color:#768897!important;
  font-size:8px!important;
}

/* Mobile */
@media(max-width:760px){
  body[data-page="pimp_profile"] #design .pimp-design-overview-tools,
  body[data-page="pimp_profile"] #design .pimp-design-card-toolbar,
  body[data-page="pimp_profile"] #design .pimp-design-savebar{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  body[data-page="pimp_profile"] #design .pimp-design-overview-actions,
  body[data-page="pimp_profile"] #design .pimp-design-card-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  body[data-page="pimp_profile"] #design .pimp-design-overview-actions button,
  body[data-page="pimp_profile"] #design .pimp-design-card-actions button,
  body[data-page="pimp_profile"] #design .pimp-design-savebar button{
    width:100%!important;
  }
  body[data-page="pimp_profile"] #design .pimp-design-savebar{
    bottom:calc(70px + env(safe-area-inset-bottom,0px))!important;
  }
}