/* Wingman live layer — only additions the demo never needed:
   the sign-in screens and the boot veil. Everything uses the demo's
   own tokens so it reads as the same product. */
html.wm-boot .shell, html.wm-boot .sidebar, html.wm-boot .fab, html.wm-boot .topbar .searchBarWrap,
html.wm-boot .topbar .topRight { visibility: hidden; }
html.wm-authing .shell, html.wm-authing .sidebar, html.wm-authing .fab, html.wm-authing .topbar,
html.wm-authing .fabMenu, html.wm-authing .fabBack { display: none !important; }

.wmAuth { position: relative; z-index: 2; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 40px 16px; }
.wmAuthCard { width: 100%; max-width: 440px; }
.wmAuthBrand { display: flex; align-items: center; gap: 11px; margin: 0 0 22px 4px; }
.wmAuthBrand b { display: block; font-size: 13px; font-weight: 800; letter-spacing: .18em; color: var(--txt); line-height: 1.2; }
.wmAuthBrand small { display: block; font-size: 11px; font-weight: 600; color: var(--lime-txt); margin-top: 2px; }
.wmAuthCard .card { padding: 30px; }
.wmAuthCard h1 { font-size: 28px; }
.wmAuthCard .input { width: 100%; }
.wmAuthCard .btnBlock { width: 100%; margin-top: 6px; padding: 13px 18px; font-size: 14px; }
.wmAuthLinks { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 16px; font-size: 13px; }
.wmAuthLinks button { color: var(--sub); font-weight: 700; }
.wmAuthLinks button:hover { color: var(--txt); }
.wmAuthMsg { margin: 12px 0 0; font-size: 13px; display: none; }
.wmAuthMsg.err { display: block; color: var(--err); }
.wmAuthMsg.ok { display: block; color: var(--lime-txt); }
.wmCode { letter-spacing: .5em; font-size: 22px !important; text-align: center; font-weight: 800; }
.wmAuthFoot { margin: 18px 4px 0; font-size: 12px; color: var(--mut); line-height: 1.6; }

.wmBoot { min-height: 60vh; display: flex; align-items: center; justify-content: center; color: var(--mut); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.wmSpin { width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--line2); border-top-color: var(--crim); margin-right: 12px; animation: wmspin .8s linear infinite; }
@keyframes wmspin { to { transform: rotate(360deg); } }
.wmTeamRow { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-top: 1px solid var(--line); }
.wmTeamRow:first-of-type { border-top: 0; }
.wmTeamRow .wmTM { flex: 1; min-width: 0; }
.wmTeamRow .wmTM b { display: block; font-size: 14px; }
.wmTeamRow .wmTM small { display: block; color: var(--mut); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wmLevel { height: 6px; border-radius: 6px; background: var(--line); overflow: hidden; margin: 14px 0 4px; }
.wmLevel i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--crim), #ff6b7d); transition: width .08s linear; }