/* Foldery prywatne: ekran hasła i klucz awaryjny. */
.private-wrap{display:grid;gap:16px;max-width:620px}
.private-gate{padding:24px;display:block}
.private-gate h2{margin:12px 0 8px;font-size:18px}
.private-gate p{line-height:1.6;margin:0 0 14px;color:var(--muted)}
.private-gate .folder-icon{display:inline-flex}
.private-gate .actions{margin-top:4px}
.private-recover summary{cursor:pointer;font-weight:600}
.private-recover form{margin-top:16px}
.private-error{color:var(--red);min-height:1.2em;margin:10px 0 0}
.private-key{font:600 18px/1.7 ui-monospace,Menlo,monospace;letter-spacing:.04em;word-spacing:.35em;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--bg);user-select:all;overflow-wrap:anywhere}
/* Weryfikacja dwuetapowa */
.mfa-head{font-size:15px;margin:18px 0 8px}
.mfa-head:first-child{margin-top:0}
.mfa-steps{margin:0 0 14px;padding-left:20px;line-height:1.7}
.mfa-qr{display:flex;justify-content:center;margin:6px 0 12px}
.mfa-qr svg{width:220px;height:auto;border-radius:8px}
.mfa-secret{font:600 15px/1.8 ui-monospace,Menlo,monospace;user-select:all;word-spacing:.3em}
/* Publiczny link udostępniania */
.share-page{background:var(--bg,#f5f3ed);min-height:100vh}
.share-wrap{max-width:1100px;margin:0 auto;padding:32px 16px}
.share-wrap h1{margin:0 0 6px}
.share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:20px}
.share-grid figure{margin:0;background:var(--panel,#fff);border:1px solid var(--line,#ddd);border-radius:12px;overflow:hidden}
.share-grid img,.share-file{display:block;width:100%;aspect-ratio:1;object-fit:cover;font-size:48px;text-align:center;line-height:180px}
.share-grid figcaption{padding:8px 10px;font-size:13px;display:grid;gap:4px;word-break:break-word}
.dupe-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;vertical-align:middle;margin-right:10px}
/* Podgląd hasła */
.pw-wrap{position:relative;display:block}
.pw-wrap input{width:100%;box-sizing:border-box;padding-right:46px}
.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--muted,#7a7a7a);cursor:pointer}
.pw-eye:hover,.pw-eye.on{color:var(--text,#222)}
.pw-eye.on svg path{stroke-dasharray:none}
.pw-eye:focus-visible{outline:2px solid var(--accent,#2f6f5e);outline-offset:1px}
