/* nxw_login.css - the shared NXW sign-in box, built to the NXW website model (NXWWEB js/site.js "lg-" card, css/site.css).
   2026-10-29: same size, width, fonts, tabs and spacing as the NXW website box in every app. Every rule starts with the
   root id #nxwLg (or .nxw-lg-acct-btn / .nxw-mb outside the box) and uses px only, so the app's own CSS (Bootstrap 3 / 5,
   bslib, html font-size, body font / line-height, label / input / button / h2 / p / ul rules) cannot change the box.
   --nxw-accent comes from COLOR in SHINY_APPS_CONFIG (nxw_login_head); NXW blue #2f6fd8 when empty.
   Fonts: Poppins 300-700 and Montserrat 800 (the "NXW" name), loaded by nxw_login_head from Google Fonts. */
:root { --nxw-accent:#2f6fd8; }
html.nxw-lg-on { overflow:hidden; }

/* ---- root: the backdrop, and every inherited text property fixed here, not taken from the app ---- */
#nxwLg.nxw-lg {
  --a: var(--nxw-accent, #2f6fd8);
  --a-hi: color-mix(in srgb, var(--a) 80%, #6e9cf5);
  position:fixed; inset:0; top:0; right:0; bottom:0; left:0; z-index:9000; overflow-y:auto; display:flex; margin:0; padding:16px; box-sizing:border-box;
  width:auto; height:auto; max-width:none; border:0; border-radius:0; box-shadow:none; float:none; transform:none; opacity:1;
  background:rgba(5,11,26,.78); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  font-family:Poppins, "Segoe UI", Arial, sans-serif; font-size:15.5px; font-weight:400; font-style:normal; line-height:1.65;
  font-variant:normal; font-feature-settings:normal; font-kerning:auto; font-stretch:normal; text-rendering:auto; -webkit-font-smoothing:auto;
  letter-spacing:normal; word-spacing:normal; text-transform:none; text-align:left; text-indent:0; text-shadow:none; text-decoration:none;
  white-space:normal; word-break:normal; overflow-wrap:normal; direction:ltr; color:#e8ebf7; visibility:visible; color-scheme:light;
  -webkit-text-size-adjust:100%; text-size-adjust:100%;
}
@supports not (color: color-mix(in srgb, red 50%, white)) { #nxwLg.nxw-lg { --a-hi:#3d7ee6; } }
#nxwLg.nxw-lg.nxw-lg-locked { background:radial-gradient(ellipse at 30% 20%, #1a3a7a 0%, #0a1530 55%, #060d20 100%); }
#nxwLg[hidden], #nxwLg [hidden] { display:none !important; }

/* ---- reset inside the box: nothing from the app's element rules gets through ---- */
#nxwLg *, #nxwLg *::before, #nxwLg *::after { box-sizing:border-box; }
#nxwLg :is(div, span, b, i, small, strong, em, h2, h3, p, ul, li, a, label, form, button, input, canvas, img, svg) {
  margin:0; padding:0; border:0; border-radius:0; font:inherit; letter-spacing:inherit; word-spacing:inherit; text-transform:inherit;
  text-indent:0; text-shadow:none; text-decoration:none; color:inherit; background:none; box-shadow:none; float:none; min-width:0; max-width:none;
  min-height:0; vertical-align:baseline; outline:none; transition:none; transform:none; opacity:1; list-style:none; content:normal; }
#nxwLg :is(div, span, b, i, small, strong, em, h2, h3, p, ul, li, a, label, form, button, input, canvas, img, svg)::before,
#nxwLg :is(div, span, b, i, small, strong, em, h2, h3, p, ul, li, a, label, form, button, input, canvas, img, svg)::after { content:none; }
#nxwLg :is(button, input) { -webkit-appearance:none; appearance:none; text-align:inherit; cursor:pointer; line-height:inherit; height:auto; width:auto; }
#nxwLg button:focus-visible { outline:2px solid #5b8fe8; outline-offset:2px; }
#nxwLg img { display:inline-block; }
#nxwLg svg { overflow:hidden; }

/* ---- the card ---- */
#nxwLg .nxw-lg-box { position:relative; margin:auto; width:100%; max-width:900px; max-height:calc(100vh - 32px); overflow-y:auto;
  display:grid; grid-template-columns:330px minmax(0, 1fr); gap:0 36px; align-items:stretch; padding:30px 34px 28px;
  background:#0b1a3e; border:1px solid #1f3768; border-top:3px solid var(--a); border-radius:16px; box-shadow:0 30px 80px rgba(0,0,0,.5); color:#e8ebf7; text-align:left; }
#nxwLg .nxw-lg-x { position:absolute; top:14px; right:16px; width:30px; height:30px; padding:1px 6px; border:0; border-radius:8px; background:transparent;
  color:#8fa3cc; font:400 24px/1 Arial, Helvetica, sans-serif; letter-spacing:normal; text-transform:none; text-align:center; cursor:pointer; z-index:1; }
#nxwLg .nxw-lg-x:hover { color:#e9b54a; }
#nxwLg.nxw-lg-locked .nxw-lg-x { display:none; }

/* ---- left column ---- */
#nxwLg .nxw-lg-side { display:flex; flex-direction:column; min-width:0; padding:0 32px 0 0; border-right:1px solid #1f3768; }
#nxwLg .nxw-lg-brand { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 0 16px; margin:0 0 18px; border-bottom:1px solid #1f3768; }
#nxwLg .nxw-lg-prod { display:flex; flex-direction:column; line-height:1; min-width:0; }
#nxwLg .nxw-lg-prod b { display:block; font-family:Montserrat, Poppins, sans-serif; font-size:36px; font-weight:800; font-style:normal; line-height:1; letter-spacing:.1em; color:#e1bb64; white-space:nowrap; }
#nxwLg .nxw-lg-prod i { display:block; font-family:Poppins, "Segoe UI", Arial, sans-serif; font-size:13px; font-weight:700; font-style:normal; line-height:1; letter-spacing:.22em; color:#7fa9f2; margin:8px 0 0; white-space:nowrap; }
#nxwLg .nxw-lg-brand img { display:block; height:52px; width:auto; max-width:none; flex:none; }
#nxwLg .nxw-lg-sv { display:flex; flex-direction:column; flex:1 1 auto; min-width:0; }
#nxwLg .nxw-lg-kick { display:block; margin:0 0 6px; font-size:12px; font-weight:700; line-height:1.65; letter-spacing:.24em; text-transform:uppercase; color:#7fa9f2; }
#nxwLg h2.nxw-lg-h { display:block; margin:0 0 8px; font-size:28px; font-weight:700; line-height:1.65; letter-spacing:normal; color:#fff; }
#nxwLg .nxw-lg-note { display:block; margin:0 0 20px; font-size:14px; font-weight:400; line-height:1.55; color:#aab6cc; overflow-wrap:break-word; }
#nxwLg .nxw-lg-note:empty { display:none; }
#nxwLg ul.nxw-lg-points { display:block; margin:0 0 18px; padding:0; list-style:none; font-size:14px; font-weight:400; color:#c9d3e6; }
#nxwLg ul.nxw-lg-points li { display:block; position:relative; padding:0 0 0 22px; margin:0 0 11px; line-height:1.45; list-style:none; }
#nxwLg ul.nxw-lg-points li::before { content:""; position:absolute; left:3px; top:6px; width:7px; height:7px; background:#5b8fe8; transform:rotate(45deg); }
#nxwLg .nxw-lg-side .nxw-lg-alt { display:block; margin:auto 0 0; padding:12px 0 0; font-size:13.5px; font-weight:400; line-height:1.4; color:#aab6cc; text-align:left; }
#nxwLg .nxw-lg-alt a { color:#7fa9f2; font-weight:700; text-decoration:underline; text-underline-offset:2px; cursor:pointer; }
#nxwLg .nxw-lg-alt a:hover { color:#fff; }
#nxwLg .nxw-lg-main .nxw-lg-mob { display:none; }

/* ---- right column ---- */
#nxwLg .nxw-lg-main { display:flex; flex-direction:column; justify-content:center; min-width:0; }
#nxwLg .nxw-lg-mv { display:flex; flex-direction:column; margin:0; min-width:0; }
#nxwLg .nxw-lg-mv > .nxw-lg-msg { order:1; } #nxwLg .nxw-lg-mv > .nxw-lg-mob { order:2; }
#nxwLg .nxw-lg-tabs { display:inline-flex; align-self:flex-start; gap:4px; padding:4px; margin:0 0 16px; border:1px solid #1f3768; border-radius:10px; background:transparent; max-width:100%; }
#nxwLg .nxw-lg-tabs button { display:block; height:34px; padding:0 16px; border:0; border-radius:7px; background:transparent; color:#c9d6ec;
  font-family:Poppins, "Segoe UI", Arial, sans-serif; font-size:12.5px; font-weight:700; line-height:1.65; letter-spacing:.14em; text-transform:uppercase; text-align:center; white-space:nowrap; cursor:pointer; }
#nxwLg .nxw-lg-tabs button:hover { background:rgba(255,255,255,.05); }
#nxwLg .nxw-lg-tabs button.on { background:var(--a); color:#fff; }

#nxwLg label.nxw-lg-l, #nxwLg span.nxw-lg-l { display:block; margin:0 0 14px; font-size:11.5px; font-weight:700; line-height:1.65; letter-spacing:.18em; text-transform:uppercase; color:#9cbcf5; cursor:default; }
#nxwLg span.nxw-lg-l { margin-bottom:7px; }
#nxwLg .nxw-lg-lrow { display:flex; justify-content:space-between; align-items:center; gap:10px; }
#nxwLg .nxw-lg-lrow a { font-size:13px; line-height:18.975px; font-weight:400; letter-spacing:normal; text-transform:none; color:#7fa9f2; cursor:pointer; }
#nxwLg .nxw-lg-lrow a:hover { text-decoration:underline; }
#nxwLg input[data-k]:not([type=checkbox]) { display:block; width:100%; height:48px; margin:7px 0 0; padding:11px 13px; background:#050c1c; border:1px solid #1f3768; border-radius:8px;
  color:#fff; font-family:Poppins, "Segoe UI", Arial, sans-serif; font-size:15.5px; font-weight:400; line-height:1.65; letter-spacing:normal; text-transform:none; text-align:left;
  box-shadow:none; outline:none; cursor:text; }
