.tunga-supplier-captcha { margin-bottom: 20px; }
.tunga-supplier-captcha .captcha-input-row { display: flex; align-items: stretch; flex-wrap: nowrap; }
.tunga-supplier-captcha .captcha-image { display: flex; align-items: center; justify-content: center; flex: 0 0 72px; width: 72px; height: 56px; background: #ccc; border: 1px solid #e8e8e8; border-right: 0; border-radius: 3px 0 0 3px; box-sizing: border-box; }
.tunga-supplier-captcha .captcha-image img { width: 72px; max-width: 100%; height: 28px; }
.tunga-supplier-captcha input[type="text"] { flex: 0 0 120px; width: 120px; min-width: 0; height: 56px; min-height: 56px; margin: 0; padding: 12px 8px; border: 1px solid #e8e8e8; border-radius: 0; background: #f5f5f5; font-family: monospace; font-size: 12pt; line-height: 1.5; box-sizing: border-box; }
.tunga-supplier-captcha input[type="text"]::placeholder { color: #767676; opacity: 1; }
.tunga-supplier-captcha [data-captcha-refresh] { flex: 0 0 25px; width: 25px; min-width: 25px; height: 56px; margin: 0; padding: 0 0 0 5px; border: 0; border-radius: 0; background: transparent url(captcha-reload.svg) no-repeat center; cursor: pointer; }
.tunga-supplier-captcha [data-captcha-refresh]:disabled { opacity: .45; cursor: wait; }
.tunga-supplier-captcha [data-captcha-refresh]:focus-visible, .tunga-supplier-captcha input[type="text"]:focus-visible { outline: 2px solid #214c40; outline-offset: 2px; }
.tunga-supplier-captcha .captcha-sr-only, .tunga-supplier-captcha [role="status"]:not([data-captcha-error="1"]) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.tunga-supplier-captcha [role="status"][data-captcha-error="1"] { margin: 8px 0 0; font-size: .9rem; color: #a32222; }
