.occi-notifications{position:relative;flex:none;color:#172d26;--notification-bg:#fff;--notification-border:#dce5e1;--notification-muted:#596b64;--notification-new:#eef7f2}
.occi-notifications[hidden],.occi-notification-panel[hidden],.occi-notification-count[hidden]{display:none!important}
.occi-notification-bell{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--notification-border);border-radius:8px;background:var(--notification-bg);color:inherit;cursor:pointer}
.occi-notification-count{position:absolute;top:-6px;right:-6px;min-width:18px;padding:2px 4px;border-radius:12px;background:#c94724;color:white;font-size:10px;line-height:14px;font-weight:700}
.occi-notification-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(390px,calc(100vw - 24px));max-height:70vh;overflow:auto;background:var(--notification-bg);border:1px solid var(--notification-border);border-radius:8px;box-shadow:0 12px 35px #0003;z-index:1400;color:inherit;text-align:left}
.occi-notification-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--notification-border)}
.occi-notification-panel button{font:inherit;font-size:12px;color:inherit;background:transparent;border:0;padding:4px;cursor:pointer;text-decoration:underline}
.occi-notification-status{font-size:13px;margin:12px 16px;color:var(--notification-muted)}
.occi-notification-status:empty{display:none}
.occi-notification-item{padding:14px 16px;border-bottom:1px solid var(--notification-border)}
.occi-notification-item.is-unread{background:var(--notification-new);border-left:3px solid #278367;padding-left:13px}
.occi-notification-item p,.occi-notification-toast p{margin:0 0 6px;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.occi-notification-item time{display:block;font-size:12px;color:var(--notification-muted)}
.occi-notification-toasts{position:fixed;right:20px;top:90px;width:min(360px,calc(100vw - 32px));display:grid;gap:10px;z-index:1500;pointer-events:none;font-family:Outfit,Arial,sans-serif}
.occi-notification-toast{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;color:#172d26;border:1px solid #cbdad2;border-left:4px solid #278367;border-radius:8px;box-shadow:0 8px 26px #0003;pointer-events:auto}
.occi-notification-toast button{flex:none;border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer;padding:0 4px}
.occi-notification-toasts[hidden]{display:none}
[data-theme="dark"] .occi-notifications{color:#f1f5f2;--notification-bg:#242725;--notification-border:#4b514d;--notification-muted:#bccbc3;--notification-new:#263c32}
[data-theme="dark"] .occi-notification-toast{background:#242725;color:#f1f5f2;border-color:#4b514d;border-left-color:#63c69b}
@media(max-width:700px){.occi-notification-panel{position:fixed;top:130px;right:12px;max-height:65vh}.occi-notification-toasts{top:145px;right:16px}}