#nxwLg input[data-k]:not([type=checkbox]):focus { border-color:#5b8fe8; box-shadow:0 0 0 3px rgba(91,143,232,.15); }
#nxwLg input[data-k]::placeholder { color:#757575; opacity:1; }
#nxwLg .nxw-lg-pw { position:relative; display:block; margin:7px 0 0; }
#nxwLg .nxw-lg-pw input[data-k]:not([type=checkbox]) { margin:0; padding-right:44px; font-size:11.5px; font-weight:700; }   /* as the NXW website box */
#nxwLg .nxw-lg-eye { position:absolute; right:6px; top:50%; transform:translateY(-50%); width:32px; height:32px; padding:6px; display:block;
  background:none; border:0; border-radius:0; color:#a9b0d6; cursor:pointer; }
#nxwLg .nxw-lg-eye svg { display:block; width:20px; height:20px; }
#nxwLg .nxw-lg-eye .nxw-lg-slash { display:none; }
#nxwLg .nxw-lg-eye.on .nxw-lg-slash { display:inline; }
#nxwLg .nxw-lg-eye.on { color:#e1bb64; }

/* security question: picture, new question, answer */
#nxwLg .nxw-lg-cap { display:block; margin:0 0 14px; }
#nxwLg .nxw-lg-cap-row { display:grid; grid-template-columns:minmax(0, 180px) 48px minmax(0, 1fr); gap:10px; align-items:stretch; }
#nxwLg .nxw-lg-cap-row canvas { display:block; width:100%; height:48px; border:1px solid #1f3768; border-radius:8px; background:#f4f7fc; }
#nxwLg .nxw-lg-cap-new { position:relative; display:block; overflow:hidden; width:48px; height:48px; padding:0; border:1px solid #1f3768; border-radius:8px; background:#050c1c;
  color:#e1bb64; font-size:0; line-height:0; cursor:pointer; }
