.set-changed-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s2); margin-bottom: var(--s2); }
.set-changed-head h2 { margin: 0; }
.set-changed-head h2 a { color: inherit; }

.undo-say { margin: 0 0 var(--s2); }
.undo-list { max-height: 50vh; overflow-y: auto; }
.undo-row { display: flex; align-items: center; gap: var(--s3); }
.undo-row .grow { min-width: 0; }
.undo-text { overflow-wrap: anywhere; }
.nav-undo .count { margin-inline-start: auto; }


.swatch-any { position: relative; overflow: hidden; display: inline-block; background: conic-gradient(#ef4444, #f59e0b, #22c55e, #14b8a6, #3b82f6, #7c6cff, #ec4899, #ef4444); }
.swatch-pick { position: absolute; inset: -6px; width: calc(100% + 12px); height: calc(100% + 12px); opacity: 0; cursor: pointer; padding: 0; border: 0; }
.swatch-any:focus-within { outline: 2px solid var(--ring, var(--accent)); outline-offset: 2px; }


:root[data-sidebar="narrow"] { --sidebar: 210px; }
:root[data-sidebar="wide"] { --sidebar: 300px; }


:root[data-motion="less"] *, :root[data-motion="less"] *::before, :root[data-motion="less"] *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; scroll-behavior: auto !important; }
:root[data-motion="less"] .skeleton { animation: none; }


:root.vb-away[data-blur-away="on"] #root { filter: blur(14px); }


:root[data-mail-density="compact"] .vb-row { min-height: 56px; }
:root[data-mail-density="compact"] .vb-row .vb-row-link { padding-top: 2px; padding-bottom: 2px; line-height: 1.25; }
:root[data-mail-density="comfortable"] .vb-row { min-height: 76px; }
@media (max-width: 760px) { :root[data-mail-density="comfortable"] .vb-row { min-height: 72px; } }


.codes .otp-group { grid-column: 1 / -1; font-size: .85rem; font-weight: 620; color: var(--muted); margin: var(--s2) 0 0; }
.codes .otp-group:first-child { margin-top: 0; }
.totp-code.otp-veiled { font-size: 0 !important; letter-spacing: 0 !important; user-select: none; }
.totp-code.otp-veiled::before { content: "••• •••"; font-size: 1.9rem; letter-spacing: .05em; color: var(--muted); }
.otp-next.otp-veiled { visibility: hidden; }
@media (max-width: 760px) { .totp-code.otp-veiled::before { font-size: 1.2rem; } }