body .notification-dropdown{box-sizing:border-box;width:min(390px,calc(100vw - 24px));padding:0;overflow:auto;border-radius:18px;box-shadow:0 14px 45px #38202d1c}
body .notification-heading{position:sticky;top:0;z-index:1;gap:16px;padding:20px 20px 16px;background:var(--surface);border-bottom:1px solid var(--line)}
body .notification-heading h2{font-size:24px;line-height:1.2;margin:0}
.notification-heading-copy p{font-size:12px;color:var(--muted);margin:6px 0 0}
body .notification-heading .notification-dismiss{display:grid;place-items:center;width:30px;height:30px;min-height:30px;padding:7px;border:0;border-radius:50%;background:transparent;color:var(--muted);flex:none}
.notification-dismiss svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
body .notification-heading .notification-dismiss:hover{background:var(--surface2);color:var(--ink)}
.notification-list{padding:6px}
body :is(.notification-dropdown,.notifications-center) .btn.notification-entry{display:grid;grid-template-columns:34px minmax(0,1fr) 6px;align-items:start;gap:12px;width:100%;padding:15px 12px;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent;text-align:left;font-weight:400;white-space:normal;line-height:1.45;color:var(--ink)}
body .notification-dropdown .btn.notification-entry:last-child{border-bottom:0}
body .notification-dropdown .btn.notification-entry:hover{background:var(--surface2);border-radius:10px}
.notification-type{display:grid;place-items:center;width:34px;height:34px;background:var(--surface2);border-radius:50%;color:var(--primary)}
.notification-type svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.notification-copy{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.notification-copy strong{font-size:12px;font-weight:600;line-height:1.5}
.notification-context{font-size:12px;color:var(--muted);line-height:1.5}
.notification-time{font-size:12px;color:var(--muted);margin-top:3px}
.notification-unread-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);margin-top:8px}
body .notification-dropdown .notification-empty{margin:0;padding:28px 22px;font-size:13px}
body .notification-entry:focus-visible,body .notification-dismiss:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}
.notification-footer{position:sticky;bottom:0;padding:12px;background:var(--surface);border-top:1px solid var(--line)}
.notification-footer>.btn{width:100%;justify-content:center}
.notifications-center{max-width:960px;overflow:hidden}
.notifications-page-head{max-width:960px;gap:20px}
.notifications-center .notification-list{padding:8px 16px}
.notifications-center .notification-entry:last-child{border-bottom:0!important}
.notifications-center .notification-entry:hover{background:var(--surface2)!important}
.notifications-center .notification-empty{padding:32px 24px;margin:0}
.notification-row{position:relative;border-bottom:1px solid var(--line)}
.notification-row:last-child{border-bottom:0}
body :is(.notification-dropdown,.notifications-center) .notification-row .notification-entry{border-bottom:0}
.notification-row:has(.notification-mark) .notification-entry{padding-bottom:44px!important}
body .notification-row .notification-mark{position:absolute;right:12px;bottom:8px;min-height:26px;padding:4px 9px;font-size:12px;background:var(--surface);color:var(--primary);border:1px solid var(--line);border-radius:9px}
.notification-filters{display:grid;grid-template-columns:minmax(200px,1fr) minmax(120px,.5fr) minmax(200px,.7fr);gap:16px;max-width:960px;margin-bottom:16px}
.notification-filters .field{margin:0;min-width:0}
.notification-filters :is(input,select){width:100%;min-width:0}
.notification-result-count{max-width:960px;margin:0 0 12px}
.notification-service-request{border-left:3px solid #bf8c43;border-radius:10px;background:color-mix(in srgb,#d8aa60 7%,var(--surface));margin:4px 0}
.notification-priority{background:color-mix(in srgb,#d8aa60 15%,var(--surface));border-left-color:#ba7b22}
.notification-priority-label{font-size:12px;font-weight:700;color:#855611;letter-spacing:.02em}
body[data-theme=dark] .notification-priority-label{color:#f0c985}
.notification-priority .notification-unread-dot{background:#b67a24}
@media(max-width:700px){.notification-filters{grid-template-columns:1fr 1fr}.notification-search{grid-column:1/-1}}
@media(max-width:400px){.notification-filters{grid-template-columns:1fr}.notification-search{grid-column:auto}}
@media(max-width:560px){.notifications-center .notification-list{padding:6px}.notification-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
body #modal-root .notification-preferences-dialog{width:min(540px,calc(100vw - 24px));max-width:540px}
body .notification-preferences-dialog .modal-head{padding:22px 24px}
body .notification-preferences-dialog .modal-content{display:grid;gap:20px;padding:22px 24px}
body .notification-preferences-dialog .notification-channel-form{display:grid;gap:16px;margin:0}
body .notification-channel-form .pe-profession{margin:0;padding:0;gap:18px;align-items:center}
body .notification-channel-form .pe-profession>span{display:grid;gap:7px;min-width:0}
body .notification-channel-form .pe-profession strong{font-size:14px;font-weight:500}
body .notification-channel-form .pe-profession small{font-size:12px;line-height:1.7}
body .notification-channel-form .pe-switch{flex:none}
body .notification-channel-note{margin:0;font-size:12px;line-height:1.7}
body .notification-channel-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;padding-top:4px}
body .notification-channel-actions>.btn{width:auto;min-height:42px;padding:9px 16px;font-size:13px;font-weight:500}
body .notification-channel-actions>button[type=submit]{order:1}
body .notification-authorized-browsers{min-width:0;padding-top:16px;border-top:1px solid var(--line)}
body .notification-authorized-browsers>summary{cursor:pointer;font-size:13px;font-weight:500}
body .notification-authorized-browsers>p{margin:12px 0;line-height:1.7}
body .notification-authorized-browsers .notification-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0}
body .notification-authorized-browsers .notification-copy{display:grid;flex:1;gap:4px;min-width:0;font-size:13px}
body .notification-authorized-browsers .notification-copy small{font-size:11px}
body .notification-authorized-browsers .btn{width:auto;min-height:38px;font-size:12px;font-weight:400}
@media(max-width:430px){
  body .notification-authorized-browsers .notification-copy{flex-basis:100%}
  body .notification-authorized-browsers .btn{margin-left:auto;min-height:44px}
}
@media(max-width:420px){body .notification-preferences-dialog .modal-head,body .notification-preferences-dialog .modal-content{padding:20px}}