#nxwLg .nxw-lg-cap-new::before { content:""; position:absolute; left:14px; top:14px; display:block; width:18px; height:18px; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 12a8 8 0 1 1-2.3-5.6M20 4v5h-5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 12a8 8 0 1 1-2.3-5.6M20 4v5h-5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px 18px no-repeat; }
#nxwLg .nxw-lg-cap-new:hover { border-color:#e1bb64; }
#nxwLg .nxw-lg-cap-row input[data-k]:not([type=checkbox]) { margin:0; width:100%; height:48px; padding:0 10px; text-align:center; font-size:16px; font-weight:400; letter-spacing:.06em; }

#nxwLg label.nxw-lg-rem { display:flex; align-items:center; gap:8px; margin:0 0 14px; font-size:14px; font-weight:400; line-height:1.65; letter-spacing:normal; text-transform:none; color:#c9d3e6; cursor:pointer; }
#nxwLg label.nxw-lg-rem input[type=checkbox] { -webkit-appearance:auto; appearance:auto; display:inline-block; width:16px; height:16px; margin:3px 3px 3px 4px; padding:0; flex:none;
  accent-color:var(--a); vertical-align:baseline; position:static; opacity:1; cursor:pointer; }
#nxwLg .nxw-lg-msg { display:block; margin:12px 0 0; padding:9px 12px; border:1px solid rgba(91,143,232,.4); border-radius:8px; background:rgba(91,143,232,.1);
  font-size:13px; font-weight:400; line-height:1.65; letter-spacing:normal; color:#c9d6ec; }
