/* V5.8.8.5 · extender ventana flotante y volver jerárquico al resto de perfiles */
.app.sectionOpenAll5885::after{
  content:"";position:fixed;inset:0;z-index:17;
  background:rgba(3,10,18,.22);
  pointer-events:none;
}
.app:not(.profile-owner) .page.roleFloat5885{
  position:fixed!important;
  top:96px!important; left:24px!important; right:24px!important; bottom:18px!important;
  z-index:18!important;
  overflow-y:auto!important;
  padding:0 20px 24px!important;
  border-radius:22px!important;
  border:1px solid rgba(90,220,248,.30)!important;
  background:linear-gradient(180deg,rgba(12,44,74,.995),rgba(9,33,56,.995))!important;
  box-shadow:0 24px 72px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.03) inset!important;
}
.app:not(.profile-owner) .page.roleFloat5885 > .roleFloatChrome5885{
  position:sticky; top:0; z-index:3;
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  min-height:78px; margin:0 -20px 18px; padding:16px 20px 14px;
  border-radius:22px 22px 0 0;
  background:linear-gradient(180deg,rgba(16,60,97,.995),rgba(11,43,71,.992))!important;
  border-bottom:1px solid rgba(90,220,248,.18)!important;
}
.app:not(.profile-owner) .roleBackBtn5885{
  min-height:40px; padding:0 15px; border-radius:11px;
  border:1px solid rgba(90,220,248,.34); cursor:pointer;
  background:linear-gradient(180deg,rgba(22,88,138,.98),rgba(16,64,102,.98));
  color:#f2fcff; font-weight:800;
}
.app:not(.profile-owner) .roleFloatTitle5885{display:grid;gap:2px;min-width:0;flex:1}
.app:not(.profile-owner) .roleFloatTitle5885 small{font-size:10px;color:#b2c5d3;text-transform:uppercase;letter-spacing:.14em}
.app:not(.profile-owner) .roleFloatTitle5885 b{font-size:28px;line-height:1.02;color:#f4fbff}
.app:not(.profile-owner) .roleFloatTitle5885 span{font-size:12px;color:#a8bcc9}
.app:not(.profile-owner) .roleFloatContext5885{color:#a8bcc9;font-size:12px;text-align:right}
.app:not(.profile-owner) .roleFloat5885 .card,
.app:not(.profile-owner) .roleFloat5885 .panel,
.app:not(.profile-owner) .roleFloat5885 .roleDashboardCard,
.app:not(.profile-owner) .roleFloat5885 .item,
.app:not(.profile-owner) .roleFloat5885 .event,
.app:not(.profile-owner) .roleFloat5885 .selItem,
.app:not(.profile-owner) .roleFloat5885 .bucket,
.app:not(.profile-owner) .roleFloat5885 .moneyCard,
.app:not(.profile-owner) .roleFloat5885 .weatherLead,
.app:not(.profile-owner) .roleFloat5885 .weatherDay{
  background:linear-gradient(180deg,rgba(15,53,88,.94),rgba(11,39,66,.93))!important;
  border-color:rgba(90,220,248,.14)!important;
  box-shadow:none!important;
}
.app.ui-light:not(.profile-owner).sectionOpenAll5885::after{background:rgba(32,46,60,.12)}
.app.ui-light:not(.profile-owner) .page.roleFloat5885{
  background:linear-gradient(180deg,rgba(251,254,255,.998),rgba(241,248,252,.998))!important;
  box-shadow:0 22px 60px rgba(16,46,65,.18),0 0 0 1px rgba(255,255,255,.88) inset!important;
}
@media(max-width:1180px){
  .app:not(.profile-owner) .page.roleFloat5885{left:14px!important;right:14px!important;top:102px!important;bottom:12px!important}
}
@media(max-width:720px){
  .app:not(.profile-owner) .page.roleFloat5885{left:8px!important;right:8px!important;top:108px!important;bottom:8px!important;border-radius:14px!important;padding-left:10px!important;padding-right:10px!important}
  .app:not(.profile-owner) .page.roleFloat5885 > .roleFloatChrome5885{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px;border-radius:14px 14px 0 0}
  .app:not(.profile-owner) .roleFloatTitle5885 b{font-size:20px}
}