/* Auth only. Clerk still owns credentials, validation, OAuth and verification. */
.pbs-auth-shell{width:min(420px,100%);margin-inline:auto;min-width:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f5f5;color-scheme:dark;font-synthesis:none}
.pbs-auth-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 24px;font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.25px}
.pbs-auth-brand img{width:44px;height:44px;object-fit:contain;flex-shrink:0}
.pbs-auth-mount{width:100%;min-width:0}
.pbs-auth-shell .pbs-auth-root,.pbs-auth-shell .pbs-auth-card-box{width:100%;max-width:100%;min-width:0}
.pbs-auth-shell .pbs-auth-card-box{background:#191919;border:1px solid #393939;border-radius:12px;box-shadow:0 10px 40px #0003;overflow:hidden}
.pbs-auth-shell .pbs-auth-card{background:transparent;border:0;border-radius:0;padding:28px;box-shadow:none;gap:24px}
.pbs-auth-shell .pbs-auth-header{gap:8px}
.pbs-auth-shell :is(.pbs-auth-title,.pbs-auth-form-title){color:#f5f5f5;font-size:26px;font-weight:650;line-height:1.2;letter-spacing:-.65px;text-align:left;text-wrap:balance}
.pbs-auth-shell :is(.pbs-auth-subtitle,.pbs-auth-form-subtitle){color:#b7b7bb;font-size:14px;line-height:1.5;text-align:left;overflow-wrap:anywhere}
.pbs-auth-shell .pbs-auth-subtitle:empty{display:none}
.pbs-auth-shell .pbs-auth-social{min-height:48px;background:#252525;border:1px solid #626262;border-radius:6px;box-shadow:none;color:#f5f5f5;padding:12px 16px;gap:12px}
.pbs-auth-shell .pbs-auth-social-label{color:#f5f5f5;font-size:15px;font-weight:550}@media (hover:hover) and (pointer:fine){.pbs-auth-shell .pbs-auth-social:hover{background:#303030;border-color:#888}}
.pbs-auth-shell .pbs-auth-label{font-size:14px;font-weight:550;line-height:1.4;color:#e6e6e6}
.pbs-auth-shell .pbs-auth-input{min-height:48px;min-width:0;width:100%;border:1px solid #626262;border-radius:6px;background:#111;color:#f5f5f5;font-size:16px;line-height:1.5;padding:11px 13px;box-shadow:none}
.pbs-auth-shell .pbs-auth-input::placeholder{color:#a3a3a8;opacity:1}
.pbs-auth-shell .pbs-auth-input:focus{border-color:#e5e5e5;box-shadow:0 0 0 2px #ffffff24}
.pbs-auth-shell .pbs-auth-input[aria-invalid=true]{border-color:#ffb4b4}
.pbs-auth-shell .pbs-auth-submit{min-height:48px;width:100%;border:1px solid #f5f5f5;border-radius:6px;background:#f5f5f5;background-image:none;color:#111;box-shadow:none;font-size:15px;font-weight:650;line-height:1.4;text-transform:none;letter-spacing:0;padding:12px 16px}@media (hover:hover) and (pointer:fine){.pbs-auth-shell .pbs-auth-submit:hover{background:#ddd;border-color:#ddd}}
.pbs-auth-shell .pbs-auth-submit:disabled{opacity:.55;cursor:default}
.pbs-auth-shell .pbs-auth-divider-line{background:#424242}
.pbs-auth-shell .pbs-auth-divider-text{color:#b7b7bb;font-size:13px}
.pbs-auth-shell .pbs-auth-footer{background:#151515;background-image:none;border-top:1px solid #393939;border-radius:0;box-shadow:none;padding:18px 24px;gap:16px}
.pbs-auth-shell .pbs-auth-footer-action{font-size:14px;line-height:1.5;color:#b7b7bb;width:100%;padding:0;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.pbs-auth-shell .pbs-auth-link{color:#f5f5f5;font-size:14px;font-weight:600;text-underline-offset:3px}@media (hover:hover) and (pointer:fine){.pbs-auth-shell .pbs-auth-link:hover{text-decoration:underline}}
.pbs-auth-shell .pbs-auth-error{color:#ffb4b4;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.pbs-auth-shell .pbs-auth-alert{background:#2b1d1d;border:1px solid #755252;color:#ffcccc;border-radius:6px;box-shadow:none}
.pbs-auth-shell .pbs-auth-identity{border-color:#626262;color:#f5f5f5;max-width:100%;overflow-wrap:anywhere}
.pbs-auth-shell .cl-formFieldInputGroup:has(.pbs-auth-password-toggle) .pbs-auth-input{padding-inline-end:52px}
.pbs-auth-shell .pbs-auth-password-toggle{min-width:44px;min-height:44px;color:#ccc}
/* Native Clerk OTP has a real autofill/paste input over six visual slots.
   Size the slots and group, leaving the actual input behavior untouched. */
.pbs-auth-shell :is(.pbs-auth-code-field,.pbs-auth-code-container){width:100%;min-width:0;max-width:100%}
.pbs-auth-shell .pbs-auth-code-group{width:100%;min-width:0;max-width:100%;display:flex;gap:6px;justify-content:center}
.pbs-auth-shell .pbs-auth-code{flex:1 1 0;width:0;max-width:48px;min-width:0;height:48px;min-height:48px;border-width:1px;border-style:solid;border-radius:6px;background:#111;color:#fff;font-size:20px;line-height:1;font-variant-numeric:tabular-nums}
.pbs-auth-shell .pbs-auth-code-container:focus-within .pbs-auth-code-group{outline:2px solid #f5f5f5;outline-offset:4px;border-radius:6px}
.pbs-auth-shell .pbs-auth-code[aria-invalid=true]{border-color:#ffb4b4}
.pbs-auth-shell .pbs-auth-identity{width:100%;min-width:0;gap:8px}
.pbs-auth-shell .pbs-auth-identity-text{min-width:0;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;font-size:14px;line-height:1.5;color:#b7b7bb}
.pbs-auth-shell .pbs-auth-identity-edit{flex-shrink:0;min-width:44px;min-height:44px;color:#f5f5f5}
.pbs-auth-shell :is(.pbs-auth-field-action,.pbs-auth-resend,.pbs-auth-back){display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;color:#f5f5f5;font-size:14px;font-weight:550;line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-align:center;text-underline-offset:3px}@media (hover:hover) and (pointer:fine){.pbs-auth-shell :is(.pbs-auth-field-action,.pbs-auth-resend,.pbs-auth-back):hover{text-decoration:underline}}
.pbs-auth-shell .pbs-auth-resend{width:100%}
.pbs-auth-shell .pbs-auth-resend:disabled{color:#b7b7bb;opacity:1;cursor:default;text-decoration:none}
.pbs-auth-shell :is(.pbs-auth-secondary,.pbs-auth-method){width:100%;max-width:100%;min-height:48px;padding:12px 14px;border:1px solid #626262;border-radius:6px;background:#252525;color:#f5f5f5;font-size:14px;line-height:1.5;box-shadow:none;white-space:normal}@media (hover:hover) and (pointer:fine){.pbs-auth-shell :is(.pbs-auth-secondary,.pbs-auth-method):hover{background:#303030;border-color:#888}}
.pbs-auth-shell .pbs-auth-method-text{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:left;color:#f5f5f5;line-height:1.5}
.pbs-auth-shell .pbs-auth-method-arrow{flex-shrink:0;color:#b7b7bb}
.pbs-auth-shell :is(.pbs-auth-hint,.pbs-auth-warning,.pbs-auth-success){font-size:13px;line-height:1.5;overflow-wrap:anywhere;text-align:left}
.pbs-auth-shell .pbs-auth-hint{color:#b7b7bb}
.pbs-auth-shell .pbs-auth-warning{color:#f5d18b}
.pbs-auth-shell .pbs-auth-success{color:#a8dbb5}
.pbs-auth-shell .pbs-auth-alert-content{min-width:0}
.pbs-auth-shell .pbs-auth-alert-text{color:inherit;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.pbs-auth-shell .pbs-auth-alert.cl-alert__warning{background:#2b261b;border-color:#756747;color:#f5d18b}
.pbs-auth-shell .pbs-auth-alert.cl-alert__info{background:#242424;border-color:#626262;color:#e6e6e6}
.pbs-auth-shell .pbs-auth-card :is(.cl-form,.cl-main,.cl-formField,.cl-formFieldRow,.cl-header,.cl-formHeader){min-width:0;max-width:100%}
.pbs-auth-shell .pbs-auth-card :is(.cl-formFieldLabelRow,.cl-formFieldLabelContainer){flex-wrap:wrap;column-gap:8px}
.pbs-auth-shell .pbs-auth-footer .pbs-auth-link{min-height:44px;display:inline-flex;align-items:center}
.pbs-auth-shell :is(button,a,input):focus-visible{outline:2px solid #f5f5f5;outline-offset:3px}
.pbs-auth-note{margin:18px 0 0;text-align:center;color:#b7b7bb;font-size:13px;line-height:1.5}
body.pbs-auth-active{background:#101010}
.pbs-auth-active>#auth-gate{min-height:100svh;grid-template-columns:minmax(0,420px);padding:40px 24px;background:#101010}
.pbs-auth-active>main{padding-block:32px;justify-content:center}
.pbs-auth-active #access{width:100%;min-width:0}
@media(max-width:480px){
 .pbs-auth-active>#auth-gate{padding:24px 16px;place-content:center}
 .pbs-auth-active>main{padding:24px 16px}
 .pbs-auth-shell .pbs-auth-card{padding:24px 20px;gap:22px}
 .pbs-auth-shell .pbs-auth-footer{padding:18px 20px}
 .pbs-auth-shell :is(.pbs-auth-title,.pbs-auth-form-title){font-size:25px}
 .pbs-auth-brand{margin-bottom:20px}
}
@media(max-height:650px){.pbs-auth-active>#auth-gate{place-content:start center}.pbs-auth-active>main{justify-content:flex-start}}
@media(prefers-reduced-motion:no-preference){.pbs-auth-shell :is(button,input,a){transition:background-color 120ms ease,border-color 120ms ease,color 120ms ease}}

/* Email and password remain primary; Google is visible below the form. */
.pbs-auth-invitation-help{margin:0 0 20px;color:#b7b7bb;font-size:14px;line-height:1.5;text-align:center;text-wrap:pretty}
.pbs-auth-email-first .pbs-auth-brand{margin-bottom:12px}
.pbs-auth-shell .pbs-auth-social-group{justify-content:center}
.pbs-auth-shell .pbs-auth-social-icon{margin-inline:auto;width:48px;min-width:48px;min-height:48px;padding:12px;background:#252525;border:1px solid #626262;border-radius:6px;box-shadow:none;color:#f5f5f5}
@media(hover:hover) and (pointer:fine){.pbs-auth-shell .pbs-auth-social-icon:hover{background:#303030;border-color:#888}}