.notification-inbox{--ni-accent:var(--neon-blue,#06f);--ni-accent-soft:color-mix(in srgb, var(--ni-accent) 12%, transparent);--ni-accent-border:color-mix(in srgb, var(--ni-accent) 38%, transparent);--ni-panel-bg:var(--app-chrome-bg,#fff);--ni-panel-fg:var(--text-primary,#1a1f2e);--ni-panel-border:var(--app-border,#0f172a1f);position:relative}.agency-theme-scope[data-agency-theme=dark] .notification-inbox{--ni-accent:var(--neon-blue,#00d4ff);--ni-panel-bg:var(--app-chrome-bg,#111820);--ni-panel-fg:var(--text-primary,#f4f6fb);--ni-panel-border:var(--app-border,#ffffff1f)}.notification-inbox__trigger{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:34px;height:34px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.notification-inbox--vitrin .notification-inbox__trigger{color:#ffffffe6;background:#ffffff14}.notification-inbox--panel .notification-inbox__trigger{background:var(--ni-accent-soft);width:34px;min-width:34px;height:34px;color:var(--ni-accent);border:1px solid var(--ni-accent-border);padding:0}.notification-inbox--panel .notification-inbox__trigger:has(.notification-inbox__count-label){width:auto;min-width:34px;padding:0 10px 0 8px}.notification-inbox--panel .notification-inbox__trigger:hover,.notification-inbox--panel.notification-inbox--open .notification-inbox__trigger{background:color-mix(in srgb, var(--ni-accent) 18%, transparent);border-color:color-mix(in srgb, var(--ni-accent) 55%, transparent);color:var(--ni-accent)}.notification-inbox--panel .notification-inbox__trigger i{font-size:15px}.notification-inbox--pulse .notification-inbox__trigger{animation:.55s ease-in-out 4 notification-inbox-attention}@keyframes notification-inbox-attention{0%,to{box-shadow:none;transform:scale(1)}50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--ni-accent) 35%, transparent);transform:scale(1.08)}}.notification-inbox__count-label{font-variant-numeric:tabular-nums;color:var(--ni-accent);font-size:13px;font-weight:800;line-height:1}.notification-inbox__badge{background:var(--primary,#00d4ff);color:#041018;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px}.notification-inbox__panel{z-index:1200;border-radius:12px;width:min(360px,92vw);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notification-inbox--vitrin .notification-inbox__panel{color:#fff;background:#0c1220fa;border:1px solid #ffffff1f;box-shadow:0 12px 32px #00000059}.notification-inbox--panel .notification-inbox__panel{background:var(--ni-panel-bg);border:1px solid var(--ni-panel-border);color:var(--ni-panel-fg);box-shadow:0 12px 28px #0f172a1f}.agency-theme-scope[data-agency-theme=dark] .notification-inbox--panel .notification-inbox__panel{box-shadow:0 16px 48px #0000008c}.notification-inbox__toolbar{border-bottom:1px solid #7f7f7f33;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.notification-inbox__toolbar-start{align-items:center;gap:8px;display:inline-flex}.notification-inbox__settings{width:28px;height:28px;color:inherit;opacity:.75;border-radius:6px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.notification-inbox__settings:hover{opacity:1;background:#7f7f7f1f}.notification-inbox__mark-all{color:var(--ni-accent,var(--primary,#0ea5e9));cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:11px}.notification-inbox__tabs{border-bottom:1px solid #7f7f7f26;gap:4px;padding:8px 10px;display:flex}.notification-inbox__tabs button{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;border-radius:8px;flex:1;padding:6px 10px;font-size:12px;font-weight:600}.notification-inbox__tabs button.is-active{opacity:1;background:#7f7f7f24}.notification-inbox__empty{opacity:.65;margin:0;padding:16px 12px;font-size:13px}.notification-inbox__list{max-height:320px;margin:0;padding:6px;list-style:none;overflow-y:auto}.notification-inbox__list li.is-read{opacity:.72}.notification-inbox__item{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px;text-decoration:none;display:block}.notification-inbox__item:hover{background:#7f7f7f1a}.notification-inbox__meta{opacity:.55;margin-bottom:4px;font-size:11px;display:block}.notification-inbox__row{align-items:flex-start;gap:10px;display:flex}.notification-inbox__icon{background:#7f7f7f1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:inline-flex}.notification-inbox__copy{flex:1;min-width:0}.notification-inbox__copy strong{font-size:13px;font-weight:700;display:block}.notification-inbox__copy span{opacity:.72;margin-top:3px;font-size:12px;line-height:1.35;display:block}.notification-inbox__unread-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notification-inbox-page{--nip-accent:var(--neon-blue,#06f);--nip-border:#7f7f7f2e;--nip-row-hover:#7f7f7f14}.notification-inbox-page--vitrin{--nip-border:var(--vitrin-booking-panel-border,#7f7f7f38);color:var(--vitrin-heading,inherit)}.notification-inbox-page--panel{--nip-accent:var(--neon-blue,#00d4ff);--nip-border:var(--app-border,#7f7f7f2e);color:var(--text-primary,inherit)}.notification-inbox-page__toolbar{border-bottom:1px solid var(--nip-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:4px;padding-bottom:12px;display:flex}.notification-inbox-page__tabs{gap:6px;display:inline-flex}.notification-inbox-page__tabs button{cursor:pointer;color:inherit;opacity:.65;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.notification-inbox-page__tabs button.is-active{opacity:1;border-color:color-mix(in srgb, var(--nip-accent) 45%, transparent);background:color-mix(in srgb, var(--nip-accent) 12%, transparent);color:var(--nip-accent)}.notification-inbox-page__tab-count{background:var(--nip-accent);color:#fff;text-align:center;border-radius:999px;min-width:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px}.notification-inbox-page__toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.notification-inbox-page__action{border:1px solid var(--nip-border);cursor:pointer;color:inherit;opacity:.85;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.notification-inbox-page__action:hover{opacity:1;background:var(--nip-row-hover)}.notification-inbox-page__action:disabled{opacity:.45;cursor:default}.notification-inbox-page__action--settings{color:var(--nip-accent);border-color:color-mix(in srgb, var(--nip-accent) 38%, transparent)}.notification-inbox-page__empty{text-align:center;opacity:.6;margin:0;padding:32px 8px;font-size:14px}.notification-inbox-page__list{margin:0;padding:0;list-style:none}.notification-inbox-page__list li{border-bottom:1px solid var(--nip-border)}.notification-inbox-page__list li:last-child{border-bottom:none}.notification-inbox-page__list li.is-read{opacity:.66}.notification-inbox-page__item{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:flex-start;gap:14px;padding:14px 8px;text-decoration:none;display:flex}.notification-inbox-page__item:hover{background:var(--nip-row-hover)}.notification-inbox-page__icon{background:color-mix(in srgb, var(--nip-accent) 10%, transparent);width:36px;height:36px;color:var(--nip-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.notification-inbox-page__copy{flex:1;min-width:0}.notification-inbox-page__copy strong{font-size:14px;font-weight:700;line-height:1.35;display:block}.notification-inbox-page__copy span{opacity:.72;margin-top:3px;font-size:13px;line-height:1.4;display:block}.notification-inbox-page__meta{opacity:.6;white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;padding-top:2px;font-size:12px;display:inline-flex}.notification-inbox-page__unread-dot{background:var(--nip-accent);border-radius:50%;width:8px;height:8px}@media (max-width:640px){.notification-inbox-page__item{flex-wrap:wrap}.notification-inbox-page__meta{justify-content:flex-end;width:100%;padding-top:0}}
