.cloche{display:inline-flex;position:relative}.cloche__btn{border:1px solid var(--line2,#e7e2da);background:var(--surface,#fff);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;line-height:1;display:inline-flex;position:relative}.cloche__btn:hover{background:var(--cloud,#f3f0ea)}.cloche__badge{background:var(--o500,#ff7200);color:#fff;text-align:center;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--surface,#fff);border-radius:999px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-6px}.cloche__voile{z-index:40;cursor:default;background:0 0;border:0;position:fixed;inset:0}.cloche__panneau{z-index:41;background:var(--surface,#fff);border:1px solid var(--line2,#e7e2da);width:360px;max-width:calc(100vw - 24px);max-height:min(72vh,560px);box-shadow:var(--sh2,0 12px 32px #14131229);border-radius:16px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.cloche__tete{border-bottom:1px solid var(--line2,#e7e2da);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.cloche__tete strong{font-size:15px}.cloche__gear{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px 8px;font-size:16px}.cloche__gear:hover{background:var(--cloud,#f3f0ea)}.cloche__barre{border-bottom:1px solid var(--line2,#e7e2da);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.cloche__filtres{gap:4px;display:inline-flex}.cloche__filtres button{border:1px solid var(--line2,#e7e2da);background:var(--surface,#fff);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:13px}.cloche__filtres button.on{background:var(--ink,#141312);color:#fff;border-color:var(--ink,#141312)}.cloche__tout{color:var(--accent,#bb5201);cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:13px}.cloche__tout:disabled{color:var(--faint,#989187);cursor:default}.cloche__liste{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.cloche__liste>li{border-bottom:1px solid var(--line1,#f0ece5)}.cloche__liste>li.nonlu{background:color-mix(in srgb, var(--o500,#ff7200) 7%, var(--surface,#fff))}.cloche__item{text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;display:flex}.cloche__item:hover{background:var(--cloud,#f3f0ea)}.cloche__ic{flex:none;font-size:18px;line-height:1.2}.cloche__txt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cloche__titre{color:var(--ink,#141312);font-size:14px;font-weight:600}.cloche__detail{color:var(--muted,#5b544c);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.cloche__date{color:var(--faint,#989187);font-size:12px}.cloche__point{background:var(--o500,#ff7200);border-radius:999px;flex:none;width:8px;height:8px;margin-top:6px}.cloche__vide{text-align:center;color:var(--faint,#989187);padding:28px 14px;font-size:13px}.cloche__reglages{padding:8px 14px 14px;overflow-y:auto}.cloche__aide{color:var(--muted,#5b544c);margin:6px 0 10px;font-size:12px}.cloche__reglages ul{margin:0;padding:0;list-style:none}.cloche__reglages li{border-bottom:1px solid var(--line1,#f0ece5);padding:8px 0}.cloche__reglages label{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.cloche__reglages input{flex:none;width:18px;height:18px}.cloche__critique{color:var(--faint,#989187);text-transform:uppercase;letter-spacing:.03em;margin-left:auto;font-size:11px;font-style:normal}@media (max-width:520px){.cloche__panneau{width:auto;position:fixed;top:60px;left:12px;right:12px}}