/* YENTUMI Gradebook Enterprise — Step 5.73 Mobile Notification Centre */
.gb-notification-backdrop{display:none}
.gb-notification-head,.gb-notification-meta{display:none}
@media(max-width:800px){
  body.gb-notification-open{overflow:hidden!important;overscroll-behavior:none}
  body.gb-notification-open .pwa-app-dock{opacity:0;pointer-events:none;transform:translateY(110%)}
  .gb-notification-backdrop{display:block;position:fixed;z-index:78;inset:var(--gb-notification-top,76px) 0 0;border:0;background:rgba(7,24,43,.34);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
  .notification-menu{position:relative;z-index:80}
  .notification-menu[open] summary{background:#173c65!important;color:#fff!important;border-color:#4c6f95!important;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
  .notification-popover{position:fixed!important;z-index:90!important;left:12px!important;right:12px!important;top:calc(var(--gb-notification-top,76px) + 10px)!important;width:auto!important;max-width:520px!important;margin:0 auto!important;padding:0!important;max-height:calc(100dvh - var(--gb-notification-top,76px) - 24px)!important;overflow:hidden!important;border:1px solid #d7e2ef!important;border-radius:22px!important;background:#fff!important;box-shadow:0 24px 70px rgba(7,32,58,.28)!important;color:#10233f!important}
  .notification-popover>h3{display:none!important}
  .notification-popover .gb-notification-head{display:flex;position:sticky;top:0;z-index:2;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 12px;background:#fff;border-bottom:1px solid #e5edf5}
  .gb-notification-head>div{display:grid;gap:2px;min-width:0}.gb-notification-head b{font-size:17px;line-height:1.2;color:#10233f}.gb-notification-head small{font-size:12px;color:#6b7d93}
  .gb-notification-close{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;min-height:38px!important;padding:0!important;border:1px solid #d9e4ef!important;border-radius:12px!important;background:#f6f9fc!important;color:#173754!important;font-size:23px!important;line-height:1!important}
  .notification-popover .gb-notification-list{display:grid;gap:8px;padding:10px 10px 14px;overflow:auto;max-height:calc(100dvh - var(--gb-notification-top,76px) - 94px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .notification-popover .gb-notification-item{position:relative;display:grid!important;gap:4px!important;padding:12px 13px 12px 43px!important;margin:0!important;border:1px solid #e2eaf3!important;border-radius:14px!important;background:#fbfdff!important;color:#10233f!important;box-shadow:none!important;text-decoration:none!important;min-height:64px}
  .notification-popover .gb-notification-item::before{content:'•';position:absolute;left:12px;top:13px;display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#eaf2ff;color:#155eef;font-weight:900}
  .notification-popover .gb-notification-item.is-success::before{content:'✓';background:#e7f7ee;color:#067647}.notification-popover .gb-notification-item.is-warning::before{content:'!';background:#fff3df;color:#a15c00}.notification-popover .gb-notification-item.is-info::before{content:'i'}
  .notification-popover .gb-notification-item b{font-size:13px!important;line-height:1.28!important;color:#10233f!important;word-break:normal!important;overflow-wrap:normal!important}.notification-popover .gb-notification-item small{font-size:12px!important;line-height:1.42!important;color:#65768c!important}
  .notification-popover .gb-notification-item[href]:active{transform:scale(.99)}
  .notification-popover .gb-notification-empty{padding:28px 20px!important;text-align:center;color:#6d7c90!important}
  html[data-theme="dark"] .notification-popover{background:#102238!important;border-color:#2a415d!important;color:#edf4ff!important}.gb-notification-open html[data-theme="dark"] .gb-notification-backdrop{background:rgba(0,0,0,.5)}
  html[data-theme="dark"] .notification-popover .gb-notification-head{background:#102238;border-color:#29415e}html[data-theme="dark"] .gb-notification-head b{color:#f0f5fb}html[data-theme="dark"] .gb-notification-head small{color:#a9b8cc}html[data-theme="dark"] .gb-notification-close{background:#172d47!important;border-color:#38516f!important;color:#eef5ff!important}
  html[data-theme="dark"] .notification-popover .gb-notification-item{background:#132a43!important;border-color:#2a435f!important;color:#eef5ff!important}html[data-theme="dark"] .notification-popover .gb-notification-item b{color:#f2f7fc!important}html[data-theme="dark"] .notification-popover .gb-notification-item small{color:#afbdd0!important}
}
@media(max-width:800px){
  .notification-popover .gb-notification-head,.notification-popover .gb-notification-list{border-top:0!important;border-radius:0!important}
  html[data-theme="dark"] body.gb-notification-open .gb-notification-backdrop{background:rgba(0,0,0,.5)}
}