/* DIDO brand — auth screens (login/register/password/verify), docs/didoweb.pdf pg.2 */

.dido-auth-logo {
    height: 2rem;
}

.dido-auth-topbar a {
    color: inherit;
}

.dido-auth-nav-links a:hover {
    color: #ca00ed;
}

/* Soft radial glow behind the hero copy column, echoes the landing hero */
.dido-auth-hero-glow {
    background-image: radial-gradient(55% 55% at 15% 20%, rgba(247, 154, 247, .25) 0%, rgba(202, 0, 237, .08) 45%, rgba(202, 0, 237, 0) 70%);
    background-repeat: no-repeat;
}

.dido-auth-highlights .dido-auth-highlight {
    display: flex;
    align-items: flex-start;
}

.dido-auth-icon-badge {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(202, 0, 237, .1);
    color: #ca00ed;
}

/* Floating auth card */
.dido-auth-card {
    border-radius: 1.5rem;
}

.dido-auth-tabs {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.dido-auth-tab {
    flex: 1;
    text-align: center;
    padding: 0 0 .875rem;
    font-weight: 700;
    color: inherit;
    opacity: .5;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
}

.dido-auth-tab:hover {
    opacity: .8;
    text-decoration: none;
    color: inherit;
}

.dido-auth-tab.active {
    opacity: 1;
    color: #ca00ed;
    border-bottom-color: #ca00ed;
}

.dido-auth-field .input-group-text {
    background: transparent;
    border-right: none;
    color: inherit;
    opacity: .5;
}

.dido-auth-field .form-control {
    border-left: none;
}

.dido-auth-field .form-control:focus {
    border-color: #ca00ed;
    box-shadow: none;
}

.dido-auth-field .form-control:focus + .input-group-append .dido-auth-toggle-password,
.dido-auth-field:focus-within .input-group-text {
    border-color: #ca00ed;
}

.dido-auth-toggle-password {
    border-left: none;
    background: transparent;
    opacity: .5;
}

.dido-auth-toggle-password:hover {
    opacity: .85;
}

/* Circular social login buttons */
.dido-auth-social-row {
    gap: .75rem;
}

.dido-auth-social-btn {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dido-auth-social-btn .ion-icon-wrapper,
.dido-auth-social-btn img {
    width: 1.25rem;
    height: 1.25rem;
}

/* Narrow centered cards: forgot password / email & device verification */
.dido-auth-narrow-card {
    max-width: 30rem;
    margin: 0 auto;
    border-radius: 1.5rem;
}

.dido-auth-icon-circle {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background: rgba(202, 0, 237, .1);
    color: #ca00ed;
    flex-shrink: 0;
}

.dido-auth-code-input {
    letter-spacing: .5rem;
    font-weight: 700;
    text-align: center;
}