.xgz-notification { position:relative; display:flex; align-items:center; min-width:0; }
.xgz-prd-header__actions { display:flex; flex:none; align-items:center; gap:10px; min-width:0; }
.xgz-notification__bell { position:relative; border:0; background:transparent; color:var(--xgz-admin-muted, #596579); }
.xgz-notification__bell:hover,.xgz-notification__bell:focus-visible { color:var(--xgz-admin-blue, #1d63da); background:#edf4ff; }
.xgz-notification__count { position:absolute; top:1px; right:-4px; min-width:17px; padding:0 4px; border:2px solid #fff; border-radius:10px; background:#b42318; color:#fff; font-size:10px; font-weight:700; line-height:15px; text-align:center; }
.xgz-notification__popover { position:absolute; z-index:70; top:calc(100% + 9px); right:0; width:min(390px, calc(100vw - 20px)); overflow:hidden; border:1px solid var(--xgz-admin-border, #e4e9f1); border-radius:8px; background:#fff; box-shadow:0 14px 34px rgba(16,24,40,.18); color:var(--xgz-admin-ink, #101828); }
.xgz-notification__head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 14px 10px; border-bottom:1px solid var(--xgz-admin-border, #e4e9f1); }
.xgz-notification__head strong { display:block; font-size:14px; }
.xgz-notification__head span { display:block; margin-top:2px; color:var(--xgz-admin-muted, #596579); font-size:11px; }
.xgz-notification__close { border:0; background:transparent; color:var(--xgz-admin-muted, #596579); }
.xgz-notification__filters { display:flex; gap:4px; padding:7px 14px; border-bottom:1px solid var(--xgz-admin-border, #e4e9f1); }
.xgz-notification__filters .xgz-admin-button { color:var(--xgz-admin-muted, #596579); }
.xgz-notification__filters .xgz-admin-button.is-active { color:var(--xgz-admin-blue, #1d63da); background:#edf4ff; }
.xgz-notification__list { max-height:min(440px, 52vh); overflow-y:auto; }
.xgz-notification__item { display:flex; align-items:flex-start; gap:9px; padding:11px 14px; border-bottom:1px solid var(--xgz-admin-border, #e4e9f1); }
.xgz-notification__item.is-unread { background:#f7faff; }
.xgz-notification__item-copy { display:grid; flex:1; min-width:0; gap:3px; color:inherit; text-decoration:none; }
.xgz-notification__item-copy:hover strong { color:var(--xgz-admin-blue, #1d63da); }
.xgz-notification__item strong,.xgz-notification__item span,.xgz-notification__item time { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.xgz-notification__item strong { font-size:13px; line-height:1.35; }
.xgz-notification__item span,.xgz-notification__item time { color:var(--xgz-admin-muted, #596579); font-size:11px; }
.xgz-notification__item .xgz-admin-button { flex:0 0 auto; }
.xgz-notification__empty { margin:0; padding:32px 14px; color:var(--xgz-admin-muted, #596579); font-size:12px; text-align:center; }
.xgz-notification__sound { display:flex; align-items:center; gap:8px; min-height:44px; padding:7px 14px; border-bottom:1px solid var(--xgz-admin-border, #e4e9f1); color:var(--xgz-admin-muted, #596579); font-size:12px; }
.xgz-notification__sound > span { margin-right:auto; }
.xgz-notification__foot { display:flex; align-items:center; flex-wrap:wrap; gap:4px 12px; padding:8px 14px; }
.xgz-notification__toasts { position:fixed; z-index:80; top:18px; right:18px; display:grid; gap:8px; width:min(360px, calc(100vw - 28px)); pointer-events:none; }
.xgz-notification__toast { display:grid; gap:3px; padding:12px 14px; border:1px solid #b8d2ff; border-radius:8px; background:#fff; box-shadow:0 10px 24px rgba(16,24,40,.16); pointer-events:auto; }
.xgz-notification__toast strong { font-size:13px; }
.xgz-notification__toast span { color:var(--xgz-admin-muted, #596579); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.xgz-notification__toast a { width:max-content; margin-top:2px; color:var(--xgz-admin-blue, #1d63da); font-size:12px; font-weight:600; text-decoration:none; }
.xgz-notification-history__filters { display:flex; align-items:end; flex-wrap:wrap; gap:10px; padding:16px 20px; border-bottom:1px solid var(--xgz-admin-border, #e4e9f1); }
.xgz-notification-history__filters.xgz-prd-list-toolbar { align-items:center; padding:8px 12px; }
.xgz-notification-history__filters label { display:grid; gap:6px; color:var(--xgz-admin-muted, #596579); font-size:12px; }
.xgz-notification-history tr.is-unread td { background:#f7faff; }
.xgz-notification-history td small { max-width:360px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:760px) {
  .xgz-prd-header { min-width:0; }
  .xgz-prd-breadcrumb { flex:1; min-width:0; overflow:hidden; }
  .xgz-prd-breadcrumb > * { flex:none; }
  .xgz-prd-breadcrumb > :last-child { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; }
  .xgz-prd-header__actions { margin-left:auto; }
  .xgz-notification__popover { position:fixed; top:62px; right:10px; max-height:calc(100dvh - 74px); }
  .xgz-notification__list { max-height:calc(100dvh - 282px); }
  .xgz-notification__toasts { top:12px; right:14px; }
  .xgz-notification-history__filters { padding:14px; }
}
@media (prefers-reduced-motion:reduce) { .xgz-notification * { transition:none !important; } }