.hapio-lhp-notif-bell,.hapio-lhp-notif-slotroot{display:inline-flex;align-items:center}.hapio-lhp-notif-bell{position:relative;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--learner-radius-pill);background:transparent;color:var(--learner-color-text-muted);cursor:pointer;transition:background var(--learner-duration-fast) var(--learner-ease-out),color var(--learner-duration-fast) var(--learner-ease-out)}.hapio-lhp-notif-bell:hover{background:var(--learner-color-surface-soft)}.hapio-lhp-notif-bell.has-unread,.hapio-lhp-notif-bell:hover{color:var(--learner-color-text)}.hapio-lhp-notif-bell__ic{width:21px;height:21px;transform-origin:50% 12%}.hapio-lhp-notif-bell.is-ringing .hapio-lhp-notif-bell__ic{animation:hapio-lhp-notif-shake .6s var(--learner-ease-in-out) 0s 2}.hapio-lhp-notif-bell__badge{position:absolute;top:3px;right:2px;min-width:17px;height:17px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--learner-radius-pill);background:var(--learner-color-danger);color:var(--learner-color-on-accent);font-size:10.5px;font-weight:700;line-height:1;box-shadow:0 0 0 2px var(--learner-color-surface)}.hapio-lhp-notif-bell.has-unread .hapio-lhp-notif-bell__badge{animation:hapio-lhp-notif-pulse 2s var(--learner-ease-in-out) infinite}.hapio-lhp-notif-toastwrap{position:fixed;top:74px;right:18px;z-index:100060;max-width:min(360px,calc(100vw - 32px))}.hapio-lhp-notif-toast{position:relative;display:flex;align-items:flex-start;gap:var(--learner-space-2);padding:var(--learner-space-3) var(--learner-space-4);padding-right:34px;border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-md);background:var(--learner-color-surface-raised);box-shadow:var(--learner-shadow-lg);animation:hapio-lhp-notif-toast-in var(--learner-duration-slow) var(--learner-ease-out)}.hapio-lhp-notif-toast__card{display:flex;align-items:flex-start;gap:var(--learner-space-3);flex:1 1 auto;min-width:0;padding:0;border:none;background:transparent;text-align:left;cursor:pointer}.hapio-lhp-notif-toast__ic{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--learner-radius-pill);background:var(--learner-color-brand-soft);color:var(--learner-color-brand)}.hapio-lhp-notif-toast__body{display:flex;flex-direction:column;gap:2px;min-width:0}.hapio-lhp-notif-toast__title{font-size:var(--learner-text-sm);font-weight:700;color:var(--learner-color-text-strong)}.hapio-lhp-notif-toast__text{font-size:var(--learner-text-sm);color:var(--learner-color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hapio-lhp-notif-toast__x{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--learner-radius-pill);background:transparent;color:var(--learner-color-text-subtle);cursor:pointer}.hapio-lhp-notif-toast__x:hover{background:var(--learner-color-surface-soft);color:var(--learner-color-text)}.hapio-lhp-notif-root{position:fixed;inset:0;z-index:100050}.hapio-lhp-notif-scrim{position:absolute;inset:0;background:var(--learner-color-scrim);animation:hapio-lhp-notif-fade var(--learner-duration-base) var(--learner-ease-out)}.hapio-lhp-notif-panel{position:absolute;top:0;right:0;bottom:0;width:420px;max-width:100vw;display:flex;flex-direction:column;background:var(--learner-color-surface);border-left:1px solid var(--learner-color-border);box-shadow:var(--learner-shadow-pop);animation:hapio-lhp-notif-slide var(--learner-duration-slow) var(--learner-ease-out)}.hapio-lhp-notif-head{flex:0 0 auto;display:flex;align-items:center;gap:var(--learner-space-2);padding:var(--learner-space-4);border-bottom:1px solid var(--learner-color-border-soft)}.hapio-lhp-notif-head__ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--learner-radius-pill);background:var(--learner-color-brand-soft);color:var(--learner-color-brand)}.hapio-lhp-notif-head__title{flex:1 1 auto;font-size:var(--learner-text-lg);font-weight:700;color:var(--learner-color-text-strong)}.hapio-lhp-notif-back,.hapio-lhp-notif-x{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;border-radius:var(--learner-radius-pill);background:transparent;color:var(--learner-color-text-muted);cursor:pointer;transition:background var(--learner-duration-fast) var(--learner-ease-out)}.hapio-lhp-notif-back:hover,.hapio-lhp-notif-x:hover{background:var(--learner-color-surface-soft);color:var(--learner-color-text)}.hapio-lhp-notif-back svg,.hapio-lhp-notif-x svg{width:20px;height:20px}.hapio-lhp-notif-readall{flex:0 0 auto;padding:6px 10px;border:none;border-radius:var(--learner-radius-sm);background:transparent;color:var(--learner-color-brand);font-size:var(--learner-text-sm);font-weight:600;cursor:pointer}.hapio-lhp-notif-readall:hover{background:var(--learner-color-brand-soft)}.hapio-lhp-notif-body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.hapio-lhp-notif-loading{display:flex;align-items:center;justify-content:center;gap:var(--learner-space-2);padding:var(--learner-space-6);color:var(--learner-color-text-muted);font-size:var(--learner-text-sm)}.hapio-lhp-notif-spin{width:16px;height:16px;animation:hapio-lhp-notif-spin .9s linear infinite}.hapio-lhp-notif-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--learner-space-2);padding:var(--learner-space-8) var(--learner-space-6);margin:auto 0}.hapio-lhp-notif-empty__ic{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--learner-radius-pill);background:var(--learner-color-surface-soft);color:var(--learner-color-text-subtle)}.hapio-lhp-notif-empty__title{font-size:var(--learner-text-md);font-weight:700;color:var(--learner-color-text)}.hapio-lhp-notif-empty__text{margin:0;max-width:280px;font-size:var(--learner-text-sm);line-height:1.55;color:var(--learner-color-text-muted)}.hapio-lhp-notif-list{list-style:none;margin:0;padding:var(--learner-space-2);display:flex;flex-direction:column;gap:2px}.hapio-lhp-notif-item{display:flex;align-items:flex-start;gap:var(--learner-space-3);width:100%;padding:var(--learner-space-3);border:none;border-radius:var(--learner-radius-md);background:transparent;text-align:left;cursor:pointer;transition:background var(--learner-duration-fast) var(--learner-ease-out)}.hapio-lhp-notif-item:hover{background:var(--learner-color-surface-soft)}.hapio-lhp-notif-item__dot{flex:0 0 auto;width:8px;height:8px;margin-top:7px;border-radius:var(--learner-radius-pill);background:transparent}.hapio-lhp-notif-item__dot.is-on{background:var(--learner-color-danger)}.hapio-lhp-notif-item__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.hapio-lhp-notif-item__top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--learner-space-2)}.hapio-lhp-notif-item__cat{font-size:var(--learner-text-sm);font-weight:700;color:var(--learner-color-text-strong)}.hapio-lhp-notif-item__time{flex:0 0 auto;font-size:var(--learner-text-xs);color:var(--learner-color-text-subtle)}.hapio-lhp-notif-item__label{font-size:var(--learner-text-xs);color:var(--learner-color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hapio-lhp-notif-item__preview{font-size:var(--learner-text-sm);color:var(--learner-color-text-body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hapio-lhp-notif-item__chev{flex:0 0 auto;width:18px;height:18px;margin-top:2px;color:var(--learner-color-text-subtle)}.hapio-lhp-notif-thread{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.hapio-lhp-notif-thread__meta{display:flex;align-items:center;gap:var(--learner-space-2);padding:var(--learner-space-3) var(--learner-space-4) 0}.hapio-lhp-notif-thread__cat{font-size:var(--learner-text-sm);font-weight:700;color:var(--learner-color-text-strong)}.hapio-lhp-notif-chip{padding:2px 9px;border-radius:var(--learner-radius-pill);font-size:var(--learner-text-xs);font-weight:600;background:var(--learner-color-surface-soft);color:var(--learner-color-text-muted)}.hapio-lhp-notif-chip[data-status=open]{background:var(--learner-color-info-soft);color:var(--learner-color-info)}.hapio-lhp-notif-chip[data-status=in_progress]{background:var(--learner-color-warning-soft);color:var(--learner-color-warning)}.hapio-lhp-notif-chip[data-status=resolved]{background:var(--learner-color-success-soft);color:var(--learner-color-success)}.hapio-lhp-notif-thread__label{padding:4px var(--learner-space-4) 0;font-size:var(--learner-text-xs);color:var(--learner-color-text-muted)}.hapio-lhp-notif-thread__msgs{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--learner-space-3);padding:var(--learner-space-4)}.hapio-lhp-notif-msg{display:flex;flex-direction:column;gap:3px;max-width:86%}.hapio-lhp-notif-msg[data-role=user]{align-self:flex-end;align-items:flex-end}.hapio-lhp-notif-msg[data-role=admin]{align-self:flex-start;align-items:flex-start}.hapio-lhp-notif-msg__who{font-size:var(--learner-text-xs);font-weight:600;color:var(--learner-color-text-muted);padding:0 var(--learner-space-1)}.hapio-lhp-notif-msg__bubble{padding:var(--learner-space-3) var(--learner-space-4);border-radius:var(--learner-radius-md);font-size:var(--learner-text-sm);line-height:1.55;white-space:pre-wrap;word-break:break-word}.hapio-lhp-notif-msg[data-role=admin] .hapio-lhp-notif-msg__bubble{background:var(--learner-color-surface-soft);color:var(--learner-color-text);border-bottom-left-radius:var(--learner-radius-xs)}.hapio-lhp-notif-msg[data-role=user] .hapio-lhp-notif-msg__bubble{background:var(--learner-color-brand);color:var(--learner-color-on-accent);border-bottom-right-radius:var(--learner-radius-xs)}.hapio-lhp-notif-msg__time{font-size:11px;color:var(--learner-color-text-subtle);padding:0 var(--learner-space-1)}.hapio-lhp-notif-escalate{flex:0 0 auto;display:flex;align-items:flex-start;gap:var(--learner-space-2);margin:0 var(--learner-space-4) var(--learner-space-1);padding:var(--learner-space-2) var(--learner-space-3);background:var(--learner-color-warning-soft);border:1px solid var(--learner-color-warning);border-radius:var(--learner-radius-md)}.hapio-lhp-notif-escalate__ic{flex:0 0 auto;margin-top:1px;color:var(--learner-color-warning)}.hapio-lhp-notif-escalate__txt{margin:0;font-size:var(--learner-text-xs);line-height:1.5;color:var(--learner-color-text)}.hapio-lhp-notif-escalate__txt a{color:var(--learner-color-warning);font-weight:700;text-decoration:underline;white-space:nowrap}.hapio-lhp-notif-reply{flex:0 0 auto;display:flex;align-items:flex-end;gap:var(--learner-space-2);padding:var(--learner-space-3) var(--learner-space-4);border-top:1px solid var(--learner-color-border-soft);background:var(--learner-color-surface)}.hapio-lhp-notif-reply__input{flex:1 1 auto;min-width:0;resize:none;max-height:120px;padding:var(--learner-space-3);border:1px solid var(--learner-color-border);border-radius:var(--learner-radius-md);background:var(--learner-color-surface-soft);color:var(--learner-color-text);font-family:var(--learner-font-body);font-size:var(--learner-text-sm);line-height:1.5}.hapio-lhp-notif-reply__input:focus{outline:none;border-color:var(--learner-color-brand);background:var(--learner-color-surface)}.hapio-lhp-notif-reply__input::-moz-placeholder{color:var(--learner-color-text-subtle)}.hapio-lhp-notif-reply__input::placeholder{color:var(--learner-color-text-subtle)}.hapio-lhp-notif-reply__send{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 var(--learner-space-4);border:none;border-radius:var(--learner-radius-md);background:var(--learner-color-brand);color:var(--learner-color-on-accent);font-size:var(--learner-text-sm);font-weight:600;cursor:pointer;transition:background var(--learner-duration-fast) var(--learner-ease-out),opacity var(--learner-duration-fast) var(--learner-ease-out)}.hapio-lhp-notif-reply__send:hover:not(:disabled){background:var(--learner-color-brand-strong)}.hapio-lhp-notif-reply__send:disabled{opacity:.55;cursor:default}@media (max-width:560px){.hapio-lhp-notif-panel{width:100vw;border-left:none}.hapio-lhp-notif-toastwrap{top:auto;bottom:16px;right:12px;left:12px;max-width:none}}@keyframes hapio-lhp-notif-shake{0%,to{transform:rotate(0)}15%{transform:rotate(11deg)}30%{transform:rotate(-9deg)}45%{transform:rotate(7deg)}60%{transform:rotate(-5deg)}75%{transform:rotate(3deg)}}@keyframes hapio-lhp-notif-pulse{0%,to{box-shadow:0 0 0 2px var(--learner-color-surface),0 0 0 0 var(--learner-color-danger-soft)}50%{box-shadow:0 0 0 2px var(--learner-color-surface),0 0 0 4px var(--learner-color-danger-soft)}}@keyframes hapio-lhp-notif-spin{to{transform:rotate(1turn)}}@keyframes hapio-lhp-notif-toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes hapio-lhp-notif-fade{0%{opacity:0}to{opacity:1}}@keyframes hapio-lhp-notif-slide{0%{transform:translateX(24px);opacity:.4}to{transform:translateX(0);opacity:1}}@media (prefers-reduced-motion:reduce){.hapio-lhp-notif-bell.has-unread .hapio-lhp-notif-bell__badge,.hapio-lhp-notif-bell.is-ringing .hapio-lhp-notif-bell__ic,.hapio-lhp-notif-panel,.hapio-lhp-notif-scrim,.hapio-lhp-notif-toast{animation:none}}