/* Linkadia 1.7 component styles.
   New feature-specific rules live here so the legacy stylesheet can be refactored independently. */
[data-site-picker]{position:relative}
[data-site-picker-results]{position:absolute;z-index:30;left:0;right:0;top:100%;max-height:320px;overflow:auto;background:var(--panel,#fff);border:1px solid var(--border,#d8dde8);border-radius:10px;box-shadow:0 12px 30px rgba(24,35,54,.14)}
[data-site-picker-results][hidden]{display:none}
[data-site-picker-results] button{display:flex;width:100%;gap:10px;justify-content:space-between;align-items:center;padding:10px 12px;border:0;border-bottom:1px solid var(--border,#e8ebf0);background:transparent;text-align:left;cursor:pointer}
[data-site-picker-results] button:last-child{border-bottom:0}
[data-site-picker-results] button:hover,[data-site-picker-results] button.active{background:rgba(55,96,214,.08)}
[data-site-picker-results] small{opacity:.7}
.autosave-restore{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px;padding:12px;border:1px solid var(--border,#d8dde8);border-radius:10px;background:rgba(55,96,214,.05)}
.autosave-restore span{flex:1 1 260px}
.collection-note-form{display:flex;gap:8px;align-items:end;flex:1 1 360px}
.collection-note-form label{flex:1;margin:0}
.collection-collaborators-panel{margin-top:24px}
.collection-delete-form{margin-top:28px}
@media(max-width:760px){.collection-note-form{flex-basis:100%;align-items:stretch;flex-direction:column}.collection-manage-row{flex-wrap:wrap}}
.section-gap-12{margin-top:12px}
.section-gap-16{margin-top:16px}
.section-gap-18{margin-top:18px}
.section-gap-20{margin-top:20px}
.section-gap-24{margin-top:24px}
.section-gap-36{margin-top:36px}
.stack-gap-12{margin-bottom:12px}
.settings-main-stack{display:grid;gap:18px;min-width:0}
.two-factor-panel .section-head{align-items:flex-start}
.security-status{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid var(--border,#d8dde8);border-radius:999px;font-size:.85rem;font-weight:700}
.security-status.enabled{background:rgba(35,145,90,.1);border-color:rgba(35,145,90,.25);color:#197346}
.two-factor-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.two-factor-option{padding:18px;border:1px solid var(--border,#d8dde8);border-radius:12px;background:rgba(255,255,255,.42)}
.two-factor-option h3{margin-top:0}
.totp-qr{display:inline-flex;padding:12px;border:1px solid var(--border,#d8dde8);border-radius:10px;background:#fff}
.totp-qr canvas{display:block;width:220px;height:220px;max-width:100%}
.totp-secret{display:block;max-width:100%;padding:10px 12px;overflow-wrap:anywhere;word-break:break-all;background:rgba(0,0,0,.04);border-radius:8px;letter-spacing:.08em}
.danger-zone-inline{max-width:620px}
.access-counter{display:inline-flex;gap:6px;align-items:center;font-variant-numeric:tabular-nums}
.admin-access-metrics{margin-top:18px}
.announcement-edit{margin-top:12px}
.announcement-edit summary{cursor:pointer;font-weight:700}
.announcement-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media(max-width:760px){.two-factor-options{grid-template-columns:1fr}.totp-qr canvas{width:190px;height:190px}}