.trusted-device-login-btn {
    background: #123a67;
    border-color: #123a67;
    color: #fff;
    min-height: 46px;
    font-weight: 700;
}

.trusted-device-login-btn:hover,
.trusted-device-login-btn:focus {
    background: #0d2d52;
    border-color: #0d2d52;
    color: #fff;
}

.trusted-device-login-btn svg,
.trusted-device-action-btn svg {
    width: 1.2rem;
    height: 1.2rem;
    flex: 0 0 auto;
}

.trusted-device-divider {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: 1rem 0;
    color: #7a8795;
    font-size: .875rem;
}

.trusted-device-divider::before,
.trusted-device-divider::after {
    content: "";
    height: 1px;
    flex: 1;
    background: #dce3ea;
}

.trusted-device-status {
    margin-top: .75rem;
    padding: .7rem .8rem;
    border-radius: .75rem;
    background: #eef5fb;
    color: #26445f;
    font-size: .9rem;
}

.trusted-device-status-error {
    background: #fff0f0;
    color: #9d2c2c;
}

.trusted-device-icon-wrap {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e9f1f9;
    color: #123a67;
}

.trusted-device-icon-wrap svg {
    width: 28px;
    height: 28px;
}

.trusted-device-card-current {
    border-color: rgba(18, 58, 103, .35) !important;
    box-shadow: 0 0 0 2px rgba(18, 58, 103, .06);
}

.trusted-device-current-badge {
    background: #e9f1f9;
    color: #123a67;
    border: 1px solid rgba(18, 58, 103, .18);
}

.trusted-device-device-meta {
    color: #6c757d;
    font-size: .85rem;
}