/* Luke Meteo notification inbox — v5.0.9beta premium consolidation */
.lm-notification-inbox{
  position:fixed;
  z-index:3200;
  top:88px;
  right:18px;
  width:min(420px,calc(100vw - 28px));
  max-height:min(620px,calc(100vh - 118px));
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(225,239,249,.14);
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 34%),
    #121c26;
  color:#f5f9fc;
  box-shadow:0 22px 58px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.04)
}
.lm-notification-inbox[hidden]{display:none!important}
.lm-inbox-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px 14px 13px 16px;
  border-bottom:1px solid rgba(225,239,249,.08)
}
.lm-inbox-head>div{min-width:0}
.lm-inbox-head strong{
  display:block;
  font-size:.92rem;
  line-height:1.2;
  font-weight:700
}
.lm-inbox-head small{
  display:block;
  margin-top:4px;
  color:#98aaba;
  font-size:.72rem;
  line-height:1.35
}
.lm-inbox-close,.lm-inbox-delete{
  border:0;
  background:transparent;
  color:#9faebe;
  cursor:pointer;
  display:grid;
  place-items:center;
  flex:0 0 auto
}
.lm-inbox-close{
  width:44px;
  height:44px;
  border-radius:13px;
  font-size:1.28rem
}
.lm-inbox-list{
  min-height:0;
  overflow:auto;
  padding:8px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(146,200,238,.28) transparent
}
.lm-inbox-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) 44px;
  gap:7px;
  align-items:start;
  padding:11px 7px 11px 12px;
  border:1px solid rgba(225,239,249,.07);
  border-radius:16px;
  background:rgba(255,255,255,.018)
}
.lm-inbox-item+.lm-inbox-item{margin-top:6px}
.lm-inbox-item.unread{
  background:linear-gradient(180deg,rgba(116,190,239,.09),rgba(170,161,255,.025));
  border-color:rgba(142,203,255,.15)
}
.lm-inbox-copy{min-width:0}
.lm-inbox-title{
  font-size:.84rem;
  font-weight:680;
  line-height:1.35;
  color:#f3f8fc;
  overflow-wrap:anywhere
}
.lm-inbox-body{
  margin-top:5px;
  font-size:.78rem;
  line-height:1.48;
  color:#b3c1cc;
  overflow-wrap:anywhere
}
.lm-inbox-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
  color:#879aaa;
  font-size:.69rem;
  line-height:1.3
}
.lm-inbox-meta time{white-space:nowrap}
.lm-inbox-delete{
  width:44px;
  height:44px;
  border-radius:12px;
  font-size:1.02rem
}
.lm-inbox-empty{
  padding:30px 20px;
  text-align:center;
  color:#97a9b8;
  font-size:.78rem;
  line-height:1.5
}
.lm-inbox-close:hover,.lm-inbox-delete:hover{
  background:rgba(255,255,255,.06);
  color:#fff
}
.lm-inbox-close:focus-visible,.lm-inbox-delete:focus-visible{
  outline:2px solid rgba(145,211,255,.92);
  outline-offset:2px
}
#notification-shortcut .lm-inbox-count{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#8ecbff;
  color:#09121a;
  border:2px solid #101b25;
  font-size:10px;
  font-weight:750;
  line-height:1;
  pointer-events:none
}
#notification-shortcut .lm-inbox-count[hidden]{display:none!important}
#notification-shortcut.alerting:after{top:auto;bottom:2px;right:2px}

@media(max-width:780px){
  .lm-notification-inbox{
    top:calc(max(env(safe-area-inset-top),var(--lm-visual-top,0px)) + 80px);
    right:8px;
    width:calc(100vw - 16px);
    max-height:calc(var(--lm-app-vh,100dvh) - max(env(safe-area-inset-top),var(--lm-visual-top,0px)) - env(safe-area-inset-bottom) - 164px);
    border-radius:22px
  }
  .lm-inbox-head{padding:13px 10px 11px 14px}
  .lm-inbox-item{padding:11px 6px 11px 10px}
  .lm-inbox-title{font-size:.82rem}
  .lm-inbox-body{font-size:.76rem}
  .lm-inbox-meta{font-size:.68rem}
}
@media(prefers-reduced-motion:reduce){
}