/* Scoped additions inherit Tapu24's current theme and do not change its shell. */
.tp-wa{display:grid;gap:.75rem;min-width:0;color:inherit}.tp-wa-inline{margin-block:.6rem 1rem;padding-block-start:.45rem;border-block-start:1px solid var(--tl-border,rgba(148,163,184,.22))}.tp-wa-field{display:grid;gap:.4rem}.tp-wa-code-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem}.tp-wa [hidden]{display:none!important}.tp-wa .tp-wa-input,.tp-wa .tp-wa-code{box-sizing:border-box;width:100%;min-width:0}.tp-wa .tp-wa-code{font-variant-numeric:tabular-nums;letter-spacing:.35em;text-align:center;font-size:1.2rem}.tp-wa-status,.tp-wa-countdown{margin:0;overflow-wrap:anywhere}.tp-wa-error{color:var(--tl-danger,#ef7070)}.tp-wa-success{color:var(--tl-success,#58bd9a)}.tp-wa button:disabled{opacity:.6;cursor:wait}.tp-wa button,.tp-wa a{white-space:normal;min-height:42px}.tp-wa a:focus-visible,.tp-wa button:focus-visible,.tp-wa input:focus-visible{outline:2px solid var(--tl-accent,#42c8b5);outline-offset:3px}.tp-wa input{font-family:inherit}.tp-wa-account-required{margin-block:1rem;padding:1rem;border:1px solid var(--tl-border,rgba(148,163,184,.22));border-radius:var(--tl-radius,14px);background:var(--tl-panel,transparent)}@media(min-width:640px){.tp-wa-code-stage{grid-template-columns:minmax(0,1fr) auto}.tp-wa-code-stage .tl-field{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.tp-wa *{scroll-behavior:auto!important}}
#tapu24-app .tp-wa{color:var(--t24-title)}#tapu24-app .tp-wa-inline{border-color:var(--t24-divider);margin-block:.7rem 0}#tapu24-app .tp-wa .tl-field{display:grid;gap:.4rem}#tapu24-app .tp-wa .tl-input{background:var(--t24-canvas);border:1px solid var(--t24-divider);color:var(--t24-title);border-radius:12px;padding:12px 14px;min-height:48px;box-shadow:none}#tapu24-app .tp-wa .tl-field-help,#tapu24-app .tp-wa .tp-wa-countdown{color:var(--t24-body);font-size:.875rem}#tapu24-app .tp-wa .tp-wa-error{color:var(--t24-error)}#tapu24-app .tp-wa .tp-wa-success{color:var(--t24-success,var(--t24-primary))}#tapu24-app .tp-wa a{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--t24-divider);border-radius:12px;background:var(--t24-surface-raised);color:var(--t24-title);padding:10px 18px;font-weight:700}#tapu24-app .tp-wa :is(a,button,input):focus-visible{outline:3px solid var(--t24-primary);outline-offset:3px}#tapu24-app .tp-wa-spa-login{margin-block:0 1.2rem}
.t24-web .tp-wa{color:var(--t24-title)}.t24-web .tp-wa-inline{border-color:var(--t24-divider)}.t24-web .tp-wa .tl-input{background:var(--t24-canvas);border:1px solid var(--t24-divider);color:var(--t24-title);border-radius:12px;padding:12px 14px;min-height:48px;box-shadow:none}.t24-web .tp-wa .tl-field-label{font-weight:700;color:var(--t24-title)}.t24-web .tp-wa .tl-field-help,.t24-web .tp-wa .tp-wa-countdown{color:var(--t24-body)}.t24-web .tp-wa .tp-wa-error{color:var(--t24-error)}.t24-web .tp-wa .tp-wa-success{color:var(--t24-success,var(--t24-primary))}.t24-web .tp-wa-account-required{border-color:var(--t24-divider);background:var(--t24-surface);color:var(--t24-title)}.t24-form-grid>.tp-wa-inline{grid-column:1/-1}
#tapu24-app .t24-auth>section{min-width:0}@media(max-width:767px){#tapu24-app .t24-auth{grid-template-columns:minmax(0,1fr);gap:20px}#tapu24-app .t24-auth-art{padding:24px}#tapu24-app .t24-auth-art img{width:64px;margin:0 0 12px}#tapu24-app .t24-auth-art h1{font-size:24px}#tapu24-app .t24-auth-art p{margin:4px 0 0}#tapu24-app .tp-wa-form .t24-form-grid{grid-template-columns:minmax(0,1fr)}#tapu24-app .tp-wa-spa-login{padding:20px}}
.tp-wa[hidden]{display:none!important}.tp-wa-required{color:var(--t24-gold,var(--tl-danger,#dcb155));margin-inline-start:4px}
.tp-wa-status:empty,.tp-wa-countdown:empty{display:none}

.tp-wa-account-contact{grid-column:1/-1;grid-template-columns:minmax(0,1fr);gap:.5rem;padding:.9rem;border:1px solid var(--t24-divider,var(--tl-border,rgba(148,163,184,.22)));border-radius:12px;background:var(--t24-surface,var(--tl-panel,transparent))}.tp-wa-account-contact-label{font-weight:700}.tp-wa-account-contact-phone{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tp-wa-use-account{justify-self:start;text-align:start}.tp-wa-account-contact[hidden]{display:none!important}@media(min-width:640px){.tp-wa-account-contact{grid-template-columns:minmax(0,1fr) auto;align-items:center}.tp-wa-account-contact-phone{grid-row:2}.tp-wa-use-account-both{grid-column:2;grid-row:1/3}}

.tp-wa-caption{margin:0;font-weight:700;font-size:.95rem}.tp-wa-destination{display:flex;flex-wrap:wrap;gap:.35rem .6rem;align-items:center;margin:0;font-weight:600}.tp-wa-destination bdi{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tp-wa-code-help,.tp-wa-next-help{margin:0;line-height:1.7}.tp-wa[data-wa-stage="code"] .tp-wa-send{background:transparent;border-color:var(--t24-divider,var(--tl-border,rgba(148,163,184,.3)));color:inherit;box-shadow:none}.tp-wa[data-wa-stage="verified"] .tp-wa-caption{color:var(--t24-success,var(--tl-success,#58bd9a))}.tp-wa[data-wa-stage="verified"] .tp-wa-status:not(.tp-wa-error){display:none}.tp-wa-code{scroll-margin-block:7rem}.tp-wa-input,.tp-phone-number{scroll-margin-block:6rem}.tp-wa-code-stage .tp-wa-destination,.tp-wa-code-stage .tp-wa-code-help{grid-column:1/-1}.tp-wa .tp-wa-code{font-size:1.25rem;min-height:52px;letter-spacing:.2em}.tp-wa .tp-wa-code:focus{outline:2px solid var(--t24-primary,var(--tl-accent,#42c8b5));outline-offset:2px}@media(max-width:639px){.tp-wa .tp-wa-code,.tp-wa .tp-wa-input{font-size:18px}.tp-wa-code-stage{gap:.75rem}.tp-wa-code-stage>button{width:100%}.tp-wa button,.tp-wa a{min-height:46px}.tp-wa-inline{scroll-margin-block:5rem}}

.tp-wa-account-summary{display:grid;gap:8px;margin-block-start:10px;min-width:0}.tp-wa-account-summary>div,.tp-wa-profile-contact{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tp-wa-account-summary small{overflow-wrap:anywhere}.tp-wa-add-phone{display:inline-flex;align-items:center;gap:8px;color:var(--t24-primary,#6552d9);font-weight:700;min-height:44px;text-decoration:none}.tp-wa-add-phone:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:6px}.tp-wa-verified-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:20px;height:20px;flex:0 0 20px;background:#118750;color:#fff;font-size:14px;font-weight:800}.tp-wa-profile-phone{font-variant-numeric:tabular-nums;color:inherit;overflow-wrap:anywhere}.tp-wa-change-phone{font-size:.8rem;min-height:36px;font-weight:500}.tp-wa[data-phone-saved="1"] .tp-wa-caption::before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#118750;color:#fff;margin-inline-end:8px}.tp-wa[data-phone-saved="1"] .tp-wa-field{display:none}

.tp-wa-account-summary>small{justify-self:start;max-width:100%}

/* A dedicated code screen keeps the keyboard, destination and next action together. */
.tp-wa-flow-screen:not([open]){display:none!important}
.tp-wa-flow-screen{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:28px;border:1px solid var(--t24-divider,var(--tl-border,#e1e5ed));border-radius:24px;background:var(--t24-surface,var(--tl-panel,#fff));color:var(--t24-title,var(--tl-text,#172136));box-shadow:0 24px 90px #0a143640;overflow:auto;overscroll-behavior:contain;gap:20px;font-family:inherit;align-content:start}
.tp-wa-flow-screen::backdrop{background:#0b143b80;backdrop-filter:blur(5px)}
.tp-wa-screen-title,.tp-wa-success-title{margin:0;font-size:1.35rem;line-height:1.55;color:inherit;font-weight:800}
.tp-wa-flow-screen .tp-wa-code-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.tp-wa-flow-screen .tp-wa-code-field{display:grid;gap:12px}
.tp-wa-code-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;direction:ltr;width:100%;min-width:0}
.tp-wa-flow-screen .tp-wa-code-cells input.tp-wa-code{box-sizing:border-box;min-width:0;width:100%;height:56px;min-height:56px;padding:6px!important;border:1px solid var(--t24-divider,var(--tl-border,#d9dfeb));border-radius:12px;background:var(--t24-canvas,#f7f8fc);color:inherit;letter-spacing:0;text-align:center;font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;direction:ltr;box-shadow:none}
.tp-wa-code-cells[aria-invalid="true"] input.tp-wa-code{border-color:var(--t24-error,#c63945)}
.tp-wa-code-status:empty{display:none}.tp-wa-code-status{margin:0;font-size:.875rem;line-height:1.6;overflow-wrap:anywhere}
.tp-wa-flow-screen button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border-radius:12px;padding:12px 16px;font:inherit;font-weight:700;line-height:1.4;cursor:pointer}
.tp-wa-flow-screen .tl-btn--primary{border:1px solid var(--t24-primary,#6255d9);background:var(--t24-primary,#6255d9);color:var(--t24-on-primary,#fff)}
.tp-wa-flow-screen .tl-btn--ghost{border:1px solid var(--t24-divider,var(--tl-border,#d9dfeb));background:transparent;color:inherit}
.tp-wa-flow-screen .tp-wa-resend{min-height:44px;padding:9px 12px;border:0;color:var(--t24-primary,#6255d9)}
.tp-wa-flow-screen .tp-wa-countdown{text-align:center;color:var(--t24-muted,#687386);font-size:.8rem}
.tp-wa-flow-screen .tp-wa-destination{font-size:.9rem;justify-content:center;line-height:1.7}
.tp-wa-flow-screen .tp-wa-code-help{font-size:.9rem;color:var(--t24-body,#687386)}
.tp-wa-success-page{display:grid;justify-items:center;gap:18px;text-align:center;padding-block:16px}
.tp-wa-success-mark{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#11875014;color:#118750;box-shadow:inset 0 0 0 1px #11875026;font-size:42px;font-weight:700}
.tp-wa-success-description{margin:0;color:var(--t24-body,#687386);line-height:1.8;overflow-wrap:anywhere}
.tp-wa-success-continue{margin-block-start:8px}
.tp-wa[data-wa-stage="code"]>.tp-wa-status{visibility:hidden}
@media(max-width:600px){.tp-wa-flow-screen{position:fixed;inset:0;width:100%;max-width:none;min-height:100dvh;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:24px max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));gap:20px}.tp-wa-flow-screen .tp-wa-code-stage{gap:14px}.tp-wa-screen-title{padding-block-start:max(8px,env(safe-area-inset-top))}.tp-wa-flow-screen .tp-wa-code-cells{gap:6px}.tp-wa-flow-screen .tp-wa-code-cells input.tp-wa-code{height:52px;min-height:52px;font-size:23px}.tp-wa-success-page{padding-block:clamp(20px,9dvh,72px)}}
@media(prefers-color-scheme:dark){.tp-wa-flow-screen{--tl-panel:#172035;--tl-text:#eef2ff;--tl-border:#35415c}.tp-wa-flow-screen .tp-wa-code-cells input.tp-wa-code{background:var(--t24-canvas,#111a2d)}}
@media(max-width:600px) and (max-height:500px){.tp-wa-flow-screen{padding-block:16px;gap:12px}.tp-wa-screen-title{font-size:1.15rem;padding-block-start:0}.tp-wa-flow-screen .tp-wa-code-stage{gap:10px}.tp-wa-flow-screen .tp-wa-code-help{font-size:.8rem;line-height:1.5}.tp-wa-flow-screen .tp-wa-code-field>.tl-field-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.tp-wa-flow-screen .tp-wa-code-cells input.tp-wa-code{height:46px;min-height:46px}.tp-wa-flow-screen button{min-height:44px;padding-block:10px}}

.tp-wa[data-wa-purpose="login"]>.tp-wa-caption{display:none}