.po-notificacoes-list{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:10px;
  color:#edfafd;
  text-align:left;
}

body .po-popup-notificacoes-panel{
  display:flex;
  min-height:0;
  flex-direction:column;
  border:1px solid rgba(135,224,240,.18);
  background:linear-gradient(155deg,#06303c,#011820);
}
body .po-popup-notificacoes-header{ flex:0 0 auto; }
.po-popup-notificacoes-heading{ display:flex; align-items:center; gap:8px; color:#f7feff; text-align:left; }
.po-popup-notificacoes-heading span{ font-size:16px; font-weight:800; text-transform:none!important; }
body #po-notificacoes-popup-list{ min-height:0; flex:1 1 auto; max-height:none; overflow:auto; }

.po-inbox-loading,
.po-inbox-empty,
.po-inbox-error{
  min-height:170px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-direction:column;
  gap:7px;
  padding:22px;
  box-sizing:border-box;
  border:1px dashed rgba(139,224,239,.18);
  border-radius:18px;
  color:rgba(226,247,251,.68);
  background:rgba(0,27,36,.42);
  text-align:left;
}
.po-inbox-loading{ min-height:92px; }
.po-inbox-empty__icon,
.po-inbox-error__icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  margin-bottom:3px;
  border:1px solid rgba(114,222,239,.2);
  border-radius:13px;
  color:#73deef;
  background:rgba(61,181,201,.08);
  font-size:19px;
}
.po-inbox-empty strong,
.po-inbox-error strong{ color:#f4fdff; font-size:14px; }
.po-inbox-empty p,
.po-inbox-error p{ max-width:360px; margin:0; font-size:12px; line-height:1.45; }
.po-inbox-retry{
  min-height:34px;
  margin-top:7px;
  padding:7px 13px;
  border:1px solid rgba(115,224,242,.28);
  border-radius:11px;
  color:#eafcff;
  background:rgba(44,159,179,.16);
  font:inherit;
  font-size:11px;
  font-weight:750;
  cursor:pointer;
}
.po-inbox-loading__bar{
  width:100%;
  height:52px;
  border-radius:15px;
  background:linear-gradient(100deg,rgba(18,78,91,.34) 18%,rgba(66,158,175,.3) 40%,rgba(18,78,91,.34) 62%);
  background-size:260% 100%;
  animation:po-inbox-shimmer 1.35s ease-in-out infinite;
}
@keyframes po-inbox-shimmer{ to{ background-position-x:-160%; } }

.po-inbox-card{
  position:relative;
  width:100%;
  height:auto;
  min-height:0;
  max-height:none;
  min-width:0;
  flex:0 0 auto;
  margin:0;
  padding:12px;
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid rgba(135,224,240,.16);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(8,66,79,.96),rgba(3,45,57,.96));
  box-shadow:0 10px 25px rgba(0,0,0,.12);
  color:#ecfafd;
  text-align:left;
}
.po-inbox-card::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:#56d5e8;
  opacity:.68;
}
.po-inbox-card--success::before{ background:#44d79a; }
.po-inbox-card--warning::before{ background:#f2ba55; }
.po-inbox-card--danger::before{ background:#f47b88; }
.po-inbox-card.is-read{ opacity:.76; }
.po-inbox-card__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin:0;
  padding:0;
  border:0;
  background:none;
}
.po-inbox-card__identity{
  min-width:0;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:9px;
}
.po-inbox-card .po-inbox-card__logo{
  width:34px;
  height:34px;
  min-width:34px;
  min-height:34px;
  max-width:34px;
  max-height:34px;
  display:block;
  object-fit:cover;
  border:1px solid rgba(187,239,247,.18);
  border-radius:11px!important;
  background:#0a3541;
}
.po-inbox-card__title{ min-width:0; }
.po-inbox-card__title strong{
  display:block;
  overflow:hidden;
  color:#f7feff;
  font-size:13px;
  font-weight:780;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-transform:none!important;
}
.po-inbox-card__title small{
  display:block;
  margin-top:3px;
  color:rgba(207,239,245,.56);
  font-size:9px;
  line-height:1.2;
  text-transform:none!important;
}
.po-inbox-card__actions{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}
.po-inbox-card .po-inbox-card__actions button{
  height:auto;
  min-height:31px;
  width:auto;
  max-width:none;
  padding:6px 10px;
  border:1px solid rgba(143,226,239,.19);
  border-radius:10px;
  color:#eefcff;
  background:rgba(67,176,194,.14);
  box-shadow:none;
  font:inherit;
  font-size:10px;
  font-weight:780;
  line-height:1;
  text-transform:none!important;
  cursor:pointer;
}
.po-inbox-card__actions button:hover,
.po-inbox-card__actions button:focus-visible{ border-color:rgba(126,227,243,.44); background:rgba(74,188,207,.24); outline:none; }
.po-inbox-card__actions button:disabled{ opacity:.52; cursor:wait; }
.po-inbox-card__actions .po-aceitar-convite,
.po-inbox-card__actions .po-notificacao-aprovar-saida{ border-color:rgba(81,216,157,.3); background:rgba(28,133,88,.3); }
.po-inbox-card__actions .po-recusar-convite,
.po-inbox-card__actions .po-notificacao-recusar-saida{ border-color:rgba(244,123,136,.27); background:rgba(144,45,57,.27); }
.po-inbox-card__message{
  margin-top:10px;
  padding:10px 11px;
  border:1px solid rgba(145,223,235,.08);
  border-radius:13px;
  color:rgba(231,248,251,.76);
  background:rgba(0,25,33,.52);
  font-size:11px;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.po-inbox-card__message-line{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; row-gap:7px; }
.po-inbox-pill{
  display:inline-flex;
  min-width:0;
  align-items:center;
  gap:5px;
  padding:4px 7px;
  border:1px solid rgba(130,220,234,.12);
  border-radius:999px;
  color:#effcff;
  background:#063a47;
  line-height:1.1;
  text-decoration:none;
}
.po-inbox-pill:hover,.po-inbox-pill:focus-visible{ color:#fff; border-color:rgba(126,227,243,.36); background:#0a4c5b; outline:none; }
.po-inbox-pill img{ width:17px; height:17px; flex:0 0 17px; object-fit:cover; border-radius:50%; box-shadow:0 1px 5px rgba(0,0,0,.36); }
.po-inbox-pill b{ max-width:170px; overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }

@media (max-width:520px){
  .po-inbox-card__header{ flex-direction:column; }
  .po-inbox-card__actions{ width:100%; justify-content:flex-start; }
  .po-inbox-card__actions button{ flex:1 1 auto; }
}
@media (prefers-reduced-motion:reduce){ .po-inbox-loading__bar{ animation:none; } }

/* NOTIF01 native Social + System Inbox. */
.po-notifications-native{ width:100%; min-width:0; color:#eefcff; }
.po-notifications-native--workspace{ height:100%; overflow:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
.po-notifications-native--page{ width:min(900px,calc(100% - 28px)); margin:28px auto; padding:18px; border:1px solid rgba(145,226,239,.14); border-radius:24px; background:linear-gradient(180deg,#073543,#031f29); box-shadow:0 24px 70px rgba(0,0,0,.22); }
.po-notifications-v2{ display:flex; min-height:100%; flex-direction:column; gap:12px; padding:14px; }
.po-notifications-v2__toolbar{ position:sticky; top:0; z-index:4; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:4px 0 10px; background:linear-gradient(180deg,rgba(6,47,58,.98) 72%,rgba(6,47,58,0)); }
.po-notifications-v2__tabs,.po-notifications-v2__toolbar-actions,.po-notifications-v2__card-actions{ display:flex; align-items:center; gap:7px; }
.po-notifications-v2 button,.po-notifications-v2 select{ font:inherit; }
.po-notifications-v2__tab,.po-notifications-v2__text-action,.po-notifications-v2__icon-action,.po-notifications-v2__more,.po-notifications-v2__open,.po-notifications-v2__archive{ min-height:36px; padding:8px 13px; border:1px solid rgba(144,226,239,.16); border-radius:11px; color:rgba(232,249,252,.72); background:rgba(0,20,27,.4); cursor:pointer; }
.po-notifications-v2__tab[aria-selected="true"]{ border-color:rgba(104,225,243,.36); color:#fff; background:linear-gradient(135deg,#167b91,#105d70); box-shadow:0 8px 22px rgba(0,0,0,.15); }
.po-notifications-v2 button:hover,.po-notifications-v2 button:focus-visible,.po-notifications-v2 select:focus-visible{ border-color:rgba(112,226,243,.48); color:#fff; outline:none; }
.po-notifications-v2 button:disabled{ opacity:.55; cursor:wait; }
.po-notifications-v2__tab-count{ min-width:18px; margin-left:5px; padding:1px 5px; border-radius:999px; color:#06222b; background:#75e5f4; font-size:9px; font-weight:900; text-align:center; }
.po-notifications-v2__status{ display:grid; min-height:170px; margin:0; place-items:center; color:rgba(225,247,250,.6); text-align:center; }
.po-notifications-v2__status.is-error{ color:#ffbfc4; }
.po-notifications-v2__list{ display:flex; flex-direction:column; gap:8px; }
.po-notifications-v2__card{ display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px; border:1px solid rgba(151,229,241,.12); border-left:3px solid #6addec; border-radius:17px; background:linear-gradient(135deg,rgba(25,102,119,.38),rgba(7,46,57,.55)); box-shadow:0 8px 22px rgba(0,0,0,.1); }
.po-notifications-v2__card.is-read{ border-left-color:rgba(151,229,241,.12); opacity:.74; background:rgba(8,45,55,.4); }
.po-notifications-v2__card.is-critical{ border-left-color:#ff8f9c; }.po-notifications-v2__card.is-high{ border-left-color:#ffd071; }
.po-notifications-v2__visual{ display:grid; width:44px; height:44px; place-items:center; overflow:hidden; border:1px solid rgba(151,229,241,.14); border-radius:14px; color:#76e1ef; background:rgba(0,20,27,.45); }
.po-notifications-v2__visual img{ width:100%; height:100%; object-fit:cover; }
.po-notifications-v2__icon::before{ content:'•'; font-size:22px; }.po-notifications-v2__icon--heart::before{ content:'♥'; }.po-notifications-v2__icon--comment::before{ content:'◫'; }.po-notifications-v2__icon--reply::before{ content:'↩'; }.po-notifications-v2__icon--lock::before{ content:'◆'; }.po-notifications-v2__icon--verified::before{ content:'✓'; }.po-notifications-v2__icon--info::before{ content:'i'; }
.po-notifications-v2__content{ min-width:0; }.po-notifications-v2__title{ display:block; color:#f2fdff; font-size:13px; }.po-notifications-v2__message{ margin:4px 0; color:rgba(229,248,251,.75); font-size:12px; line-height:1.45; }.po-notifications-v2__meta{ color:rgba(205,237,242,.48); font-size:10px; }
.po-notifications-v2__open,.po-notifications-v2__archive{ min-height:32px; padding:6px 10px; font-size:10px; }.po-notifications-v2__open{ color:#fff; background:rgba(37,143,162,.35); }
.po-notifications-v2__more{ align-self:center; margin:4px 0 12px; }
.po-notifications-v2__preferences{ display:flex; flex-direction:column; gap:7px; padding:12px; border:1px solid rgba(145,226,239,.12); border-radius:14px; background:rgba(0,19,25,.48); }
.po-notifications-v2__preference{ display:flex; align-items:center; justify-content:space-between; gap:12px; color:rgba(232,249,252,.76); font-size:11px; }.po-notifications-v2__preference select{ min-height:32px; padding:5px 9px; border:1px solid rgba(145,226,239,.17); border-radius:9px; color:#effcff; background:#073846; }.po-notifications-v2__preference small{ color:rgba(205,237,242,.45); }
@media(max-width:620px){.po-notifications-v2{padding:10px}.po-notifications-v2__toolbar{align-items:flex-start;flex-direction:column}.po-notifications-v2__toolbar-actions{width:100%;justify-content:flex-end}.po-notifications-v2__card{grid-template-columns:42px minmax(0,1fr)}.po-notifications-v2__card-actions{grid-column:1/-1;justify-content:flex-end}.po-notifications-v2__visual{width:40px;height:40px}.po-notifications-native--page{width:calc(100% - 16px);margin:12px auto;padding:4px;border-radius:18px}}