:root[data-font="small"] body { zoom: .92; }
:root[data-font="large"] body { zoom: 1.12; }
:root[data-density="compact"] .row { padding-top: 3px; padding-bottom: 3px; min-height: 40px; }
:root[data-density="compact"] .vb-row { min-height: 56px; }
:root[data-density="compact"] .list { gap: 0; }


@media (min-width: 761px) {
  .sidebar { overflow: hidden; }
  .sidebar > .nav:not(.nav-foot) { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
  .sidebar > .spacer { display: none; }
  .sidebar > .nav-foot { flex: none; margin-top: var(--s2); }
}


.palette-row.on { flex-wrap: wrap; }
.palette-row.on > .grow { flex: 1 1 60%; }
.palette-row.on .palette-acts { flex: 1 1 100%; justify-content: flex-start; padding: 0 0 var(--s2) 44px; }


.cm { max-width: min(460px, 92vw); }
.cm-label, .cm-label * { white-space: normal; overflow-wrap: anywhere; }
.row .cm-more { opacity: .75; }


.row .title[dir="auto"], .row .meta[dir="auto"], .nav a > span[dir="auto"], .otp-rname [dir="auto"], .code-card [dir="auto"], .otp-card [dir="auto"], .ios-list [dir="auto"], .palette-row [dir="auto"], .vb-row [dir="auto"] { text-align: left; }


.item-head h1 { cursor: pointer; }
.item-head h1:not(.clamp-2) { overflow-wrap: anywhere; }


:root[data-theme="light"] .totp-code, :root[data-theme="light"] .otp-next { color: var(--accent-strong); }
:root[data-theme="light"] .vb-unread-badge { background: var(--accent-strong); color: #fff; border-color: transparent; }
.vb-pick-box { width: 20px; height: 20px; }
.vb-split.selecting .vb-row .vb-pick { min-width: 0; }
.vb-split.selecting .vb-row .vb-pick, .vb-row.selected .vb-pick { width: 32px; }


.ai-addr { flex-wrap: nowrap; }
.ai-addr-link { flex: 0 1 auto; }
.ai-switch-box { display: inline-flex; align-items: center; gap: var(--s1); cursor: pointer; }



.vb-row-switch { display: inline-flex; align-items: center; gap: var(--s1); cursor: pointer; }
.vb-row-state { font-size: .75rem; color: var(--muted); min-width: 2em; text-align: right; }
@media (max-width: 760px) { .vb-row-state { display: none; } }


.vb-deleted-row { display: flex; align-items: center; gap: var(--s3); flex-wrap: wrap; padding: var(--s2) var(--s3); cursor: default; }
.vb-deleted-row > .grow { display: flex; flex-direction: column; min-width: 200px; flex: 1 1 240px; gap: 2px; }
.vb-deleted-addr { font-weight: 600; overflow-wrap: anywhere; }
.vb-deleted-login { display: inline-flex; align-items: center; gap: var(--s1); }
.vb-deleted-login .ico { width: 13px; height: 13px; }
.vb-deleted-btns { display: flex; gap: var(--s2); flex-wrap: wrap; }

.vb-deleted-of { font-weight: 450; color: var(--muted); }
.vb-deleted-row.nested { position: relative; padding-left: 36px; }
.vb-deleted-row.nested::before { content: ""; position: absolute; left: 21px; top: 0; bottom: 0; width: 2px; background: var(--border); }


.vb-connect-manual { margin-top: var(--s3); }
.vb-connect-manual > summary { cursor: pointer; color: var(--muted); }
.vb-send-opts { margin: var(--s3) 0; }
.vb-send-opts > summary { cursor: pointer; font-weight: 600; margin-bottom: var(--s2); }


.gen-reset { margin-top: var(--s3); }
.gen-weak, .pg-warn { margin-top: var(--s2); }
.seg.gen-kinds, .pwgen-pop .pg-seg { display: flex; height: auto; min-height: var(--ctl); flex-wrap: wrap; }
.seg.gen-kinds > button, .pwgen-pop .pg-seg > button { height: auto; flex: 1 1 auto; justify-content: center; padding-top: 5px; padding-bottom: 5px; }
.gen-alias-tip { margin-top: var(--s3); }
.pop-actions .pg-reset { margin-right: auto; }


.list-note { padding: 0 var(--s3) var(--s2); }
.id-docs { margin-top: var(--s2); }


.h-row-btns { display: flex; align-items: center; gap: var(--s2); flex-wrap: wrap; justify-content: flex-end; flex: none; }
.h-dup-head { display: flex; align-items: center; gap: var(--s2); }
.h-merge-row { cursor: pointer; display: flex; align-items: center; gap: var(--s3); }
.h-ignored { margin-top: var(--s3); }
.h-score.muted { --ring-c: var(--border); color: var(--muted); }
@media (max-width: 760px) { .h-row-btns { flex: 1 1 100%; justify-content: flex-start; } .health .row { flex-wrap: wrap; } }


.otp-clock-note { display: flex; align-items: center; gap: var(--s2); flex-basis: 100%; margin-top: var(--s1); color: var(--warn); font-size: .85rem; flex-wrap: wrap; }
.otp-clock-note .ico { width: 15px; height: 15px; flex: none; }
.kv .v:has(.otp-clock-note) { flex-wrap: wrap; }


.signin-new { background: color-mix(in srgb, var(--warn) 9%, transparent); border-radius: var(--radius-ctl, 8px); }


.wl-head .btn { flex: none; }


.ext-steps { margin: var(--s3) 0; padding-left: 22px; display: flex; flex-direction: column; gap: var(--s1); }
.ext-page .seg { margin-top: var(--s1); }