.cp-notify-bell{position:relative;flex-shrink:0}.cp-notify-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:.5px solid transparent;background:transparent;color:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease}.cp-notify-bell--dashboard .cp-notify-bell-btn{color:#475569;border-color:#e2e8f0;background:#fff}.cp-notify-bell--dashboard .cp-notify-bell-btn:hover{background:#f8fafc;border-color:#cbd5e1}.cp-notify-bell--display .cp-notify-bell-btn{width:42px;height:42px;color:#fff;border-color:rgba(255,255,255,.35);background:rgba(0,0,0,.4);box-shadow:0 2px 12px rgba(0,0,0,.25)}.cp-notify-bell--display .cp-notify-bell-btn:hover{background:rgba(0,0,0,.55);border-color:rgba(255,255,255,.5)}.cp-notify-bell.is-pulse .cp-notify-bell-btn{animation:cp-notify-pulse .55s ease 2}@keyframes cp-notify-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.cp-notify-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#e5484d;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;border:1.5px solid #fff}.cp-notify-bell--display .cp-notify-badge{border-color:rgba(12,15,24,.85)}.cp-notify-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(340px,calc(100vw - 24px));max-height:360px;overflow:hidden;display:flex;flex-direction:column;border-radius:12px;border:.5px solid #e2e8f0;background:#fff;box-shadow:0 12px 40px rgba(15,23,42,.14);z-index:100}.cp-notify-bell--display .cp-notify-panel{border-color:rgba(255,255,255,.12);background:rgba(18,22,32,.96);box-shadow:0 16px 48px rgba(0,0,0,.45)}.cp-notify-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:.5px solid #e2e8f0;font-size:12px;font-weight:600;color:#334155}.cp-notify-bell--display .cp-notify-panel-head{border-bottom-color:rgba(255,255,255,.08);color:rgba(255,255,255,.85)}.cp-notify-clear{font-size:11px;font-weight:500;color:#64748b;background:none;border:none;cursor:pointer;padding:0}.cp-notify-bell--display .cp-notify-clear{color:rgba(255,255,255,.45)}.cp-notify-list{list-style:none;margin:0;padding:6px;overflow-y:auto}.cp-notify-empty{padding:20px 12px;text-align:center;font-size:13px;color:#94a3b8}.cp-notify-bell--display .cp-notify-empty{color:rgba(255,255,255,.4)}.cp-notify-item{display:flex;gap:10px;width:100%;text-align:left;padding:10px;border:none;border-radius:8px;background:transparent;cursor:pointer;color:inherit}.cp-notify-item:hover{background:#f8fafc}.cp-notify-bell--display .cp-notify-item:hover{background:rgba(255,255,255,.06)}.cp-notify-item.is-unread{background:#f0fdf9}.cp-notify-bell--display .cp-notify-item.is-unread{background:rgba(93,202,165,.1)}.cp-notify-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.cp-notify-dot--display{background:#0f6e56}.cp-notify-dot--resident{background:#534ab7}.cp-notify-dot--reminder{background:#ef9f27}.cp-notify-item-body{display:flex;flex-direction:column;gap:2px;min-width:0}.cp-notify-item-msg{font-size:13px;line-height:1.45;color:#1e293b}.cp-notify-bell--display .cp-notify-item-msg{color:rgba(255,255,255,.92)}.cp-notify-item-time{font-size:11px;color:#94a3b8}.cp-notify-bell--display .cp-notify-item-time{color:rgba(255,255,255,.4)}.dashboard-shell .dash-topbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 28px 0}.display-board-notify-wrap{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:180px;position:relative;z-index:15}.display-board-topbar .cp-notify-bell{flex-shrink:0}