/* Number captcha used on the enquiry, careers, chat and admin sign-in forms (Views/Shared/_Captcha.cshtml). */
.pk-captcha { display: grid; gap: 6px; margin: 4px 0 14px; }
.pk-captcha-label { font-size: .88rem; font-weight: 600; color: #08164f; }
.pk-captcha-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.pk-captcha-box { display: inline-flex; align-items: center; gap: 6px; padding: 4px; border: 1px solid #dce6f8; border-radius: 10px; background: #fff; }
.pk-captcha-img { display: block; width: 170px; height: 52px; border-radius: 7px; background: #eef2ff; user-select: none; }
.pk-captcha-refresh { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 8px; background: #eef2ff; color: #1a3fd6; cursor: pointer; transition: background .2s; }
.pk-captcha-refresh:hover, .pk-captcha-refresh:focus-visible { background: #dbe4ff; }
.pk-captcha-refresh svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.pk-captcha-refresh.is-spinning svg { animation: pk-captcha-spin .6s linear; }
.pk-captcha-input { flex: 1 1 150px; min-width: 0; max-width: 220px; height: 48px; padding: 0 14px; border: 1px solid #c9d6f2; border-radius: 10px; background: #fff; color: #08164f; font-family: inherit; font-size: 1.1rem; font-weight: 600; letter-spacing: .3em; }
.pk-captcha-input::placeholder { font-size: .88rem; font-weight: 400; letter-spacing: 0; color: #8090ad; }
.pk-captcha-input:focus { outline: 2px solid #1a3fd6; outline-offset: 1px; border-color: #1a3fd6; }

@keyframes pk-captcha-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .pk-captcha-refresh.is-spinning svg { animation: none; } }

/* Chat widget: tighter fit inside the panel. */
.pkc-start .pk-captcha { margin: 0 0 10px; }
.pkc-start .pk-captcha-img { width: 150px; height: 46px; }
.pkc-start .pk-captcha-input { height: 44px; flex-basis: 120px; }