.notif-dialog{border:1px solid var(--surface-medium);border-radius:var(--radius-xl);background:var(--white);width:min(460px,100vw - 32px);max-width:none;max-height:calc(100dvh - 112px);color:var(--text-dark);margin:0;padding:0;position:fixed;inset-block:88px auto;inset-inline-start:auto;inset-inline-end:var(--page-gutter);overflow:hidden;box-shadow:0 16px 40px #0000001f}.notif-dialog[open]{flex-direction:column;display:flex}.notif-dialog::backdrop{background:#14281c47}.notif-dialog[dir=rtl]{font-family:var(--font-urdu);line-height:1.8}.notif-dialog-head{border-bottom:1px solid var(--surface-medium);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 20px;display:flex}.notif-dialog-head h2{font:400 26px/1.2 var(--font-display);margin:0 0 8px}.notif-dialog[dir=rtl] h2{font-family:var(--font-urdu);line-height:1.5}.notif-dialog-head p,.notif-dialog-foot{color:var(--text-muted);font-size:14px}.notif-dialog-body{overscroll-behavior:contain;min-height:0;padding:16px;overflow-y:auto}.notif-dialog-foot{border-top:1px solid var(--surface-medium);padding:16px 24px}.notif-dialog-foot a{color:var(--primary-green-dark);text-underline-offset:3px;align-items:center;min-height:44px;font-weight:600;display:inline-flex}.notif-toolbar,.notif-status-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.notif-status-row{align-items:start;margin:16px 0}.notif-status-row .ac-sub{min-width:150px;color:var(--text-muted);flex:1;font-size:13px;line-height:1.5}.notif-filters{background:var(--surface-light);border-radius:var(--radius-pill);gap:4px;padding:4px;display:inline-flex}.notif-filters button{border-radius:var(--radius-pill);min-height:40px;color:var(--text-muted);font:inherit;background:0 0;border:0;padding:8px 16px;font-size:14px;font-weight:600}.notif-filters button[aria-pressed=true]{background:var(--primary-green);color:var(--white)}.notif-icon{border:1px solid var(--surface-medium);border-radius:var(--radius-md);background:var(--white);min-width:44px;min-height:44px;color:var(--primary-green-dark);justify-content:center;align-items:center;padding:8px;font-size:13px;font-weight:600;display:inline-flex}.notif-link{min-height:44px;color:var(--primary-green-dark);background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:13px;font-weight:600;display:inline-flex}.notification-inbox button:disabled,.notification-preference button:disabled{opacity:.55;cursor:default}.notif-icon:hover:not(:disabled),.notif-link:hover:not(:disabled){color:var(--primary-green);background:var(--primary-green-soft)}.notification-inbox button:focus-visible,.notif-icon:focus-visible,.notif-dialog-foot a:focus-visible{outline:2px solid var(--primary-green);outline-offset:3px}.notif-state{text-align:center;min-height:240px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:14px;display:flex}.notif-state h3{color:var(--text-dark);font-size:18px;font-weight:600}.notif-state .app-spinner{width:26px;height:26px}.notif-error{background:var(--surface-light);border:1px solid var(--error-red);border-radius:var(--radius-md);color:var(--error-red);margin-bottom:16px;padding:12px 16px;font-size:14px}.notif-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.notif-entry{border-top:1px solid var(--surface-medium);align-items:flex-start;gap:12px;padding:16px 12px;display:flex}.notif-entry--unread{background:var(--primary-green-soft)}.notif-entry-icon,.notification-preference-icon{background:var(--surface-light);width:36px;height:36px;color:var(--primary-green-dark);border-radius:50%;flex:none;place-items:center;display:grid}.notif-entry-content{overflow-wrap:anywhere;flex:1;min-width:0}.notif-entry-heading{flex-wrap:wrap;align-items:flex-start;gap:6px 12px;margin-bottom:6px;display:flex}.notif-entry-heading strong{color:var(--text-dark);font-size:15px;font-weight:600}.notif-unread-label{color:var(--primary-green-dark);font-size:12px;font-weight:700}.notif-entry-content p{color:var(--text-muted);white-space:pre-wrap;font-size:14px;line-height:1.6}.notif-entry-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.notif-entry time{color:var(--text-muted);font-size:12px}.notif-count{min-width:20px;height:20px;font-size:12px}.notification-settings{flex-direction:column;gap:16px;min-width:0;display:flex}.notification-preference{border-bottom:1px solid var(--surface-medium);flex-wrap:wrap;align-items:start;gap:16px;padding-bottom:20px;display:flex}.notification-preference>div{flex:1;min-width:min(220px,100%)}.notification-preference h3{margin-bottom:8px}.notification-preference-state{color:var(--primary-green-dark);margin-top:12px;font-size:13px;font-weight:600;display:block}.notification-inbox-title{margin-top:4px}@media (max-width:600px){.notif-dialog{width:100%;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;margin:0;inset:auto 0 0}.notif-dialog-head{padding:20px}.notif-dialog-body{padding:12px}.notif-entry{padding-inline:8px}.notification-preference>.btn{justify-content:center;width:100%}}