.ultra-notify{position:relative;display:inline-flex;align-items:center}
.ultra-notify-button{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid var(--border,#d8d7d1);border-radius:999px;background:var(--surface,#fff);color:var(--text,#1f2937);font:inherit;font-weight:700;cursor:pointer}
.ultra-notify-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#b42318;color:#fff;font-size:11px}
.ultra-notify-count[hidden]{display:none}
.ultra-notify-panel{position:absolute;z-index:10000;right:0;top:calc(100% + 10px);width:min(390px,calc(100vw - 24px));max-height:70vh;overflow:auto;border:1px solid var(--border,#d8d7d1);border-radius:20px;background:var(--surface,#fff);color:var(--text,#1f2937);box-shadow:0 24px 60px rgba(16,24,40,.22);padding:12px}
.ultra-notify-panel[hidden]{display:none}
.ultra-notify-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 4px 10px}
.ultra-notify-head button{border:0;background:transparent;color:inherit;cursor:pointer;text-decoration:underline}
.ultra-notify-list{display:grid;gap:8px}
.ultra-notify-item{display:grid;gap:4px;width:100%;padding:11px;border:1px solid var(--border,#d8d7d1);border-radius:15px;background:var(--surface-2,#f7f0e7);color:inherit;text-align:left;cursor:pointer}
.ultra-notify-item[data-unread="true"]{border-left:4px solid #0f766e;background:rgba(15,118,110,.09)}
.ultra-notify-item small{color:var(--text-soft,#667085)}
.ultra-notify-empty{padding:20px;text-align:center;color:var(--text-soft,#667085)}
@media(max-width:700px){.ultra-notify{position:static}.ultra-notify-panel{position:fixed;top:70px;right:12px;left:12px;width:auto}}