#nxwLg .nxw-lg-msg:empty { display:none; }
#nxwLg .nxw-lg-msg.bad { background:rgba(220,38,38,.14); border-color:rgba(220,38,38,.45); color:#fca5a5; }
#nxwLg .nxw-lg-msg.ok { background:rgba(52,211,153,.12); border-color:rgba(52,211,153,.45); color:#6ee7b7; }
#nxwLg .nxw-lg-go { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; height:50px; margin:0; padding:12px 24px; border:0; border-radius:8px;
  background:var(--a); color:#fff; font-family:Poppins, "Segoe UI", Arial, sans-serif; font-size:15px; font-weight:700; line-height:1.65; letter-spacing:.06em; text-transform:none;
  text-align:center; cursor:pointer; transition:transform .15s, background .15s; }
#nxwLg .nxw-lg-go svg { width:20px; height:20px; flex:none; }
#nxwLg .nxw-lg-go:hover { background:var(--a-hi); transform:translateY(-2px); }
#nxwLg .nxw-lg-go:disabled { opacity:.6; cursor:wait; transform:none; }
#nxwLg .nxw-lg-guest { display:block; width:100%; height:44px; margin:10px 0 0; padding:0 16px; border:1px solid #2c4a83; border-radius:8px; background:transparent; color:#9cbcf5;
  font-size:13px; font-weight:700; line-height:1.65; letter-spacing:.08em; text-transform:uppercase; text-align:center; cursor:pointer; }
#nxwLg .nxw-lg-guest:hover { border-color:#5b8fe8; color:#fff; background:rgba(91,143,232,.1); }
#nxwLg .nxw-lg-guest:disabled { opacity:.6; cursor:wait; }

