#jobUpdatesButton{display:flex;align-items:center;gap:10px}#jobUpdatesButton[hidden]{display:none!important}
body #jobUpdatesDialog{--np-bg:#f5f9fd;--np-card:#fff;--np-text:#163b53;--np-muted:#577286;--np-line:#c5dbe9;--np-accent:#087ab8;box-sizing:border-box;width:min(620px,94vw);max-height:85dvh;padding:0;background:var(--np-bg);color:var(--np-text);border:1px solid var(--np-line);border-radius:22px;box-shadow:0 24px 90px #001a3a66;overflow:auto;font-family:inherit}
body:not(.theme-day) #jobUpdatesDialog{--np-bg:#10273e;--np-card:#17364f;--np-text:#edf7ff;--np-muted:#b4cddd;--np-line:#355b76;--np-accent:#6acfff;background:var(--np-bg);color:var(--np-text);border-color:var(--np-line)}
#jobUpdatesDialog::backdrop{background:#00142688;backdrop-filter:blur(5px)}
#jobUpdatesDialog .notifications-head{display:flex;align-items:center;gap:14px;padding:24px;border-bottom:1px solid var(--np-line);background:linear-gradient(110deg,#168dd018,transparent)}
#jobUpdatesDialog .notifications-bell{display:grid;place-items:center;background:#168dd020;color:var(--np-accent);width:48px;height:48px;border-radius:15px;flex:none}
#jobUpdatesDialog .notifications-bell svg{width:27px;height:27px}
#jobUpdatesDialog .notifications-head h2{margin:0;font-size:24px;letter-spacing:-.5px;color:var(--np-text)}
#jobUpdatesDialog .notifications-head p{margin:4px 0 0;font-size:13px;color:var(--np-muted)}
#jobUpdatesDialog #jobUpdatesClose{margin-left:auto;flex:none;width:40px;height:40px;border:1px solid var(--np-line);border-radius:50%;background:var(--np-card);color:var(--np-text);font-size:25px;cursor:pointer}
#jobUpdatesDialog .notifications-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px 8px;flex-wrap:wrap}
#jobUpdatesDialog #notificationsCount{font-size:13px;font-weight:700;color:var(--np-muted)}
#jobUpdatesDialog .update-actions{display:flex;gap:8px;flex-wrap:wrap}
#jobUpdatesDialog .update-actions button{padding:10px 13px;min-height:40px;border:1px solid var(--np-line);border-radius:10px;background:var(--np-card);color:var(--np-text);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
#jobUpdatesDialog #jobUpdatesClear{color:var(--np-accent);background:#168dd014}
#jobUpdatesDialog button:disabled{opacity:.45;cursor:default}
#jobUpdatesDialog button:focus-visible{outline:3px solid var(--np-accent);outline-offset:2px}
#jobUpdatesDialog #jobUpdatesState{padding:0 24px;margin:8px 0 14px;font-size:12px;line-height:1.5;color:var(--np-muted)}
#jobUpdatesDialog ul{list-style:none;margin:0;padding:0 20px 20px}
body #jobUpdatesDialog ul li{padding:0;border:0;background:none;margin:9px 0}
body #jobUpdatesDialog .notification-card{display:block;width:100%;padding:17px 18px;text-align:left;border:1px solid var(--np-line);border-radius:14px;background:var(--np-card);color:var(--np-text);font:inherit;cursor:pointer;box-shadow:0 3px 9px #00142608}
#jobUpdatesDialog .notification-card:hover{border-color:var(--np-accent)}
#jobUpdatesDialog .notification-card strong{display:block;font-size:15px;font-weight:650;line-height:1.5;overflow-wrap:anywhere;margin:8px 0 4px}
#jobUpdatesDialog .notification-card small{display:block;color:var(--np-muted);font-size:12px}
#jobUpdatesDialog .notification-status{display:inline-block;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:800;letter-spacing:.05em;background:#168dd020;color:var(--np-accent)}
#jobUpdatesDialog .notification-status[data-kind=completed]{background:#22a56322;color:#16804b}
#jobUpdatesDialog .notification-status[data-kind=progress]{background:#d28a1522;color:#996009}
body:not(.theme-day) #jobUpdatesDialog .notification-status[data-kind=completed]{color:#7fe2b0}
body:not(.theme-day) #jobUpdatesDialog .notification-status[data-kind=progress]{color:#ffce7a}
body #jobUpdatesDialog .notifications-empty{text-align:center;padding:42px 20px;color:var(--np-text)}
#jobUpdatesDialog .notifications-empty p{font-size:14px;line-height:1.5;color:var(--np-muted)}
@media(max-width:600px){#jobUpdatesDialog .notifications-head{padding:20px 16px}#jobUpdatesDialog .notifications-toolbar{padding:16px 16px 8px}#jobUpdatesDialog #jobUpdatesState{padding:0 16px}#jobUpdatesDialog ul{padding:0 12px 12px}}