.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.sync-status{border:1px solid #b9c5d7;border-radius:999px;background:#fff;color:#071f4c;padding:8px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.sync-status[data-status="synced"]{border-color:#8acaa1;background:#edf9f1;color:#176b37}
.sync-status[data-status="saving"],.sync-status[data-status="connecting"]{border-color:#dfba62;background:#fff9e9;color:#775307}
.sync-status[data-status="offline"],.sync-status[data-status="conflict"]{border-color:#e69a9f;background:#fff0f1;color:#a20b16}
.sync-panel{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}
.sync-panel h2{margin:10px 0 6px}
.sync-panel p{margin:0;color:var(--muted)}
.auth-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:auto;padding:24px;background:linear-gradient(135deg,#061a40f2,#0a2b68f2)}
.auth-gate[hidden],.auth-step[hidden]{display:none!important}
.auth-card{width:min(460px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 24px 80px #00112c99}
.auth-brand{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.auth-brand img{width:62px;height:62px;border-radius:10px;object-fit:cover}
.auth-brand strong{display:block;color:var(--navy);font-size:24px;font-style:italic}
.auth-brand span{display:block;color:var(--muted);margin-top:4px}
.auth-step{display:grid;gap:14px;padding-top:22px}
.auth-step h1{margin:0;color:var(--navy);font-size:24px}
.auth-step p{margin:0 0 4px;color:var(--muted);line-height:1.45}
.auth-step label{display:grid;gap:7px;font-size:13px;font-weight:700}
.auth-step input{width:100%;border:1px solid #b9c5d7;border-radius:8px;padding:12px;font:inherit}
.auth-step .primary{width:100%;margin-top:4px}
.auth-alert{margin:18px 0 0;padding:12px;border-radius:8px;background:#fff0f1;color:#a20b16;font-size:13px}
.auth-success{margin:18px 0 0;padding:12px;border-radius:8px;background:#edf9f1;color:#176b37;font-size:13px}
.auth-note{padding:12px;border-radius:8px;background:#fff8e8;color:#775307;font-size:13px}
.auth-step .secondary{width:100%}
.mfa-qr{display:block;width:210px;height:210px;margin:4px auto;border:8px solid #fff}
.mfa-secret-label{text-align:center;font-size:12px}
.mfa-secret{display:block;overflow-wrap:anywhere;border-radius:8px;background:#f0f3f8;padding:10px;text-align:center;color:var(--navy)}
@media(max-width:780px){.topbar-actions{width:100%;justify-content:space-between}.sync-panel{align-items:flex-start;flex-direction:column}.sync-panel .form-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.auth-card{padding:22px}.mfa-qr{width:180px;height:180px}}