/* pattern and fingerprint panes */
#nxwLg .nxw-lg-pad { display:flex; justify-content:center; margin:0 0 6px; }
#nxwLg .nxw-lg-padsvg { display:block; width:200px; height:200px; touch-action:none; cursor:pointer; user-select:none; -webkit-user-select:none; background:rgba(5,12,28,.6); border:1px dashed #2c4a83; border-radius:12px; }
#nxwLg .nxw-lg-pd { fill:#14294f; stroke:#7fa9f2; stroke-width:2; transition:fill .1s; }
#nxwLg .nxw-lg-pd.on { fill:var(--a); stroke:#fff; }
#nxwLg .nxw-lg-pl, #nxwLg .nxw-lg-pr { fill:none; stroke:#7fa9f2; stroke-width:6; stroke-linecap:round; stroke-linejoin:round; opacity:.75; }
#nxwLg .nxw-lg-padsvg.bad .nxw-lg-pd.on { fill:#d32f2f; } #nxwLg .nxw-lg-padsvg.bad .nxw-lg-pl { stroke:#ff8a80; }
#nxwLg .nxw-lg-padsvg.good .nxw-lg-pd.on { fill:#2e7d4f; } #nxwLg .nxw-lg-padsvg.good .nxw-lg-pl { stroke:#8fd19e; }
#nxwLg .nxw-lg-small { display:block; margin:0 0 12px; font-size:13px; font-weight:400; line-height:1.5; color:#aab6cc; }
#nxwLg .nxw-lg-center { text-align:center; margin:12px 0 0; }
#nxwLg .nxw-lg-alt-pane { display:block; text-align:center; padding:22px 14px 18px; border:1px dashed #2c4a83; border-radius:10px; margin:0 0 14px; }
#nxwLg .nxw-lg-pane-ic { display:flex; align-items:center; justify-content:center; width:84px; height:84px; margin:0 auto 14px; border-radius:50%; border:1px solid #2c4a83; color:#7fa9f2; }
#nxwLg .nxw-lg-pane-ic svg { width:42px; height:42px; }
#nxwLg .nxw-lg-pane-t { display:block; margin:0 0 6px; font-size:15px; font-weight:500; line-height:1.5; color:#fff; }
#nxwLg .nxw-lg-pane-s { display:block; margin:0 0 6px; font-size:14px; font-weight:400; line-height:1.5; color:#aab6cc; }
#nxwLg .nxw-lg-pane-s a { color:#7fa9f2; font-weight:700; text-decoration:underline; }
#nxwLg .nxw-lg-dim { opacity:.75; font-size:12.5px; }

/* sign up and my account */
#nxwLg .nxw-lg-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 12px; }
#nxwLg .nxw-lg-grid3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:0 12px; }
#nxwLg .nxw-lg-sec { display:block; padding:0 0 12px; margin:0 0 12px; border-bottom:1px solid #1f3768; }
#nxwLg .nxw-lg-sec h3 { display:block; margin:0 0 6px; font-size:13px; font-weight:700; line-height:1.65; letter-spacing:.14em; text-transform:uppercase; color:#fff; }
#nxwLg .nxw-lg-sec label.nxw-lg-l { margin-bottom:10px; }
#nxwLg .nxw-lg-row { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
#nxwLg .nxw-lg-btn2 { display:inline-block; height:38px; padding:0 16px; border:0; border-radius:8px; background:var(--a); color:#fff; font-size:13px; font-weight:700; line-height:1.65; letter-spacing:.06em; text-align:center; cursor:pointer; }
#nxwLg .nxw-lg-btn2:hover { background:var(--a-hi); }
#nxwLg .nxw-lg-btn2.nxw-lg-ghost { background:transparent; border:1px solid #2c4a83; color:#9cbcf5; }
#nxwLg .nxw-lg-btn2.nxw-lg-ghost:hover { border-color:#5b8fe8; color:#fff; }
#nxwLg .nxw-lg-btn2:disabled { opacity:.45; cursor:default; }
#nxwLg .nxw-lg-acct-foot { justify-content:space-between; }
#nxwLg .nxw-lg-acct-foot .nxw-lg-go { width:auto; padding:0 34px; }
#nxwLg .nxw-lg-sec .nxw-lg-pad { margin:4px 0 10px; }

