/* Faithful desktop · the notification bell. See faithful-desktop-notifications.js. */
.tb-bell{outline-offset:2px}
.tb-bell:focus-visible{outline:3px solid #3285bf}

.tb-notif-panel{position:absolute;top:40px;right:0;width:320px;max-height:400px;overflow-y:auto;background:#fff;border:1px solid var(--central-line);border-radius:14px;box-shadow:0 12px 32px rgba(12,25,41,.16);z-index:60;padding:6px;cursor:default}
.tb-notif-panel[hidden]{display:none}

.tb-notif-empty{margin:0;padding:20px 14px;text-align:center;font-size:13px;color:var(--central-grey)}

.tb-notif-row{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 8px;border:0;border-radius:10px;background:none;text-align:left;cursor:pointer;font-family:inherit}
.tb-notif-row:not(:disabled):hover{background:#f7f8fa}
.tb-notif-row:disabled{cursor:default;opacity:.6}
.tb-notif-row:focus-visible{outline:3px solid #3285bf;outline-offset:-2px}

.tb-notif-dot{flex:none;width:8px;height:8px;margin-top:5px;border-radius:50%;background:transparent}
.tb-notif-row.is-unread .tb-notif-dot{background:#dc2626}

.tb-notif-body{flex:1;min-width:0}
.tb-notif-title{display:block;font-size:13px;font-weight:600;color:var(--central-black)}
.tb-notif-row:not(.is-unread) .tb-notif-title{font-weight:500}
.tb-notif-text{display:block;margin-top:2px;font-size:12px;line-height:1.4;color:var(--central-grey);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.tb-notif-time{flex:none;font-size:11px;color:var(--central-grey);padding-top:1px}