.portal-nav-notifications[data-v-42b834a2]{color:#115e59;background:#fff}.notification-drawer[data-v-42b834a2]{color:#1f2937;background:#fff;border:0;width:min(440px,100vw);max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;position:fixed;inset:0 0 0 auto;box-shadow:-10px 0 40px #0002}.notification-drawer[open][data-v-42b834a2]{flex-direction:column;display:flex}.notification-drawer[data-v-42b834a2]::backdrop{background:#0f172a80}.drawer-heading[data-v-42b834a2]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px;display:flex}.drawer-heading h2[data-v-42b834a2]{font-size:1.25rem;font-weight:800}.drawer-heading p[data-v-42b834a2]{color:#475569;margin-top:4px}.drawer-close[data-v-42b834a2],.history-refresh[data-v-42b834a2]{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px;display:inline-flex}.drawer-content[data-v-42b834a2]{overscroll-behavior:contain;padding:20px;overflow-y:auto}.notification-setup[data-v-42b834a2]{background:#f0fdfa;border:1px solid #99c9c3;border-radius:14px;padding:16px}.notification-setup h3[data-v-42b834a2],.history-heading h3[data-v-42b834a2],.notification-message h4[data-v-42b834a2]{font-weight:800}.notification-setup p[data-v-42b834a2]{margin-bottom:12px;line-height:1.7}.notification-setup .primary-btn[data-v-42b834a2]{justify-content:center;margin-bottom:12px;text-decoration:none;display:flex}.notification-enabled[data-v-42b834a2],.install-link[data-v-42b834a2]{color:#115e59;align-items:center;gap:8px;font-weight:700;display:flex}.install-link[data-v-42b834a2]{border-top:1px solid #99c9c3;padding-top:12px;text-decoration:none}.history-heading[data-v-42b834a2]{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.history-empty[data-v-42b834a2]{color:#64748b;padding-block:24px}.notification-message[data-v-42b834a2]{border-bottom:1px solid #e2e8f0;padding-block:18px}.notification-message time[data-v-42b834a2]{color:#64748b;margin-block:5px;font-size:.85rem;display:inline-block}.notification-message p[data-v-42b834a2]{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.notification-options[data-v-42b834a2]{margin-top:24px}.notification-options summary[data-v-42b834a2]{cursor:pointer;min-height:44px;font-weight:700}.notification-options .secondary-btn[data-v-42b834a2]{margin-top:12px}@media (width<=600px){.notification-drawer[data-v-42b834a2]{border-radius:20px 20px 0 0;width:100%;height:auto;max-height:90dvh;inset:auto 0 0}}
