/* STLBEAST Main V443 — Admin Notification Inbox */

.stlb443-inbox-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.36fr);
  gap:16px;
}

.stlb443-filter-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:18px 18px 0;
}

.stlb443-filter-tabs a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 11px;
  border-radius:999px;
  color:#d8e7f7;
  text-decoration:none;
  font-weight:950;
  border:1px solid rgba(103,232,249,.14);
  background:rgba(255,255,255,.045);
}

.stlb443-filter-tabs a.active{
  color:#fff;
  border-color:rgba(103,232,249,.34);
  background:linear-gradient(135deg,rgba(14,165,233,.20),rgba(124,58,237,.15));
}

.stlb443-inbox-list{
  display:grid;
  gap:10px;
  padding:18px;
}

.stlb443-notification{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
  padding:13px;
  border-radius:20px;
  border:1px solid rgba(103,232,249,.13);
  background:
    radial-gradient(circle at 88% 18%,rgba(14,165,233,.09),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.046),rgba(255,255,255,.024));
}

.stlb443-notification.critical{
  border-color:rgba(248,113,113,.30);
  background:radial-gradient(circle at 88% 18%,rgba(248,113,113,.10),transparent 34%),rgba(127,29,29,.14);
}
.stlb443-notification.warning{
  border-color:rgba(251,191,36,.27);
  background:radial-gradient(circle at 88% 18%,rgba(251,191,36,.10),transparent 34%),rgba(113,63,18,.14);
}
.stlb443-notification.good{
  border-color:rgba(34,197,94,.24);
  background:radial-gradient(circle at 88% 18%,rgba(34,197,94,.10),transparent 34%),rgba(22,101,52,.11);
}

.stlb443-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:15px;
  color:#fff;
  font-weight:1000;
  border:1px solid rgba(103,232,249,.16);
  background:linear-gradient(135deg,rgba(14,165,233,.28),rgba(124,58,237,.20));
}

.stlb443-notification.critical .stlb443-icon{background:linear-gradient(135deg,#991b1b,#7f1d1d)}
.stlb443-notification.warning .stlb443-icon{background:linear-gradient(135deg,#b45309,#713f12)}
.stlb443-notification.good .stlb443-icon{background:linear-gradient(135deg,#16a34a,#166534)}

.stlb443-body b{
  display:block;
  color:#fff;
  line-height:1.18;
  letter-spacing:-.02em;
}

.stlb443-body p{
  margin:6px 0 0;
  color:#a8bdd7;
  line-height:1.42;
  font-size:.88rem;
}

.stlb443-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}

.stlb443-pill{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:5px 8px;
  border-radius:999px;
  color:#d8e7f7;
  font-size:.72rem;
  font-weight:950;
  border:1px solid rgba(103,232,249,.14);
  background:rgba(255,255,255,.045);
}

.stlb443-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 10px;
  border-radius:12px;
  color:#fff;
  text-decoration:none;
  font-size:.78rem;
  font-weight:1000;
  white-space:nowrap;
  border:1px solid rgba(103,232,249,.16);
  background:linear-gradient(135deg,#0ea5e9,#2563eb);
}

.stlb443-side-list{
  display:grid;
  gap:10px;
  padding:18px;
}

.stlb443-side-card{
  padding:13px;
  border-radius:18px;
  border:1px solid rgba(103,232,249,.12);
  background:rgba(255,255,255,.035);
}

.stlb443-side-card b{
  display:block;
  color:#fff;
}

.stlb443-side-card span{
  display:block;
  color:#a8bdd7;
  margin-top:5px;
  font-size:.86rem;
  line-height:1.35;
}

@media(max-width:980px){
  .stlb443-inbox-layout{
    grid-template-columns:1fr;
  }
  .stlb443-notification{
    grid-template-columns:42px minmax(0,1fr);
  }
  .stlb443-action{
    grid-column:2;
    justify-self:start;
  }
}