/* V5.8.8: sólo Perfil Socio. El Panel General queda como centro y cada módulo
   se abre como una superficie flotante casi a pantalla completa. */
.app.profile-owner.ownerSectionOpen588::after{
  content:"";
  position:fixed;
  left:0; right:0; top:88px; bottom:0;
  z-index:16;
  background:rgba(1,8,16,.48);
  pointer-events:none;
}
.app.profile-owner .page.ownerFloat588{
  display:block!important;
  position:fixed!important;
  top:101px!important;
  left:18px!important;
  right:18px!important;
  bottom:16px!important;
  z-index:18!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0 18px 22px!important;
  box-sizing:border-box!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border:1px solid rgba(35,211,255,.34)!important;
  border-radius:18px!important;
  background:
    linear-gradient(180deg,rgba(7,31,62,.985),rgba(3,18,37,.99))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.025) inset!important;
  animation:ownerFloatIn588 .16s ease-out!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(35,211,255,.45) rgba(0,0,0,.15);
}
@keyframes ownerFloatIn588{
  from{opacity:0;transform:translateY(7px) scale(.996)}
  to{opacity:1;transform:none}
}
.ownerFloatChrome588{
  position:sticky;
  top:0;
  z-index:12;
  min-height:72px;
  margin:0 -18px 16px;
  padding:13px 18px 12px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:14px;
  border-bottom:1px solid rgba(35,211,255,.20);
  background:linear-gradient(180deg,rgba(6,31,62,.995),rgba(5,25,50,.975));
  box-shadow:0 9px 24px rgba(0,0,0,.18);
}
.ownerBackBtn588{
  flex:0 0 auto;
  min-height:38px;
  padding:0 14px;
  border-radius:10px;
  border:1px solid rgba(35,211,255,.40);
  background:rgba(35,211,255,.08);
  color:#dffbff;
  font:inherit;
  font-weight:800;
  cursor:pointer;
  transition:.14s ease;
}
.ownerBackBtn588:hover{
  border-color:rgba(35,211,255,.76);
  background:rgba(35,211,255,.15);
  transform:translateX(-1px);
}
.ownerFloatTitle588{min-width:0;display:flex;flex-direction:column;gap:3px}
.ownerFloatTitle588 small{
  color:#54dbf7;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:800;
}
.ownerFloatTitle588 b{
  color:#f3fbff;
  font-size:20px;
  line-height:1.05;
}
.ownerFloatTitle588 span{
  color:#8fb0c4;
  font-size:10px;
  line-height:1.3;
}
.ownerFloatContext588{
  margin-left:auto;
  color:#7899ad;
  font-size:9px;
  white-space:nowrap;
  padding-left:12px;
}
/* En la ventana flotante, las superficies internas conservan jerarquía sin parecer otro modal. */
.app.profile-owner .ownerFloat588 .card,
.app.profile-owner .ownerFloat588 .panel,
.app.profile-owner .ownerFloat588 .roleDashboardCard{
  box-shadow:none;
}
/* Modo claro */
.app.profile-owner.ui-light .page.ownerFloat588{
  background:linear-gradient(180deg,rgba(250,253,255,.995),rgba(239,247,252,.995))!important;
  border-color:rgba(25,132,174,.28)!important;
  box-shadow:0 22px 64px rgba(22,56,74,.25),0 0 0 1px rgba(255,255,255,.7) inset!important;
}
.app.profile-owner.ui-light .ownerFloatChrome588{
  background:linear-gradient(180deg,rgba(250,253,255,.995),rgba(239,247,252,.985));
  border-bottom-color:rgba(25,132,174,.18);
}
.app.profile-owner.ui-light .ownerBackBtn588{color:#0d5876;background:rgba(24,164,207,.08);border-color:rgba(24,164,207,.32)}
.app.profile-owner.ui-light .ownerFloatTitle588 b{color:#13384c}
.app.profile-owner.ui-light .ownerFloatTitle588 span{color:#638096}
.app.profile-owner.ui-light .ownerFloatContext588{color:#6f8a9a}
@media(max-width:1180px){
  .app.profile-owner .page.ownerFloat588{top:118px!important;left:12px!important;right:12px!important;bottom:12px!important}
  .ownerFloatChrome588{flex-wrap:wrap}
  .ownerFloatContext588{display:none}
}
@media(max-width:720px){
  .app.profile-owner .page.ownerFloat588{top:122px!important;left:7px!important;right:7px!important;bottom:7px!important;border-radius:13px!important;padding-left:11px!important;padding-right:11px!important}
  .ownerFloatChrome588{margin-left:-11px;margin-right:-11px;padding-left:11px;padding-right:11px}
  .ownerFloatTitle588 b{font-size:17px}
  .ownerBackBtn588{padding:0 10px}
}