/* Auth hub (2.4) */
.sum-hub{max-width:520px;margin:30px auto}
.sum-hub h2{margin-top:0}
.sum-hub .sum-form{display:grid;gap:14px}
.sum-hub [hidden]{display:none!important}
.sum-hub .sum-btn{justify-self:start}
.sum-hub .sum-tabs__nav{display:flex;gap:6px;padding:5px;margin-bottom:16px;background:var(--sum-tint);border-radius:14px;overflow-x:auto}
.sum-hub .sum-tab{flex:1 1 auto;white-space:nowrap;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--sum-muted);-webkit-text-fill-color:var(--sum-muted);font:inherit;font-size:calc(var(--sum-fs,16px)*.85);font-weight:700;letter-spacing:.3px;cursor:pointer;box-shadow:none}
.sum-hub .sum-tab:hover,.sum-hub .sum-tab:focus{background:var(--sum-line);color:var(--sum-text);-webkit-text-fill-color:var(--sum-text)}
.sum-hub .sum-tab[aria-selected=true]{background:var(--sum-selected);color:var(--sum-primary-dark);-webkit-text-fill-color:var(--sum-primary-dark);box-shadow:0 2px 8px rgba(15,23,42,.1)}
/* OTP verify + resend: compact, proportionate buttons with clear spacing from the code input */
#sum-hub-code{display:grid;gap:14px}
.sum-hub__row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px}
.sum-hub__row .sum-btn{width:auto;min-width:0;min-height:40px;padding:8px 20px;font-size:var(--sum-btn-size)}
@media (max-width:420px){.sum-hub__row .sum-btn{flex:1 1 0}}
.sum-pass{position:relative;display:block}
.sum-pass input{padding-inline-end:44px}
.sum-wrap .sum-eye{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);display:inline-flex;padding:6px;border:0;background:transparent;color:var(--sum-muted);-webkit-text-fill-color:var(--sum-muted);cursor:pointer;box-shadow:none}
.sum-wrap .sum-eye:hover,.sum-wrap .sum-eye:focus,.sum-wrap .sum-eye[aria-pressed=true]{background:transparent;color:var(--sum-primary-dark);-webkit-text-fill-color:var(--sum-primary-dark)}
.sum-check{display:flex;align-items:center;gap:8px}
.sum-check input{accent-color:var(--sum-primary)}