/* OENOD site polish · password eye, "Powered by OENOD" line, layout guards. Loaded after fit.css. */
.pw-wrap { position: relative; display: block; width: 100%; min-width: 0; }
.pw-wrap.in-row { flex: 1 1 auto; width: auto; }
.pw-wrap > input { width: 100%; padding-inline-end: 44px !important; }
.pw-wrap > input::-ms-reveal, .pw-wrap > input::-ms-clear { display: none; }
.pw-eye { position: absolute; inset-inline-end: 4px; top: 50%; transform: translateY(-50%); width: 36px; height: 34px; display: inline-grid; place-items: center; padding: 0; margin: 0; border: 0; border-radius: 8px; background: transparent; color: var(--muted, #667085); cursor: pointer; transition: color .15s, background .15s; -webkit-tap-highlight-color: transparent; }
.pw-eye:hover { color: var(--fg, #0B1220); background: var(--surface-3, rgba(127, 140, 170, .14)); }
.pw-eye:focus-visible { outline: 2px solid var(--brand, #2252D1); outline-offset: 0; }
.pw-eye[aria-pressed="true"] { color: var(--brand, #2252D1); }
.pw-eye svg { display: block; pointer-events: none; }

.po-pb { display: flex; justify-content: center; margin: 26px auto 8px; padding: 0 16px; clear: both; }
.po-pb a { display: inline-flex; align-items: center; gap: 7px; padding: 7px 14px; border-radius: 999px; border: 1px solid rgba(127, 140, 170, .32); background: rgba(127, 140, 170, .08); color: #7C8AA5; font: 500 12px/1.2 var(--f, Inter, system-ui, sans-serif); letter-spacing: .01em; text-decoration: none; transition: border-color .15s, color .15s; }
.po-pb a:hover { border-color: rgba(127, 140, 170, .6); color: #5E6C88; }
.po-pb a b { font-weight: 800; letter-spacing: .08em; color: inherit; }
.po-pb a i { width: 7px; height: 7px; border-radius: 50%; background: linear-gradient(135deg, #2252D1, #7EA6FF); flex: none; }
.po-topgrp { display: inline-flex; align-items: center; gap: 8px; }
.po-langtop { height: 32px; padding: 0 11px; border-radius: 99px; border: 1px solid rgba(255, 255, 255, .18); background: transparent; color: #C9D3EA; font: 600 13px var(--f, Inter, system-ui, sans-serif); cursor: pointer; }
.po-langtop:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.po-langtop svg { width: 15px; height: 15px; }
/* Layout guards found in the site polish sweep */
.c4-verify form { flex-wrap: wrap; } .c4-verify input { min-width: 0; flex: 1 1 200px; }
@media (max-width: 760px) {
  /* "Ask HR AI" sat on top of the Guide button on phones: it becomes a round button stacked above it */
  .h5-fab { right: auto !important; left: auto !important; inset-inline-end: 16px !important; bottom: calc(196px + var(--safe-b, 0px)) !important; width: 46px; height: 46px !important; padding: 0 !important; justify-content: center; border-radius: 16px !important; }
  .h5-fab > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  /* The floating language pill on public pages stays out of the way of full-width buttons */
  .lang-pill { padding: 7px 10px !important; bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important; opacity: .92; }
}
@media print { .pw-eye, .po-pb { display: none !important; } }
