/* ===== 本地登录门禁 (离线可用) ===== */
.auth-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);padding:20px}
.auth-card{width:340px;max-width:100%;background:#fff;border-radius:18px;padding:32px 28px;
  box-shadow:0 20px 60px rgba(0,0,0,.45);text-align:center;animation:authPop .25s ease-out}
@keyframes authPop{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
.auth-logo{width:56px;height:56px;border-radius:14px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;
  font-size:28px;font-weight:800;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8)}
.auth-title{font-size:19px;font-weight:700;color:#0f172a}
.auth-sub{font-size:13px;color:#64748b;margin:6px 0 18px}
.auth-pin-wrap{display:flex;justify-content:center}
.auth-pin{width:100%;max-width:220px;text-align:center;font-size:24px;letter-spacing:8px;
  padding:12px;border:2px solid #cbd5e1;border-radius:12px;outline:none;transition:border-color .15s}
.auth-pin:focus{border-color:#2563eb}
.auth-msg{min-height:18px;font-size:13px;margin:10px 0 4px;color:#16a34a}
.auth-msg.err{color:#dc2626}
.auth-remember{display:flex;align-items:center;gap:8px;justify-content:center;font-size:13px;color:#475569;margin:6px 0 14px;cursor:pointer}
.auth-btn{width:100%;padding:12px;font-size:15px}
.auth-link{display:block;margin:12px auto 0;background:none;border:none;color:#2563eb;font-size:13px;cursor:pointer;text-decoration:underline}
.auth-hint{margin-top:16px;font-size:11px;color:#94a3b8;line-height:1.5}

/* 离线状态徽标 */
#offlineBadge{position:fixed;top:10px;right:14px;z-index:9990;font-size:12px;font-weight:600;
  padding:4px 12px;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none}
#offlineBadge.online{background:#dcfce7;color:#166534}
#offlineBadge.offline{background:#fee2e2;color:#991b1b}