.lbllogin-nav { display:flex; align-items:center; gap:.5rem; }
.lbllogin-nav__divider { opacity:.5; }

.lbllogin-modal[aria-hidden="true"] { display:none; }
.lbllogin-modal { position:fixed; inset:0; z-index:9999; }
.lbllogin-modal__backdrop { position:absolute; inset:0; background:rgba(0,0,0,.45); }
.lbllogin-modal__dialog {
  position:relative; width:100%; max-width:420px; margin:8vh auto; background:#fff;
  border-radius:12px; padding:22px 22px 18px; box-shadow:0 10px 30px rgba(0,0,0,.2);
}
.lbllogin-close { position:absolute; top:8px; right:10px; border:0; background:transparent; font-size:26px; line-height:1; cursor:pointer; }
.lblfield { margin-bottom:12px; }
.lblfield label { display:block; margin:0 0 6px; font-weight:600; }
.lblfield input { width:100%; padding:10px 12px; border:1px solid #ddd; border-radius:8px; }
.lbllogin-submit { width:100%; padding:12px; border:0; border-radius:10px; background:#111; color:#fff; cursor:pointer; }
.lbllogin-submit:disabled { opacity:.6; cursor:not-allowed; }
.lbllogin-error { margin:6px 0 10px; color:#b10000; font-weight:600; }
.lbllogin-links { margin-top:12px; text-align:center; font-size:.92rem; opacity:.85; }
.lbllogin-links a { text-decoration:underline; }

.lbllogin-confirm-actions { display:flex; gap:10px; justify-content:flex-end; margin-top:16px; }
.lbllogin-btn { padding:10px 14px; border-radius:8px; border:1px solid #ddd; background:#f7f7f7; cursor:pointer; text-decoration:none; display:inline-block; }
.lbllogin-btn:hover { background:#eee; }
.lbllogin-danger { background:#111; color:#fff; border-color:#111; }
.lbllogin-danger:hover { filter:brightness(0.9); }