/* My vault */
.vstats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 34px 0 14px; }
.vstats div { background: var(--paper); border: 1px solid var(--line); border-radius: var(--r); padding: 16px 18px; display: grid; gap: 2px; }
.vstats small { font: 500 11px var(--mono); color: var(--mute); text-transform: uppercase; letter-spacing: .06em; }
.vstats b { font: 700 28px var(--display); letter-spacing: -.03em; } .vstats span { color: var(--mute); font-size: 13.5px; }
#vault { display: grid; gap: 14px; }
.vlist { display: grid; gap: 6px; }
.vrow { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 12px; background: var(--tint); }
.vrow a b { font-size: 15.5px; } .vrow a .mono { color: var(--mute); font-size: 13px; } .vrow > .mono { font-size: 14px; }
.vrow .tag { font: 600 11px var(--mono); padding: 4px 8px; border-radius: 6px; background: var(--paper); } .vrow .tag.ok { background: var(--lime); }
.vempty { padding: 40px; border-radius: var(--r); background: var(--paper); border: 1px solid var(--line); text-align: center; display: grid; gap: 14px; justify-items: center; }
@media (max-width: 760px) { .vstats { grid-template-columns: minmax(0, 1fr); } .vrow { grid-template-columns: minmax(0, 1fr) auto; } }