#bc-notifications[hidden],#bcp-notification-panel[hidden]{display:none!important}
#bc-notifications{position:relative}
body.app-ready #bc-command-bar #bc-notifications:not([hidden]){display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0!important}
#bc-notification-count:empty{display:none}
#bc-notification-count{position:absolute;top:-6px;right:-6px;min-width:13px;height:17px;padding:0 3px;border:2px solid #fff;border-radius:12px;background:#2563eb;color:#fff;font-size:10px;line-height:17px;text-align:center;box-sizing:content-box}
.bcp-notifications{position:fixed;z-index:10050;width:420px;max-width:calc(100vw - 24px);display:flex;flex-direction:column;overflow:hidden;background:#fff;color:#172d4d;border:1px solid #dbe4ef;border-radius:18px;box-shadow:0 18px 60px #102d5429;font-family:inherit;text-align:left}
.bcp-notifications *{box-sizing:border-box}
.bcp-notifications header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 14px}
.bcp-notifications h2{font-size:18px;line-height:1.3;margin:0 0 5px;font-weight:750;color:#172d4d}
.bcp-notifications header p{font-size:12px;margin:0;color:#64748b}
.bcp-notifications button{font:inherit;cursor:pointer}
.bcp-notifications [data-notify-close]{background:#f1f5f9;color:#526581;border:0;border-radius:50%;width:32px;height:32px;font-size:23px;line-height:1;flex-shrink:0}
.bcp-notification-tabs{display:flex;gap:6px;padding:0 20px 14px;border-bottom:1px solid #e8eef5}
.bcp-notification-tabs button{border:0;background:transparent;color:#526581;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:650}
.bcp-notification-tabs button[aria-pressed=true]{background:#eaf2ff;color:#1d4ed8}
#bcp-notification-list{min-height:0;overflow:auto;overscroll-behavior:contain}
.bcp-notification-item{display:flex;width:100%;gap:12px;align-items:flex-start;border:0;border-bottom:1px solid #edf1f6;background:#fff;text-align:left;padding:16px 20px;color:inherit}
.bcp-notification-item:hover{background:#f6f9fe}
.bcp-notification-symbol{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:10px;color:#2563eb;background:#eff5ff;font-size:19px;font-weight:700}
.bcp-notification-item.is-urgent .bcp-notification-symbol{color:#b45309;background:#fff5e6}
.bcp-notification-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px;overflow-wrap:anywhere}
.bcp-notification-copy small{font-size:9px;letter-spacing:1px;font-weight:700;color:#62748e}
.bcp-notification-copy strong{font-size:13px;font-weight:650;line-height:1.45;color:#172d4d}
.bcp-notification-copy>span,.bcp-notification-copy time{font-size:11px;line-height:1.5;color:#64748b}
.bcp-notification-arrow{align-self:center;color:#7890ad;font-size:22px}
.bcp-notifications footer{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:13px 20px;background:#f8fafc;border-top:1px solid #e8eef5}
.bcp-notifications footer span{font-size:10px;line-height:1.5;color:#64748b;max-width:220px}
.bcp-notifications [data-notify-read]{border:0;padding:4px 0;background:transparent;color:#2563eb;font-size:11px;font-weight:650;white-space:nowrap}
.bcp-notifications [data-notify-read]:disabled{color:#8491a3;cursor:default}
.bcp-notification-empty{padding:32px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.bcp-notification-empty>span{background:#eef8f4;color:#238569;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:21px}
.bcp-notification-empty strong{font-size:14px}.bcp-notification-empty p{margin:0;font-size:12px;color:#64748b;line-height:1.5}
#bcp-notification-message:empty{display:none}#bcp-notification-message{font-size:12px;margin:0;padding:12px 20px;background:#fff7e8;color:#8a4b16}
.bcp-notifications button:focus-visible{outline:2px solid #2563eb;outline-offset:-3px}
tr.bcp-notification-target{outline:2px solid #3b82f6;outline-offset:-2px;background:#eff6ff!important;scroll-margin:100px}
@media(max-width:480px){.bcp-notifications{right:12px!important;width:calc(100vw - 24px)}.bcp-notifications header,.bcp-notification-item{padding-left:16px;padding-right:16px}.bcp-notifications footer{padding:12px 16px;align-items:flex-start}}
@media(max-width:390px){body.app-ready.bcp-workspace #bc-command-bar .bcp-workspace-brand>b{display:none!important}}
@media print{#bcp-notification-panel{display:none!important}}