.vault-page { padding-block: 44px 72px; }
.vault-page .page-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; margin: 24px 0; }
.vault-page .profile-privacy { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; border-color: var(--line); background: #131e22; border-radius: 12px; }
.vault-page input[type=file] { flex: 1 1 240px; min-width: 0; max-width: 100%; }
.vault-record { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 20px; padding: 24px; margin-top: 16px; border: 1px solid var(--line); border-radius: 12px; background: #131e22; }
.vault-record h2 { margin: 6px 0; font-size: 24px; overflow-wrap: anywhere; }
.vault-record p { color: var(--muted); margin-bottom: 0; }
.vault-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.vault-actions form { margin: 0; }
.vault-actions .danger { color: #edb4a8; }
.vault-share { grid-column: 1 / -1; border-top: 1px solid var(--line); padding-top: 16px; }
.vault-share summary { cursor: pointer; color: var(--accent, #70ddbc); }
.vault-share .stack-form { max-width: 640px; margin-top: 16px; }
@media (max-width: 1000px) { .vault-record { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 520px) { .vault-record { padding: 18px; } .vault-page .profile-privacy > label:first-of-type { width: 100%; } .vault-actions { flex-direction: column; } .vault-actions .btn { width: 100%; } }