.payroll-notification-widget{position:fixed;top:calc(var(--rrhh-topbar-h, 92px) + 10px);right:18px;z-index:9998}.payroll-notification-button{position:relative;display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border:1px solid rgba(203,213,225,.95);border-radius:9999px;background:#fffffff5;box-shadow:0 18px 35px -25px #0f172a59;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.payroll-notification-button:hover{transform:translateY(-1px);background:#fff;box-shadow:0 22px 45px -28px #0f172a6b}.payroll-notification-button.has-unread{border-color:#6366f173;background:#eef2ff}.payroll-notification-icon{font-size:1.18rem;line-height:1}.payroll-notification-count{position:absolute;top:-.32rem;right:-.32rem;display:inline-flex;min-width:1.25rem;height:1.25rem;align-items:center;justify-content:center;border:2px solid #fff;border-radius:9999px;background:#ef4444;color:#fff;font-size:.68rem;font-weight:850;line-height:1}.payroll-notification-panel{position:absolute;top:3.15rem;right:0;width:min(92vw,390px);overflow:hidden;border:1px solid rgba(226,232,240,.96);border-radius:1.45rem;background:#fffffffa;box-shadow:0 28px 75px -36px #0f172a73}.payroll-notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(241,245,249,.98);background:radial-gradient(circle at top left,rgba(99,102,241,.08),transparent 32%),linear-gradient(180deg,#fff,#f8fafc);padding:1rem}.payroll-notification-title{margin:0;color:#0f172a;font-size:.95rem;font-weight:850}.payroll-notification-subtitle{margin:.15rem 0 0;color:#64748b;font-size:.75rem}.payroll-notification-list{max-height:min(64vh,520px);overflow-y:auto;padding:.45rem}.payroll-notification-empty{padding:1.4rem 1rem;color:#64748b;font-size:.82rem;text-align:center}.payroll-notification-empty--error{color:#b91c1c}.payroll-notification-item{display:flex;width:100%;align-items:flex-start;gap:.72rem;border:0;border-radius:1rem;background:transparent;padding:.85rem;text-align:left;cursor:pointer;transition:background-color .16s ease}.payroll-notification-item:hover{background:#f8fafc}.payroll-notification-item.is-unread{background:#eef2ff}.payroll-notification-item.is-unread:hover{background:#e0e7ff}.payroll-notification-item-dot{margin-top:.35rem;width:.48rem;height:.48rem;flex:0 0 auto;border-radius:9999px;background:#cbd5e1}.payroll-notification-item.is-unread .payroll-notification-item-dot{background:#4f46e5;box-shadow:0 0 0 4px #4f46e51f}.payroll-notification-item-content{display:flex;min-width:0;flex-direction:column;gap:.18rem}.payroll-notification-item-title{color:#0f172a;font-size:.83rem;font-weight:850;line-height:1.28}.payroll-notification-item-body{color:#475569;font-size:.78rem;line-height:1.38}.payroll-notification-item-meta{color:#94a3b8;font-size:.7rem;font-weight:650}@media(max-width:767px){.payroll-notification-widget{top:auto;right:14px;bottom:16px}.payroll-notification-panel{top:auto;right:0;bottom:3.25rem}}@media(prefers-reduced-motion:reduce){.payroll-notification-button,.payroll-notification-item{transition:none}}