body.v7 .v12-bell{display:inline-flex;align-items:center;justify-content:center;position:relative;min-width:44px;min-height:44px;margin-left:auto;color:var(--ink);text-decoration:none;border-radius:50%}
.v12-bell[hidden]{display:none!important}.v12-bell:focus-visible{outline:3px solid #4f7965;outline-offset:2px}.v12-bell .v7-icon{width:24px;height:24px}.v12-badge{position:absolute;right:0;top:0;border-radius:20px;background:#dcebe1;color:#174d35;font-size:.75rem;min-width:19px;text-align:center;padding:2px 5px}
.v12-list{display:grid;gap:14px;max-width:1000px}.v12-notification{position:relative;background:#fff;border:1px solid #dfe7e1;border-radius:14px;padding:20px}.v12-notification.unread{border-left:4px solid #44785d}.v12-notification h2{font-size:1.1rem;margin:0 0 8px}.v12-notification p{margin:8px 0}.v12-read-label{font-size:.8rem;margin-left:14px;color:#567064}.v12-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px}.v12-preferences{max-width:720px;display:grid;gap:18px}.v12-preferences fieldset{border:1px solid #dfe7e1;border-radius:14px;padding:12px 18px}.v12-preferences legend{padding:0 5px;font-weight:700}.v12-choice{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:10px 0;margin:0!important}.v12-choice input{width:22px!important;height:22px;flex-shrink:0;accent-color:#235c42}.v12-receipt{min-height:1.5em}
body[data-display-mode=visual] .v12-notification{padding:24px;border-top:6px solid #91b99c;background:linear-gradient(150deg,#edf5ed,#fff 40%)}
body[data-display-mode=minimal] .v12-notification{border-radius:0;border-width:0 0 1px;background:transparent;padding:24px 4px}body[data-display-mode=minimal] .v12-notification.unread{border-left:3px solid #44785d;padding-left:16px}body[data-display-mode=minimal] .v12-preferences fieldset{border-width:0 0 1px;border-radius:0}
@media(max-width:700px){body.v7 .v12-bell{margin-left:auto}body.v7 .v7-top-more{margin-left:4px;order:3}.v12-notification{padding:16px}.v12-actions{gap:10px}.v12-preferences fieldset{padding:10px 12px}.v12-choice{gap:12px}.v12-choice span{max-width:calc(100% - 40px)}}