/* ---- wide screens: tabs on the top line of the brand, Sign in button on the last line of "No account yet?" ---- */
@media (min-width:861px) {
  #nxwLg .nxw-lg-main { justify-content:flex-start; }
  #nxwLg .nxw-lg-mv[data-v="in"] { flex:1 0 auto; }
  #nxwLg .nxw-lg-mv[data-v="in"] > .nxw-lg-go { margin-top:auto; }
}
/* ---- tablets and phones: one column (as the NXW website box, below 861 px) ---- */
@media (max-width:860px) {
  #nxwLg .nxw-lg-box { display:block; max-width:460px; padding:24px 22px 22px; }
  #nxwLg .nxw-lg-side { border-right:0; padding-right:0; }
  #nxwLg .nxw-lg-brand { padding-right:34px; }
  #nxwLg .nxw-lg-prod b { font-size:30px; } #nxwLg .nxw-lg-prod i { font-size:11.5px; } #nxwLg .nxw-lg-brand img { height:42px; }
  #nxwLg ul.nxw-lg-points { display:none; }
  #nxwLg .nxw-lg-note { margin-bottom:16px; }
  #nxwLg h2.nxw-lg-h { font-size:24px; }
  #nxwLg .nxw-lg-side .nxw-lg-alt { display:none; }
  #nxwLg .nxw-lg-main .nxw-lg-mob { display:block; margin:16px 0 0; padding:0; text-align:center; font-size:13.5px; font-weight:400; line-height:1.6; color:#aab6cc; }
  #nxwLg .nxw-lg-main .nxw-lg-mob a { text-decoration:underline; text-underline-offset:auto; }
}
@media (max-width:420px) {
  #nxwLg .nxw-lg-tabs { display:grid; grid-template-columns:repeat(3, 1fr); align-self:stretch; }
  #nxwLg .nxw-lg-tabs button { padding:0 6px; letter-spacing:.08em; font-size:11.5px; }
  #nxwLg .nxw-lg-cap-row { grid-template-columns:minmax(0, 1.2fr) 48px minmax(0, 1fr); gap:8px; }
  #nxwLg .nxw-lg-grid, #nxwLg .nxw-lg-grid3 { grid-template-columns:1fr; gap:0; }
}

/* ---- My account button and members table (outside the box) ---- */
.nxw-lg-acct-btn { height:34px; padding:0 14px; border:1px solid #2c4a83; border-radius:8px; background:transparent; color:#9cbcf5; font:700 12px/1 Poppins, "Segoe UI", Arial, sans-serif; letter-spacing:.06em; cursor:pointer; }
.nxw-lg-acct-btn:hover { color:#fff; border-color:var(--nxw-accent,#2f6fd8); }
.nxw-mb { font-family:Poppins, "Segoe UI", Arial, sans-serif; color:#d5deec; }
.nxw-mb-wrap { background:#0b1a3e; border:1px solid #1f3768; border-top:3px solid var(--nxw-accent,#2f6fd8); border-radius:12px; padding:18px 20px; }
.nxw-mb-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.nxw-mb-head h3 { margin:0; font:700 20px Poppins, sans-serif; color:#fff; }
.nxw-mb-count { font-size:12.5px; color:#9fb0d3; }
.nxw-mb-empty { margin:6px 0 0; color:#9fb0d3; font-size:13.5px; }
.nxw-mb-scroll { overflow-x:auto; }
.nxw-mb-t { width:100%; border-collapse:collapse; font-size:13px; }
.nxw-mb-t th { text-align:left; font:700 10.5px Poppins, sans-serif; letter-spacing:.14em; text-transform:uppercase; color:#9cbcf5; padding:8px 10px; border-bottom:1px solid #2c4a83; white-space:nowrap; }
.nxw-mb-t td { padding:9px 10px; border-bottom:1px solid #1f3768; vertical-align:middle; }
.nxw-mb-t tr.st-pending td { background:rgba(212,164,64,.07); }
.nxw-mb-st { display:inline-block; padding:2px 9px; border-radius:20px; font-size:11.5px; font-weight:700; letter-spacing:.04em; }
.nxw-mb-st.st-pending { background:rgba(212,164,64,.18); color:#e8c979; } .nxw-mb-st.st-active { background:rgba(46,125,79,.25); color:#8fd19e; } .nxw-mb-st.st-banned { background:rgba(211,47,47,.2); color:#ff8a80; }
.nxw-mb-acts { white-space:nowrap; text-align:right; }
.nxw-mb-b { border:0; border-radius:7px; padding:6px 11px; margin-left:6px; font:700 11.5px Poppins, sans-serif; letter-spacing:.04em; cursor:pointer; color:#fff; }
.nxw-mb-b.ok { background:#2e7d4f; } .nxw-mb-b.warn { background:#a8661c; } .nxw-mb-b.bad { background:#d32f2f; } .nxw-mb-b.plain { background:#3a4a6b; }
.nxw-mb-b:hover { filter:brightness(1.12); }
.nxw-mb-tmp { font:700 20px/1.4 ui-monospace,Consolas,monospace; letter-spacing:.08em; padding:12px 14px; background:#f3f6fb; border-radius:8px; user-select:all; }